網頁圖片jpg，gif，png對比。

總結：照片類的jpg如：banner圖，小圖gif或png8

GIF格式特色： 
透明性 
Gif是一種布爾透明類型，既它能夠是全透明，也能夠是全不透明，可是它並無半透明（alpha 透明）。 
動畫 
Gif這種格式支持動畫。 
無損耗性 
Gif是一種無損耗的圖像格式，這也意味着你能夠對gif圖片作任何操做也不會使 得圖像質量產生損耗。 
水平掃描 
Gif是使用了一種叫做LZW的算法進行壓縮的，當壓縮gif的過程當中，像素是由上到下水平壓縮的，這也意味着同等條件下，橫向的gif圖片比豎向的gif圖片更加小。例如500*10的圖片比10*500的圖片更加小 
間隔漸進顯示 
Gif支持可選擇性的間隔漸進顯示 
由以上特色看出只有256種顏色的gif圖片不適合做爲照片，它適合作對顏色要求不高的圖形。 
-------------------------------------------------------------------------------- 
Jpeg格式特色： 
透明性 
它並不支持透明。 
動畫 
它也不支持動畫。 
損耗性 
除了一些好比說旋轉（僅僅是90、180、270度旋轉），裁切，從標準類型到先進類型，編輯圖片的原數據以外，全部其它操做對jpeg圖像的處理都會使得它的質量損失。因此咱們在編輯過程通常用png做爲過渡格式。 
隔行漸進顯示 
它支持隔行漸進顯示（可是ie瀏覽器並不支持這個屬性，可是ie會在整個圖像信息徹底到達的時候顯示）。 
由上能夠看出Jpeg是最適web上面的攝影圖片和數字照相機中。 
-------------------------------------------------------------------------------- 
Png格式特色： 
透明性 
Png是徹底支持alpha透明的(透明，半透明，不透明)，儘管有兩個怪異的現象在ie6(下面詳細討論) 
動畫 
它不支持動畫 
無損耗性 
png是一種無損耗的圖像格式，這也意味着你能夠對png圖片作任何操做也不會使 得圖像質量產生損耗。這也使得png能夠做爲jpeg編輯的過渡格式 
水平掃描 
像GIF同樣，png也是水平掃描的，這樣意味着水平重複顏色比垂直重複顏色的圖片更小 
間隔漸進顯示 
它支持間隔漸進顯示，可是會形成圖片大小變得更大 
第一種PNG叫PNG8(布爾透明),簡單說能夠理解爲靜態的GIF 
他們都只有256色,也支持索引透明,就是指定一個像素點是否是透明 
第二種PNG也叫PNG8(Alpha透明)可指定像素點的透明度,例如50%透明度 
這種優勢在於比PNG24/32體積小,但效果同樣 
缺點在於IE6支持很差,會把半透明的像素點顯示成全透明 
第三種PNG叫PNG24 
PNG24不透明,可是顏色數不少,不止256色 
而Photoshop裏導出的png24實際上是png32 
第四種PNG叫PNG32 
和photoshop的PSD同樣,是Fireworks的默認源文件格式,包含圖層和通道信息 
和PNG24的區別在於多了透明信息 
缺點在於IE6支持很差,會把透明區域顯示成藍灰底色 : 只能經過影響性能的方法AlphaImageLoader與須要加特殊標籤（VML）。 
注： 
布爾透明的png8能夠在任一瀏覽器正常顯示（就像gif同樣）。 
Alpha透明的png8在除了ie6及其如下的瀏覽器下錯誤的顯示成全透明，其它瀏覽器都能正常 
Photoshop只能導出布爾透明的PNG8。（有些png8在IE6下可能會有毛邊，由於像文字，圓角等一般有弱化邊緣的效果。能夠在導出前進行修剪） 
Fireworks既能導出布爾透明的PNG8,也能導出alpha透明的PNG8. 
-------------------------------------------------------------------------------- 
其它圖片格式與PNG比較： 
衆所周知GIF適合圖形，JPEG適合照片，PNG系列兩種都適合。 
相比GIF 
對於相同色值，gif格式圖片會比png32格式圖片小。但png8纔是最優的選擇。 
PNG 8除了不支持動畫外，PNG8有GIF全部的特色，可是比GIF更加具備優點的是它支持alpha透明和更優的壓縮。因此，大多數狀況下，你都應該用PNG8不是GIF（除了很是小的圖片GIF會有更好的壓縮外）。 
相比JPEG 
JPEG比全色PNG具備更加好的壓縮，所以也使得JPEG適合照片，可是編輯JPEG過程當中容易形成質量的損失，因此全色PNG適合做爲編輯JPEG的過渡格式.