WEB開發中合理選擇圖片格式

　　從某種程度上來講，如何判斷一個網頁設計師是否優秀，可以從其在WEB開發（或網頁設計）中是否合理採用各種圖片格式來得出結論。事實上，或許所有人都知道圖片存在GIF，JPG和PNG等格式，但並非所有人都知道它們之間的具體區別和應用技巧。本文將給大家介紹：WEB開發中幾種最受歡迎圖片格式的前世今生以及如何正確的使用它們。

1、JPEG

　　JPEG格式是一種大小與質量相平衡的壓縮圖片格式。通俗一點講，就是：高的壓縮比=低的圖片質量=小的檔案大小。反之，低的壓縮比=高的圖片質量=大的檔案大小。由於JPEG檔案無法保持100 ％的原始影像的畫素資料，所以它不被認為是一種無損影像格式。

　　用途：

　　由於這種極其敏感的平衡特性，JPEG非常適合被應用在那些允許輕微失真的畫素色彩豐富的圖片（照片）場合。反之，JPEG格式圖片並不適合做簡單色彩（色調少）的圖片，比如LOGO，各種小圖示（ICONS）。

2、GIF

　　GIF格式，是為使圖片能夠應用在線上（online）應用程式上所特別開發的圖片格式。Gif，有時也被成為“Giff”，是一種無損，8點陣圖片格式。“無損”是指100%的保持原始圖片的畫素資料資訊。專業名詞“8位”是指，所能表現的顏色深度——一個8點陣圖像僅最多隻能支援256種不同顏色（一個多餘256種顏色的圖片若用gif圖片儲存會出現失真）。

　　用途：

　　由於8位顏色深度的限制，Gif不適合應用於各種色彩過於豐富的照片儲存場合。但它卻非常適合應用在以下場合：

　　　　Logo

　　　　小圖示（Icon）

　　　　用於佈局的圖片（例如某個佈局角落，邊框等等）

　　　　僅包含不超過256種色彩的簡單，小型圖片場合

　　透明特性：

　　GIF支援基本的透明特性，這意味著你能夠使圖片的某些畫素“不可見”。在其被放置到網頁中時，我們就可以看到通過這些不可見區域看到此圖片後面的背景顏色（圖片）。此特性非常有用：如果你需要將某個gif圖片的內容置於所有圖片的上層，你可以將其設定為透明。

　　壓縮特性：

　　GIF格式採用LZW演算法進行壓縮，此演算法是Unisys申請的一項專利。在很久很久之前，如果你想使用GIF格式，那麼就意味著你需要向Unisys付費申請專利許可。不過值得高興的是，此項專利技術已於2003年6月20日過期，我們現在可以免費的使用GIF了！

　　隔行掃描：

　　GIF同時也支援隔行掃描。隔行掃描能夠令圖片在瀏覽器中更快的載入和顯示。此特性對於那些慢網速的瀏覽者來說尤其實用。

　　動畫GIF：

　　一個動態的GIF檔案，是由若干幀圖片所聯結而成的動態圖片。在顯示時，這些動態幀被反覆的繪製讀取出來從而形成了簡單的動畫效果。合理的運用GIF動畫能夠為網頁增添動靜結合的效果，而過度的使用則會使網頁雜亂無章。

3、PNG

　　PNG，讀“ping”，初始時被作為GIF的免費替代格式所開發，採用公共專利壓縮演算法。PNG格式也是一種無失真壓縮，但與GIF格式不同的是，PNG同時支援8位和24位的影像。

　　8位PNG影像：

　　一個8位PNG圖片，支援透明背景且畫素顏色不能超過256種。除了壓縮演算法不同之外，此8位PNG格式與GIF格式極其相似；

　　用途：

　　8位PNG圖片的用途與GIF格式基本相同，適合應用在以下場合：

 　　　　Logo

　　　　小圖示（Icon）

　　　　用於佈局的圖片（例如某個佈局角落，邊框等等）

　　　　僅包含不超過256種色彩的簡單，小型圖片場合

　　24位PNG影像：

　　24位PNG，支援160萬種不同的畫素顏色且支援Alpha透明效果，這就意味著，無論透明度設定為多少，PNG圖片均能夠與背景很好的融合在一起。

　　對PNG的支援：

　　由於PNG格式的廣泛使用和開發者更加重視網頁的WEB標準，不同瀏覽器對PNG的支援就顯得相當重要了。不過，幸運的是，目前市場上主流的瀏覽器對PNG格式都有很好的支援，這包括：IE*, Firefox, Safari, Opera, and Konqueror。

　　但不幸的是，IE6及IE6以下的瀏覽器對PNG透明背景的支援並不好。（實際上IE6可以支援8位的png透明圖片，只是不支援24位的png透明。）不過我們仍可以通過其他方法來解決這個問題，詳情請檢視如何在IE6中正常顯示透明PNG。