GIF 圖片

    Gif 算是比較老的圖片格式了，它的色彩效果最低，用gif保存鮮艷的圖片的話會(huì)讓你的網(wǎng)站看上去非常可怕。但是gif有著不可忽視的特點(diǎn)：體積小，有著極好的壓縮效果，支持動(dòng)畫，并且支持透明效果，雖然這個(gè)透明沒有PNG的那樣漸變透明的強(qiáng)大。動(dòng)畫選gif沒錯(cuò)；如果你的圖片只有很單調(diào)的色彩，沒有漸變色，例如只有紅藍(lán)兩色，那么選GIF最好不過了！例如百度的首頁LOGO就是很好的例子，它的大小只有2KB，節(jié)省了資源。

 

JPG / JPEG 圖片

    JPG是數(shù)碼相機(jī)最常用的格式，其特點(diǎn)是色彩還原好，可以在照片不明顯失真的情況下，大幅降低體積，所以體積不很大，缺點(diǎn)是不支持透明。照片類的圖片，例如網(wǎng)站上的Gallery，你想要張貼出來的自然風(fēng)景之類，最好都用JPG。

 

PNG 圖片

    可謂是最適合網(wǎng)絡(luò)的圖片！PNG的優(yōu)點(diǎn)是，清晰，無損壓縮，壓縮比率很高，可漸變透明，具備幾乎所有GIF的優(yōu)點(diǎn)；缺點(diǎn)是不如JPG的顏色豐富，同樣的圖片體積也比JPG略大。但是PNG應(yīng)該在網(wǎng)站設(shè)計(jì)上被推廣，它是公認(rèn)的最適合網(wǎng)頁使用的圖片格式。Google就是一個(gè)很好的例子。Google所有站點(diǎn)幾乎全部的圖片資源都是PNG格式。8位的PNG完全可以替代掉GIF。

    PNG有著另一個(gè)優(yōu)點(diǎn)，那就是逐次逼近顯示(progressive display)：傳輸圖像文件的同時(shí)，可以先把整個(gè)輪廓顯示出來，然后逐步顯示圖像的細(xì)節(jié)，即先顯示低分辨率顯示圖像，從模糊到清晰，然后逐步提高它的分辨率。這是一個(gè)很好的用戶體驗(yàn)。

 

各方面比較

大小比較：通常地，PNG ≈ JPG > GIF

透明性：PNG > GIF > JPG

色彩豐富程度：JPG > PNG >GIF

兼容程度：GIF ≈ JPG > PNG

 

JPG、PNG、GIF 到底選誰

    對于一個(gè)網(wǎng)站來說，按照保證色彩顯示良好同時(shí)文件最小的原則，我的總結(jié)是這樣的：

   一、 網(wǎng)站的LOGO，如果色彩單調(diào)，選擇PNG或者GIF，推薦前者。但是如果為了IE6的兼容，選擇后者；

    二、如果你需要?jiǎng)訄D，選擇GIF；

    三、網(wǎng)站上的元素背景圖片（比如按鈕背景、導(dǎo)航條背景），或者很精細(xì)的圖片，還是那句話，如果色彩單調(diào)，選擇PNG或者GIF，推薦前者。但是如果為了IE6的兼容，選擇后者，但要考慮失真問題；少用JPG，否則會(huì)讓這些東西很難看，除非你用風(fēng)景圖片作按鈕背景；

    四、網(wǎng)站內(nèi)容里，你真實(shí)拍攝的圖片，或者你下載的風(fēng)景圖片，保持JPG來獲得更好的顯示效果和體積；