Question . 網(wǎng)站圖片
JPG, GIF, 以及PNG – 有什么不同?
首先,讓我們來(lái)看看每種格式的細(xì)微差別。如果要了解真正的討厭的細(xì)節(jié),點(diǎn)擊這里。
JPEG—照片的標(biāo)準(zhǔn)格式,不支持透明。
GIF—被限制在256色因此對(duì)于大塊純色和簡(jiǎn)單圖像非常好。它支持透明但是會(huì)產(chǎn)生鋸齒邊緣。
PNG—.jpg和.gif的漂亮結(jié)合,具有.jpg圖片的質(zhì)量和.gif的透明度,而且沒(méi)有鋸齒。
下面是我們討論的例子。你可以看到我為iPhone的屏幕創(chuàng)建一張葡萄圖片,320*489px,72dpi:
當(dāng)“存儲(chǔ)為Web和設(shè)備所用格式”對(duì)話框彈出時(shí)(文件->存儲(chǔ)為Web和設(shè)備所用格式)你可以對(duì)比地看到將圖片保存為.png與.jpg的不同。 文件大小—這可能是最顯著的區(qū)別了。.png的大小是258k,而.jpg只有小小的18k。這是一個(gè)巨大的差別。如果你的程序要從網(wǎng)絡(luò)上下載這些圖片,你的用戶可能會(huì)受不了等待.png下載的額外時(shí)間。 顏色和對(duì)比度—.jpg的顏色更豐富,更飽和。.png看起來(lái)像褪了色的。
所以這里有一些關(guān)于網(wǎng)絡(luò)下載時(shí)什么時(shí)候使用.jpg及.png的實(shí)用技巧:
使用JPG
如果你不需要保存圖片的透明背景;如果你的圖片需要保存圖像質(zhì)量,色彩以及飽和度。
使用PNG
當(dāng)你的圖片需要透明時(shí):當(dāng)使用純繪圖圖片時(shí)。.png格式渲染照片效果沒(méi)有那么好。
GIF和TIF何如?好吧,我們不能不談?wù)撍麄儼伞?/p>
GIF
.gif文件一直用于網(wǎng)頁(yè)設(shè)計(jì),并且可以像.png一樣保留透明度。使用.gif的問(wèn)題主要有兩點(diǎn):
1、如果你導(dǎo)出一張照片(如下所示),.gif無(wú)論是文件大小還是圖片質(zhì)量上都無(wú)法與.jpg競(jìng)爭(zhēng):
2、如果你再次考慮用.gif導(dǎo)出繪圖。.gif保留透明的方式與.png不同?匆幌孪旅娴睦,我希望保留按鈕周圍的鮮艷色彩。我切出這個(gè)按鈕,隱藏了格子背景,并且點(diǎn)擊“文件>存儲(chǔ)為Web和設(shè)備所用格式”彈出對(duì)話框:
在對(duì)話框中你可以看到當(dāng)?shù)竭x擇“gif”時(shí)按鈕展現(xiàn)成什么樣。按鈕被我在“雜邊”下拉菜單中選擇的顏色所圍繞。.gif格式要求任何透明漸變都需要一個(gè)背景(或雜邊)色以使?jié)u變可以過(guò)渡。想像一下這個(gè)按鈕在我的格子背景中會(huì)長(zhǎng)成什么樣,唉。
這也就是.png為什么是一個(gè)很棒的東西的原因?吹绞裁词钦嬲耐该髁税?加上一個(gè)所選背景層,它還是會(huì)樣本中所看到的一樣!
結(jié)論:
概括地說(shuō),網(wǎng)站中的圖片使用.jpg格式是最大的優(yōu)化!