我們知道在制作網頁過程中圖片占了一個十分重要的地位.盡管網速越來越快,但是圖片太大依然是造成網頁載入速度過慢的最重要原因之一.
那么到底在GIF,PNG,JPG這些格式我們要選擇哪一種作為候選格式,而哪種圖片格式可以讓圖片更小,卻擁有更好的圖片質量呢?
1.圖片格式
GIF
GIF最突出的地方就是他支持動畫,同時GIF也是一種無損的圖片格式,也就是說你在修改圖片之后,圖片質量并沒有損失.再者GIF支持半透明(全透明或是全不透明).
根據Google的說法,GIF適用于很小或是較簡單的圖片(10×10以下或是3種顏色以下的圖片).
PNG
首先,PNG包括了PNG-8跟真彩色-PNG(PNG-24 or 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.
公眾號
事業單位
當前位置：
公考類
招聘類
各類考試
