我們知道在制作網(wǎng)頁過程中圖片占了一個十分重要的地位.盡管網(wǎng)速越來越快,但是圖片太大依然是造成網(wǎng)頁載入速度過慢的最重要原因之一.
那么到底在GIF,PNG,JPG這些格式我們要選擇哪一種作為候選格式,而哪種圖片格式可以讓圖片更小,卻擁有更好的圖片質(zhì)量呢?
1.圖片格式
GIF
GIF最突出的地方就是他支持動畫,同時GIF也是一種無損的圖片格式,也就是說你在修改圖片之后,圖片質(zhì)量并沒有損失.再者GIF支持半透明(全透明或是全不透明).
根據(jù)Google的說法,GIF適用于很小或是較簡單的圖片(10×10以下或是3種顏色以下的圖片).
PNG
首先,PNG包括了PNG-8跟真彩色-PNG(PNG-24 or PNG-32).那PNG相對于GIF最大的優(yōu)勢是:
通常體積會更小
支持alpha(全透明)
但是我們知道PNG是不支持動畫的.
同時需要留意IE6是可以支持PNG-8的,但是在處理PNG-24的透明時會顯示會灰色.相關(guān)例子可以參考sitepoint.
通常圖片保存為PNG-8會在同等質(zhì)量下獲得比GIF更小的體積,而全透明的圖片我們現(xiàn)在只能使用PNG-24.但是請留意在保存圖片在PNG-8與GIF中進(jìn)行比較.因?yàn)槎刹⒉灰恢闭_.
JPG
JPG所能顯示的顏色比GIF,PNG要多的多,同時得到很好的壓縮,所以JPG很適用于保存數(shù)碼照片.但是注意它是一種失真壓縮,這意味著你每次修改圖片都會造成像素失真.
看了上面的介紹你應(yīng)該對使用哪種格式保存哪種圖片有了大概的了解.簡單的說就是:
一句話:小圖片或網(wǎng)頁基本元素(如按鈕),考慮PNG-8或GIF.照片則考慮JPG.
公眾號
事業(yè)單位
當(dāng)前位置：
公考類
招聘類
各類考試