前端開發之網頁圖片格式的選擇

在進行前端頁面開發時，不可避免的會遇到圖片格式選擇的問題，它雖是一個細節問題，但對會影響文檔的大小，進而網頁的加載性能產生必定的影響。比較常見的圖像文檔格式有三種：JPG/JPEG、PNG8/PNG2四、GIF。

*************************************************************************************************************************

首先聊一下三者中的大師兄——JPEG

它是Joint Photographic Experts Group（聯合圖像專家小組）的縮寫，是第一個國際圖像壓縮標準，簡稱爲JPG。它的圖像壓縮技術能夠說是全部圖像壓縮技術的基礎，同時它也是一種比較典型的使用破壞性壓縮的圖像文檔格式，比較簡單粗暴了點兒。它以24位存儲單個位圖，所以比較適合存儲那些容許輕微失真的顏色豐富的圖片場合，正由於其色彩的豐富性，掩蓋了一些細節線條邊緣的失真，常見的用武之地如數碼照片、高清圖、壁紙等。

其次再來講一下網絡上最流行的活力精靈——GIF

GIF就是圖像交換格式（Graphics Interchange Format）的縮寫，它採用的是無損的壓縮存儲，沒有任何信息丟失，可是採用的是8位信息存儲，同時還支持透明色，這也使它具備了短小精悍的特色，咱們能夠放心大膽的拿它來存儲一些小圖標，然而這些都不是它的活力體現，它最具特點就是擅長存儲動態圖片（即由若干幀圖片聯結而成的圖片，還記得你聊微信時常常遇到的逗比表情嗎，對，它就是gif格式的圖片），這些還不夠，gif還支持隔行掃描，所謂隔行掃描就是可以令圖片在瀏覽器中更快的加載和顯示，哈哈，是否是沒有理由不愛上它了。

最後來聊一下三者中的完美主義者——PNG

前邊說的老大哥JPEG存儲的文件大小也忒大了，而短小精悍的GIF你支持的色彩也忒單調了，那麼好了，該我PNG出馬了，PNG 一樣使用了無損壓縮格式，一樣支持透明效果，傳說PNG 的開發就是由於 GIF 所使用的無損壓縮格式專利問題而誕生的（GIF格式採用LZW算法進行壓縮，此算法是Unisys申請的一項專利。在好久好久以前，若是你想使用GIF格式，那麼就意味着你須要向Unisys付費申請專利許可。不過值得高興的是，此項專利技術已於2003年6月20日過時，咱們如今能夠免費的使用GIF了）。先來一個PNG8，它跟GIF實際上差很少，當你想存儲一些顏色不是很豐富的靜態圖片是，它就派上用場了，LOGO啊神馬的均可以儘管放馬過來吧。PNG24，見名知意，它支持了多達 160 萬個色彩！雖然PNG24看起來是如此的perfect，可是它的文檔大小會相對PNG8增長，而且，比較不幸的是IE6不支持透明的PNG圖片，對於IE6的種種詬病，做爲前端開發的咱們早已司空見慣，啥，想知道如何醫治這個詬病？來，給你一副包治病根的藥方：http://www.zhangxinxu.com/wordpress/?p=14