GIF、JPEG 和 PNG 是三種最常見(jiàn)的圖片格式。
- GIF：1987 年誕生，常用于網(wǎng)頁(yè)動(dòng)畫(huà)，使用無(wú)損壓縮，支持 256 種顏色（一般叫 8 bit 彩色），支持單一透明色；
- JPEG：1992 年出世，照片一般都用這個(gè)格式，有損壓縮，24 bit 真彩色（224 = 17 萬(wàn)種顏色），不支持動(dòng)畫(huà)，不支持透明色；
- PNG：1996 年問(wèn)世，無(wú)損壓縮，最常見(jiàn)的使用格式是 256 索引色（PNG-8）和 24 bit 真彩色（PNG-24）（當(dāng)然 PNG 支持的顏色格式遠(yuǎn)不止此），支持 full alpha 通道（256 級(jí)可調(diào)半透明色），不支持動(dòng)畫(huà)。
簡(jiǎn)單比較：
- JPEG v.s. PNG：JPEG 在照片壓縮方面擁有巨大的優(yōu)勢(shì)，這方面無(wú)可替代，但是 JPEG 是有損壓縮，圖片質(zhì)量會(huì)有損失。另外，一般屏幕截屏用 PNG 格式不但比 JPEG 質(zhì)量高而且文件大小還更小（維基有圖）。
- GIF v.s. PNG：GIF 只在簡(jiǎn)單動(dòng)畫(huà)領(lǐng)域有優(yōu)勢(shì)（其實(shí)，GIF 256 色限制以及無(wú)損壓縮機(jī)制導(dǎo)致高質(zhì)量的動(dòng)畫(huà)的發(fā)布一般都使用 Flash 等格式），只要沒(méi)有動(dòng)畫(huà)，PNG 完全可以取代 GIF。
- 防鋸齒：下面是 GIF 和 PNG 防鋸齒處理的對(duì)比，六張小圖片是分別放到淺黃和深綠背景下的情景，三張大圖是深綠背景情形的放大。由于 GIF 沒(méi)有半透明一說(shuō)，所以防鋸齒處理時(shí)只能假設(shè)背景是白色，這樣的 GIF 放在深色背景下還不如不防鋸齒。而 PNG 圖片可以輕松應(yīng)付各種背景顏色，特別適合用來(lái)做網(wǎng)頁(yè)和應(yīng)用程序里的通用防鋸齒圖標(biāo)適應(yīng)不同皮膚，沒(méi)有 full alpha 通道的 JPEG 和 GIF 都做不到這一點(diǎn)。
可以看到，除了照片和動(dòng)畫(huà)，PNG 是最好的格式，但是 PNG 為什么到最近幾年才流行起來(lái)？有很多原因：
- PNG 誕生的時(shí)候互聯(lián)網(wǎng)已經(jīng)初具規(guī)模，當(dāng)時(shí) GIF 和 JPEG 已經(jīng)是很流行的格式了，換格式的遷移成本是很大的，有時(shí)候慣性是一個(gè)很可怕的東西。
- 瀏覽器的 PNG 支持比較落后，比如 IE 就是到 IE4 才開(kāi)始支持 PNG。
- PNG 當(dāng)初標(biāo)準(zhǔn)里把 alpha 通道寫成了 optional 的，土鱉的 IE 一直到 IE7 才開(kāi)始支持 full alpha 通道。而一般網(wǎng)頁(yè)圖標(biāo) 256 色足夠，所以為了支持 IE6，PNG 相對(duì)于 GIF 毫無(wú)優(yōu)勢(shì)可言，更何況 GIF 還支持動(dòng)畫(huà)。
- 盡管從原理上說(shuō)，同樣質(zhì)量的 PNG 圖片文件一般要比 GIF 要小，但是早期很多圖片編輯器不支持 PNG，甚至支持的也沒(méi)有完全利用 PNG 壓縮算法里最精妙的部分（最典型的例子就是早期的 Photoshop），保存出來(lái)的 PNG 往往巨大無(wú)比。現(xiàn)在的軟件已經(jīng)沒(méi)有這些問(wèn)題了，但是這個(gè)偏見(jiàn)還廣泛存在。
柳德才
13691193654
18942949207
QQ：422157370
liudecai_zan@126.com湖北-武漢-江夏-廟山