網頁頁面中圖像格式的選用技巧

2012-05-15 來源:www.0579es.com 知一 作者:宇訊(xùn)科(kē)技 閱讀 1357


網頁頁面中圖像格式的選用技巧

下面我們(men)先了解一(yī)下幾種我間格式的比較正式的解釋:
  GIF意為(wèi)Graphics Interchange format影河(圖形交換格式),GIF圖片的擴展名是gif。現在所有的圖形票門浏覽器(qì)都支持GIF格式,而且有的圖形如廠浏覽器(qì)隻認識GIF格式。GIF是子事一(yī)種索引顔色格式,在顔色數很少的情況下,産生的文件極小(xiǎo),它讀師的優點主要有:

  GIF格式支持背景透明。GIF圖片如(rú)果用答背景色設置為(wèi)透明,它将與浏覽器(qì)背景相結合,生費很成非矩形的圖片。

  GIF格式支持動畫(huà)。在Flash動畫(huà子熱)出現之前,GIF動畫(huà)可以說(sh影小uō)是網頁中唯一(yī)的動畫(huà)形式。G亮河IF格式可以将單幀的圖象組合起來,然後輪流播放輛白每一(yī)幀而成為(wèi)動畫(huà)。雖森白然并不(bù)是所有的圖形浏覽器(qì)都支持GIF動畫(huà),但子和是最新的圖形浏覽器(qì)都已經支持GIF動畫(huà村到)。

  GIF格式支持圖形漸進。漸進是指圖片漸漸顯示在屏幕上,漸進圖片将比非漸花鄉進圖片更快地出現在屏幕上,可以讓訪問者更快地知道圖片的概貌。

  GIF格式支持無損壓縮。無損壓縮是不(相道bù)損失圖片細節而壓縮圖片的有效方法,由于GIF格用些式采用無損壓縮,所以它更适合于線條、圖标和圖紙。

  GIF格式的缺點同樣相當明顯。索引顔外們色是曆史遺留的産物,在DOS下的老遊戲幾商資乎無一(yī)例外的采用索引顔色,這種格式本來早技內就應該淘汰了。但是由于帶寬的限制,GIF從DOS時訊日(shí)代紅到了Internet時(shí)代。GIF這種索引顔色格式最醫門大(dà)的缺點就是它隻有256種顔色,這對于照片時得質量的圖片是顯然不(bù)夠的。

  JPEG代表Joint Photograhic Ex費新perts Group(聯合圖像專家(jiā)組),這種學黃格式經常寫成JPG,JPG圖片的擴展名為(wèi)jpg。

  JPG最主要的優點是能支持上百萬種顔色,從而可以要章用來表現照片。此外,由于JPG圖片使用更有效的有損壓縮算法,從而使如雜文件長(cháng)度更小(xiǎo),下載時(shí湖笑)間更短(duǎn)。有損壓縮會(huì)放你紅棄圖像中的某些細節,以減少文件長(cháng)度。它的壓縮比相當化行高,使用專門的JPG壓縮工(gōng)具其壓縮比區還可達180:1,而且圖像質量從浏覽角度來講質量受損不(bù)會(h他是uì)太大(dà),這樣就大(dà)大(dà)方便了網絡傳輸和磁美船盤交換文件。JPG較GIF更适合于照片,因為(wèi)在照片朋體中損失一(yī)些細節不(bù)像對藝術線條那麼明顯。另外,JPG對拍店照片的壓縮比例更大(dà),而最後的質量也更好(hǎo)。

  但是從長(cháng)遠來看,JPG随着帶寬的不睡年(bù)斷提高和存儲介質的發展,它也應該是一(yī)種被淘汰的圖片著可格式,因為(wèi)有損壓縮對圖像會(huì)産生不(bù)可恢複的損失地雜。所以經過壓縮的JPG的圖片一(yī)般業城不(bù)适合打印,在備份重要圖片時(shí)也最好(分舊hǎo)不(bù)要使用JPG。還有,JPG也不(有玩bù)如(rú)GIF圖像那麼靈活,它不(bù)支持圖形漸進、還間背景透明,更不(bù)支持動畫(huà)。

  PNG是20世紀90年代中期開(kāi)始開(kā離化i)發的圖像文件存儲格式,其目的是企圖替代GIF和TIFF文件格一一式,同時(shí)增加一(yī)些GIF文件格式所不(bù)具備的特性。流式網個開絡圖形格式(Portable Network Gr數聽aphic Format,PNG)名稱來源于如學非官方的“PNG's Not GIF”,影開是一(yī)種位圖文件(bitmap file)存儲格式,讀成“低可ping”。PNG用來存儲灰度圖像時(shí),灰相會度圖像的深度可多到16位,存儲彩色圖像時(s銀到hí),彩色圖像的深度可多到48位,并且還可存些腦儲多到16位的α通(tōng)道數據。PNG使用從LZ77派生的無損數據壓有行縮算法。

  PNG文件格式保留GIF文件格式的下列特性:

  使用彩色查找表或者叫做調色闆可支持256種顔色的彩色圖像。

  流式讀/寫性能(streamability):圖像文件格式允許連續讀出和寫器內入圖像數據,這個特性很适合于在通(tōng)信過程中生成和顯示圖像窗體。

  逐次逼近顯示(progressive display):這種特性可使在空用通(tōng)信鍊路上傳輸圖像文件的同時(shí)就在終端上顯示圖務月像,把整個輪廓顯示出來之後逐步顯示圖像的細要場節,也就是先用低(dī)分辨率顯示圖像,然後服店逐步提高它的分辨率。

  透明性(transparency):這個性能可使圖自南像中某些部分不(bù)顯示出來,用來創建我光一(yī)些有特色的圖像。

  輔助信息(ancillary infor山西mation):這個特性可用來在圖像文件中存我你儲一(yī)些文本注釋信息。

  獨立于計算機軟硬件環境。

  使用無損壓縮。

  PNG文件格式中要增加下列GIF文件格式所廠唱沒有的特性:

  每個像素為(wèi)48位的真彩色圖像。

  每個像素為(wèi)16位的灰度圖像。

  可為(wèi)灰度圖和真彩色圖添加α通子錢(tōng)道。

  添加圖像的γ信息。

  使用循環冗餘碼(cyclic redun數窗dancy code,CRC)檢測損害的文件。

  加快圖像顯示的逐次逼近顯示方式。

  标準的讀/寫工(gōng)具包。

  可在一(yī)個文件中存儲多幅圖像。

  網頁頁面中對于圖像格式的選用

  文件結構

  這三種格式各有優缺點,其中PNG優點多多。雖然普及得(de)還很一(yī女區)般,但是其特殊的優越性已經讓我們(men)對話微其産生非常大(dà)的興趣。至少我現在很喜歡這種格式。當然身愛了對于制作頁面的制作人員來說(shuō),頁面總體積的大關服(dà)小(xiǎo)那就是競争力。所以年高我們(men)還是必需要注意這三種格式的混合使動綠用。那以什麼時(shí)候用GIF什麼時(shí)紙窗候用PNG什麼時(shí)候用JPG呢?我們(men)下面樂冷一(yī)一(yī)來分析。

  在實際的工(gōng)作中,我發現一(yī)般的純色的費你圖形,比如(rú)一(yī)些小(xiǎo)圖标、和舞平鋪背景其中的色彩比較少,那麼作


相關文章推薦