
圖像(images)是 Web 上最老資格的元件之一(緊接著 HTML 之後出現),從我們開始
使用它們之後,只有很少的地方改變了。沒錯,現在除了原本的 GIF 之外,還有 JPEG 與
PNG,但除了這些,並沒有很多試著改善它們的技術出現。
當然,這並不包括那些負責設計、製作圖像,為數眾多,有創意、有才華的人們所做的努
力,他們的努力建立了我們今天所看到的 Web,閃耀時髦,充滿了行銷潛力!如果沒有圖
像,我們就沒有建置 Web 的工作可做,而如果沒有圖像,我們也不用擔心 Web 的效能,
因為沒有使用者需要我們去照料他們的使用體驗,也不會有商務人士付錢來進行改善。
話雖如此,圖像還是我們網站上最大的負載(payload),透過網路線來回傳送,是讓使
用者體驗變得緩慢的主要原因。
根 據 H T T PA r c h i v e 的 資 料 ( 圖 2 5 - 1 , h t t p : / / h t t p a r c h i v e . o rg / i n t e re s t i n g .
php#bytesperpage),JPEG、GIF 與 PNG 圖像占了
整體頁面大小的
63%,而圖像的總
大小與頁面整體載入時間有 0.64 的相關性(圖 25-2,http://httparchive.org/interesting.
php#onLoad)。
失真的圖像壓縮(Lossy
Image Compression)
Sergey Chernyshev
第二十五章