在網(wǎng)頁制作中，合理選用圖像格式是非常重要的，不同的圖像格式具有不同的特點(diǎn)和適用場景。頁面中運(yùn)用GIF格局，失真大這個(gè)問題比較簡單，只要用JPG就能夠。咱們常用的頁面的圖片格局有三種，GIF、JPG、PNG。

 

 

　　GIF(圖形交換格局），GIF圖片的擴(kuò)展名是gif�，F(xiàn)在一切的圖形瀏覽器都支撐GIF格局，而且有的圖形瀏覽器只認(rèn)識(shí)GIF格局。GIF是一種索引色彩格局，在色彩數(shù)很少的情況下，發(fā)生的文件極小，它的長處主要有：

 

　　GIF格局支撐布景通明。GIF圖片假如布景色設(shè)置為通明，它將與瀏覽器布景相結(jié)合，生成非矩形的圖片。

 

　　GIF格局支撐動(dòng)畫。在Flash動(dòng)畫出現(xiàn)之前，GIF動(dòng)畫能夠說是網(wǎng)頁中唯一的動(dòng)畫形式。GIF格局能夠?qū)�單幀的圖象組合起來，然后輪番播放每一幀而成為動(dòng)畫。盡管并不是一切的圖形瀏覽器都支撐GIF動(dòng)畫，可是新的圖形瀏覽器都現(xiàn)已支撐GIF動(dòng)畫。

 

　　GIF格局支撐圖形漸進(jìn)。漸進(jìn)是指圖片逐漸顯現(xiàn)在屏幕上，漸進(jìn)圖片將比非漸進(jìn)圖片更快地出現(xiàn)在屏幕上，能夠讓訪問者更快地知道圖片的概貌。

 

　　GIF格局支撐無損緊縮。無損緊縮是不損失圖片細(xì)節(jié)而緊縮圖片的有用方法，由于GIF格局選用無損緊縮，所以它更適合于線條、圖標(biāo)和圖紙。

 

　　GIF格局的缺陷同樣適當(dāng)顯著。索引色彩是歷史遺留的產(chǎn)品，在DOS下的老游戲幾乎無一例外的選用索引色彩，這種格局原本早就應(yīng)該篩選了�？墒怯捎趲�寬的約束，GIF從DOS時(shí)代紅到了Internet時(shí)代。GIF這種索引色彩格局大的缺陷就是它只要256種色彩，這對于相片質(zhì)量的圖片是顯著不行的。

 

　　JPEG（聯(lián)合圖畫專家組），這種格局經(jīng)常寫成JPG，JPG圖片的擴(kuò)展名為jpg。

 

　　JPG主要的長處是能支撐上百萬種色彩，從而能夠用來體現(xiàn)相片。此外，由于JPG圖片運(yùn)用更有用的有損緊縮算法，從而使文件長度更小，下載時(shí)間更短。有損緊縮會(huì)拋棄圖畫中的某些細(xì)節(jié)，以減少文件長度。它的緊縮比適當(dāng)高，運(yùn)用專門的JPG緊縮工具其緊縮比可達(dá)180：1，而且圖畫質(zhì)量從瀏覽角度來講質(zhì)量受損不會(huì)太大，這樣就大大方便了網(wǎng)絡(luò)傳輸和磁盤交換文件。JPG較GIF更適合于相片，由于在相片中損失一些細(xì)節(jié)不像對藝術(shù)線條那么顯著。另外，JPG對相片的緊縮比例更大，而后的質(zhì)量也更好。

 

　　可是從長遠(yuǎn)來看，JPG跟著帶寬的不斷提高和存儲(chǔ)介質(zhì)的開展，它也應(yīng)該是一種被篩選的圖片格局，由于有損緊縮對圖畫會(huì)發(fā)生不行恢復(fù)的損失。所以通過緊縮的JPG的圖片一般不適合打印，在備份重要圖片時(shí)也好不要運(yùn)用JPG。還有，JPG也不如GIF圖畫那么靈活，它不支撐圖形漸進(jìn)、布景通明，更不支撐動(dòng)畫。

 

　　PNG是90年代中期開端開發(fā)的圖畫文件存儲(chǔ)格局，其目的是企圖代替GIF和TIFF文件格局，一起添加一些GIF文件格局所不具備的特性。流式網(wǎng)絡(luò)圖形格局(Portable Network Graphic Format，PNG)稱號(hào)來源于非官方的“PNG's Not GIF”，是一種位圖文件(bitmap file)存儲(chǔ)格局，讀成“ping”。PNG用來存儲(chǔ)灰度圖畫時(shí)，灰度圖畫的深度可多到16位，存儲(chǔ)五顏六色的圖畫時(shí)，五顏六色的圖畫的深度可多到48位，而且還可存儲(chǔ)多到16位的α通道數(shù)據(jù)。PNG運(yùn)用從LZ77派生的無損數(shù)據(jù)緊縮算法。

 

　　PNG文件格局保存GIF文件格局的下列特性：

 

　　運(yùn)用五顏六色查找表或者叫做調(diào)色板可支撐256種色彩的五顏六色的圖畫。

 

　　流式讀/寫功能(streamability)：圖畫文件格局答應(yīng)接連讀出和寫入圖畫數(shù)據(jù)，這個(gè)特性很適合于在通信過程中生成和顯現(xiàn)圖畫。

 

　　逐次逼近顯現(xiàn)(progressive display)：這種特性可使在通信鏈路上傳輸圖畫文件的一起就在終端上顯現(xiàn)圖畫，把整個(gè)輪廓顯現(xiàn)出來之后逐步顯現(xiàn)圖畫的細(xì)節(jié)，也就是先用低分辨率顯現(xiàn)圖畫，然后逐步提高它的分辨率。

 

通明性(transparency)：這個(gè)功能可使圖畫中某些部分不顯現(xiàn)出來，用來創(chuàng)立一些有特征的圖畫。例如，如果是照片或復(fù)雜的圖像，且對圖像質(zhì)量要求較高，可以選擇 JPEG 格式；如果需要透明背景或?qū)�圖像質(zhì)量要求極高，PNG 格式是更好的選擇；而如果需要制作簡單的動(dòng)畫效果，GIF 格式則更為合適。