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