哪種圖像格式最好?
作者:Jonathan Snook 譯:htmlor
在網站開發過程中,用什么圖像格式你可能不會考慮太多。不過,明智的選擇會為你自己(或公司)節省一大筆帶寬開支。當今主流的web圖像壓縮格式有3種:GIF、JPEG和PNG。它們釆用不同的圖像信息壓縮技朮,各有利弊。
GIF
注:Graphics Interchange Format,圖形交換格式。
GIF 是無損壓縮,即在壓縮過程中圖像沒有質量損失。未壓縮的圖像信息以線性方式存儲。(下載時)每行象素從左到右依次讀取。交錯式GIF圖像(htmlor 注:fireworks導出GIF時有交錯式圖像可選)用不同的順序存儲圖像行。(下載時)先讀取第4、8、12、16、20行,然后是第2、6、10、 14、18行,…… 以此類推,直到讀取完整個圖像。以這種方式下載時,網速較慢的用戶能把過程看得清清楚楚。(htmlor注:查看這個頁面可以看到上述下載效果。)
GIF的壓縮方式是把文件中重復的色塊消除,然后把(這些色塊的)位置信息存在一個表里(也叫hash表)。(因此)圖像中相同色塊越多,壓縮率就越高。如背景圖、包含文字的圖像和被圖樣填充的圖像等。
GIF 的一大顯著優勢就是能制作動畫圖像。你肯定在網上見過鋪天蓋地的GIF動畫(尤其是90年代的全盛時期)。根本上講,一個GIF動畫就是一串含有時間信息 的GIF靜態圖像。不過GIF動畫有個問題:即便幀數不多,字節數也會變得很大。(舉例來說)如果1幀GIF有15kb,那么20幀將超過100kb(對 于web圖像顯然是太大了)。在這個GIF大行其道的時代,如果要做動畫,還是用flash好些。
GIF的另一優勢是透明度。你可以選擇顏色表里的某一種顏色作為透明色。這樣的話,原本這種顏色出現的地方(會變得透明)可以看到下層的HTML背景。
(有利自然有弊)GIF格式的最大不足,就是它對256色之外的顏色無能為力。如果一幅含有成千上萬種色彩的照片用GIF格式壓縮,將會變得慘不忍睹。
JPEG
注:Joint Photographic Experts Group,聯合圖像專家小組。文件擴展名通常簡化為JPG。
JPEG 是有損壓縮,即在壓縮過程中圖像質量會有損失。其壓縮過程首先把圖像從RGB轉換為YUV,用亮度、色調和飽和度儲存每個象素的信息。然后減少色調和飽和 度的信息數量,這種差別不容易被肉眼察覺到。在圖像字節數遞減時(比如在photoshop里移動質量控制滑塊),你會看到在色塊上產生模糊的斑點,尤其 是邊緣附近。總的來說,JPEG格式最適用于色彩丰富的圖像。(因為)把含有漸變色彩的圖像或者照片壓縮成低質量,損失并不顯眼(卻能大幅減少字節數)。 而包含文字或者有大塊實心背景色的圖像的壓縮,更適合交給GIF和PNG格式去做。
PNG
注:Portable Network Graphics,便攜式網絡圖形。
PNG 在現有的多種圖像格式中算是晚輩,卻來勢洶洶,大有后來居上之勢。它在某些方面與GIF類似,
留言列表