網頁圖片格式PNG,JPG,GIF如何選擇使用_HTML/Xhtml_網頁製作

那麼到底在GIF,PNG,JPG這些格式我們要選擇哪一種作為候選格式,而哪種圖片格式可以讓圖片更小,卻擁有更好的圖片質量呢?

1.圖片格式

GIF

GIF最突出的地方就是他支持動畫,同時GIF也是一種無損的圖片格式,也就是說你在修改圖片之後,圖片質量並沒有損失.再者GIF支持半透明(全透明或是全不透明).
根據Google的說法,GIF適用於很小或是較簡單的圖片(10×10以下或是3種顏色以下的圖片).

PNG

首先,PNG包含了PNG-8跟真彩色-PNG(PNG-24 或 PNG-32).那PNG相對於GIF最大的優勢是:

• 通常體積會更小
• 支持alpha(全透明)

但我們知道PNG是不支援動畫的.

同時需要留意IE6是可以支援PNG-8的,但是在處理PNG-24的透明時會顯示會灰色.相關例子可以參考sitepoint.

通常圖片保存為PNG-8會在同等質量下獲得比GIF更小的體積,而全透明的圖片我們現在只能使用PNG-24.但是請留意在保存圖片在PNG-8與GIF中進行比較.因為定律並不一直正確.

JPG

JPG所能顯示的顏色比GIF,PNG要多的多,同時得到很好的壓縮,所以JPG很適用於保存數碼照片.但是注意它是一種失真壓縮,這意味著你每次修改圖片都會造成像素失真.

看了上面的介紹你應該對使用哪種格式保存哪種圖片有了大概的了解.簡單的說就是:

一句話:小圖片或網頁基本元素(如按鈕),考慮PNG-8或GIF.照片則考慮JPG.