目前流行的網站(zhàn)圖片格式有三種，分(fēn)别是JPG、PNG、GIF，然而很多人(rén)并不知道三者在選擇的時(shí)候究竟應該選誰。雖然都可以存儲圖片，但(dàn)是如(rú)果要發布到網上(shàng)，就(jiù)必須考慮速度、大小和失真程度的問題。如(rú)果你運用得好(hǎo)(hǎo)，選對圖片，那樣便會使網站(zhàn)的整體(tǐ)體(tǐ)驗上(shàng)升，如(rú)果你運用得不好(hǎo)(hǎo)，就(jiù)會引起反效果。下(xià)面我通過文件大小等多方面的元素來(lái)講一(yī)下(xià)網站(zhàn)圖片的合理(lǐ)選擇。
GIF 圖片
Gif 算(suàn)是比較老的圖片格式了(le)，它的色彩效果最低(dī)，用gif保存鮮豔的圖片的話(huà)會讓你的網站(zhàn)看上(shàng)去非常可怕。但(dàn)是gif有着不可忽視(shì)的特點：體(tǐ)積小，有着極好(hǎo)(hǎo)的壓縮效果，支持動畫，并且支持透明效果，雖然這(zhè)個(gè)透明沒有PNG的那樣漸變透明的強大。動畫選gif沒錯；如(rú)果你的圖片隻有很單調的色彩，沒有漸變色，例如(rú)隻有紅(hóng)藍兩色，那麽選GIF最好(hǎo)(hǎo)不過了(le)！例如(rú)百度的首頁LOGO就(jiù)是很好(hǎo)(hǎo)的例子(zǐ)，它的大小隻有2KB，節省了(le)資源。
JPG / JPEG 圖片
JPG是數碼相機最常用的格式，其特點是色彩還原好(hǎo)(hǎo)，可以在照片不明顯失真的情況下(xià)，大幅降低(dī)體(tǐ)積，所以體(tǐ)積不很大，缺點是不支持透明。照片類的圖片，例如(rú)網站(zhàn)上(shàng)的Gallery，你想要張貼出來(lái)的自然風(fēng)景之類，最好(hǎo)(hǎo)都用JPG。
PNG 圖片
可謂是最适合網絡的圖片！PNG的優點是，清晰，無損壓縮，壓縮比率很高，可漸變透明，具備幾乎所有GIF的優點；缺點是不如(rú)JPG的顔色豐富，同樣的圖片體(tǐ)積也(yě)比JPG略大。但(dàn)是PNG應該在網站(zhàn)設計上(shàng)被推廣，它是公認的最适合網頁使用的圖片格式。Google就(jiù)是一(yī)個(gè)很好(hǎo)(hǎo)的例子(zǐ)。Google所有站(zhàn)點幾乎全部的圖片資源都是PNG格式。8位的PNG完全可以替代掉GIF。
PNG有着另一(yī)個(gè)優點，那就(jiù)是逐次逼近顯示(progressive display)：傳輸圖像文件的同時(shí)，可以先把整個(gè)輪廓顯示出來(lái)，然後逐步顯示圖像的細節，即先顯示低(dī)分(fēn)辨率顯示圖像，從模糊到清晰，然後逐步提高它的分(fēn)辨率。這(zhè)是一(yī)個(gè)很好(hǎo)(hǎo)的用戶體(tǐ)驗。
各方面比較
大小比較：通常地，PNG ≈ JPG > GIF
透明性：PNG > GIF > JPG
色彩豐富程度：JPG > PNG >GIF
兼容程度：GIF ≈ JPG > PNG
JPG、PNG、GIF 到底選誰
對于一(yī)個(gè)網站(zhàn)來(lái)說(shuō)，按照保證色彩顯示良好(hǎo)(hǎo)同時(shí)文件最小的原則，我的總結是這(zhè)樣的：
一(yī)、 網站(zhàn)的LOGO，如(rú)果色彩單調，選擇PNG或者GIF，推薦前者。但(dàn)是如(rú)果為(wèi)了(le)IE6的兼容，選擇後者；
二、如(rú)果你需要動圖，選擇GIF；
三、網站(zhàn)上(shàng)的元素背景圖片（比如(rú)按鈕背景、導航條背景），或者很精細的圖片，還是那句話(huà)，如(rú)果色彩單調，選擇PNG或者GIF，推薦前者。但(dàn)是如(rú)果為(wèi)了(le)IE6的兼容，選擇後者，但(dàn)要考慮失真問題；少用JPG，否則會讓這(zhè)些(xiē)東西(xī)很難看，除非你用風(fēng)景圖片作(zuò)按鈕背景；
四、網站(zhàn)内容裏，你真實拍攝的圖片，或者你下(xià)載的風(fēng)景圖片，保持JPG來(lái)獲得更好(hǎo)(hǎo)的顯示效果和體(tǐ)積；
13735195038 
點擊咨詢 