網(wǎng)頁設(shè)計中的圖形（圖像）文件格式

2022-08-30    分類： 網(wǎng)站建設(shè)

前面的章節(jié)中曾經(jīng)簡略介紹了圖形／圖像的格式，此節(jié)進行詳細的介紹。圖形／圖像是以文件的形式存儲在計算機上的，這些文件有各種各樣的格式。Web通常使用兩種圖形圖像格式-GIF和JPEG；還有兩種格式-PNG和MNG格式應(yīng)用的相對少一些。
1、GIF格式
GIF，全稱圖形交換格式，GraphicalInterchangeFormat的縮寫，是由CompuServe公司開發(fā)的圖形圖像格式，主要用于互聯(lián)網(wǎng)上的圖形／圖像交流。GIF圖形圖像格式是一種無損壓縮的圖形圖像格式，對于顏色畫面簡單的圖形／圖像，有非常高的壓縮率。
使用該格式減少圖形圖像文件尺寸時，不會丟失原始圖形圖像的任何信息。而且，這種壓縮算法比較簡單，解壓縮的速度很快，很適合在網(wǎng)頁上顯示。因此，GIF格式在網(wǎng)頁中得到了廣泛的應(yīng)用。
GIF的優(yōu)點還有：支持透明(Transparency)和交錯(lnterlaced)模式，支持GIF89a~J畫格式等。
透明模式，是一種圖形／圖像的透明部分能夠透出背景色的模式，這種模式可以去掉圖形圖像比較生硬的矩形邊框，使圖形／圖像更好地融合到網(wǎng)頁頁面中。
交錯模式，是指將圖形／圖像裝載到瀏覽器窗口的顯示方式。一個普通的圖形／圖像是從上到下逐行顯示的，在顯示完畢之前，瀏覽者無法了解圖形／圖像的全貌。而設(shè)置了交錯模式的GIF圖形／圖像則是隔行顯示的，使瀏覽者不必等待圖形／圖像全部傳輸完，就可以看到圖形／圖像的大致輪廓。
對于簡單的Web動畫來說，GIF89a動畫是最容易掌握的技術(shù)。GIF89a動畫包含一系列的幀，每一幀就是一幅圖形圖像。此外，還包含一些播放動畫的參數(shù)，如延遲時間、循環(huán)順序等。瀏覽器從動畫文件中讀取各幀圖形圖像，然后根據(jù)播放參數(shù)在瀏覽器窗口循環(huán)顯示，形成動畫效果。GIF89a動畫的使用大大增加了頁面的趣味性。
GIF格式的缺點是，最多只能使用256種顏色，這使它不能用于存儲高質(zhì)量的圖形／圖像文件。
2、JPEG格式
JPEG，是聯(lián)合圖形／圖像專家小組JointPhotographicExpertGroup的縮寫。JPEG格式的圖形／圖像采用了一種失真的壓縮算法，這種壓縮丟失了部分圖形／圖像信息，同時也獲得了較高的壓縮比。因此，壓縮比例越大，圖形圖像質(zhì)量越差。這種算法的優(yōu)點是，由于它考慮了人的視覺特性，因此只要圖形／圖像的壓縮比例適合，一般不會使人感到壓縮前后的差異。
JPEG支持24bit真彩．適用于具有豐富細節(jié)的高質(zhì)量圖形圖像。與GIF格式相比，它也有類似于交錯顯示的漸進式顯示，但不支持透明顏色。另外，JPEG的壓縮算法比較復雜，因此，圖形圖像解壓縮顯示的時間也相應(yīng)較長。
3、PIN格式
PNG，英文全稱PortableNetworkGraphics，是可攜式網(wǎng)絡(luò)圖形圖像的縮寫。這個格式的圖形圖像已經(jīng)得到IE和NETSCAPE兩大瀏覽器的支持，目前在許多歐美網(wǎng)站已經(jīng)開始采用PNG圖形圖像。
這種格式的圖形圖像兼有GIF和JPEG的色彩模式。PNG不僅能儲存256色以下的“IndexColor”圖形圖像，還能儲存24位真彩圖形圖像，甚至能高可儲存至48位超強色彩的圖形圖像。如果圖形圖像是以文字、形狀及線條為主，PNG會用類似GIF的壓縮方法來獲得較好的壓縮率，而且不破壞原始圖形圖像的任何細節(jié)。而對于照片類圖形圖像的壓縮，PNG則采用類似JPEG的壓縮算法，不同的是圖形圖像壓縮后能保持與壓縮前圖形圖像質(zhì)量一樣，沒有一點失真。另外，PNG也采取了類似于GIF格式的交錯顯示模式，使圖形圖像得以漸里在屏幕上。
PNG的優(yōu)勢還體現(xiàn)在對透明圖形圖像的處理上。JPEG格式無法實現(xiàn)圖形圖像透明；而采用GIF格武透明圖形圖像則略顯刻板，因為GIF透明圖形圖像只有1與0的透明信息，只有透明或不透明兩種選擇，缺少層次。
PNG則提供了“Q”頻段0至255的透明信息，可以使圖形圖像的透明區(qū)域出現(xiàn)深度不同的層次。而且，PNG圖形圖像可以讓圖形圖像好的覆蓋在任何背景上，改善了GIF透明圖形圖像描邊不佳的問題。
對GIF圖形圖像而言，系統(tǒng)不同畫面顯示的效果也不一樣，PNG則避免了這一缺點。在Macintosh上制作IYJPNG圖形圖像，放在Windows上顯示時圖形圖像不會失真；反之亦然。文字資料（如作者、出處）、儲存蒙板(MASK)、伽瑪值、色彩校正碼等信息，均可摻雜在PNG圖形圖像中一起傳輸。
制約PNG圖形圖像不能更廣泛應(yīng)用的主要因素是，它無法制作出動畫效果。PNG圖形圖像格式開發(fā)人員已經(jīng)意識到這一點，基于PNG圖形圖像開發(fā)出了新的圖形圖像格式，即PNG的動畫實現(xiàn)格式-MNG。
4、MNG格式
MNG，英文全稱Multiple-ImageNetworkGraphics，是多重影像網(wǎng)絡(luò)圖形圖像的縮寫，是對PNG圖形圖像格式的完善。PaintShopPro等繪圖軟件的最新版本已開始支持MNG，相信不久的將來MNG同樣也能獲得瀏覽器的支持。如圖3-71和圖3-72所示。
與GIF89a動畫相比，MNG有以下優(yōu)點：
·MNG采用以對象為基礎(chǔ)的動畫。動畫采用對象的移動、復制、粘貼來實現(xiàn)，從而減少了動畫文件的天于。
·MNG對于復雜的動畫采用了嵌套循環(huán)方式。
·MNG使用了比GIF更優(yōu)化的壓縮方式：
·MNG能夠集合以PNG和JPEG為基礎(chǔ)的圖形圖像。
·lvfNG支持透明的JPEG格式。

當前文章：網(wǎng)頁設(shè)計中的圖形（圖像）文件格式
標題鏈接：http://www.muchs.cn/news41/194141.html

成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián)，為您提供面包屑導航、網(wǎng)站排名、外貿(mào)網(wǎng)站建設(shè)、云服務(wù)器、App開發(fā)、建站公司

廣告

聲明：本網(wǎng)站發(fā)布的內(nèi)容（圖片、視頻和文字）以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主，如果涉及侵權(quán)請盡快告知，我們將會在第一時間刪除。文章觀點不代表本網(wǎng)站立場，如需處理請聯(lián)系客服。電話：028-86922220；郵箱：631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載，或轉(zhuǎn)載時需注明來源： 創(chuàng)新互聯(lián)

搜索引擎優(yōu)化