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

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

前面的章節(jié)中曾經(jīng)簡(jiǎn)略介紹了圖形／圖像的格式，此節(jié)進(jìn)行詳細(xì)的介紹。圖形／圖像是以文件的形式存儲(chǔ)在計(jì)算機(jī)上的，這些文件有各種各樣的格式。Web通常使用兩種圖形圖像格式-GIF和JPEG；還有兩種格式-PNG和MNG格式應(yīng)用的相對(duì)少一些。

1、GIF格式

GIF，全稱圖形交換格式，GraphicalInterchangeFormat的縮寫，是由CompuServe公司開發(fā)的圖形圖像格式，主要用于互聯(lián)網(wǎng)上的圖形／圖像交流。GIF圖形圖像格式是一種無(wú)損壓縮的圖形圖像格式，對(duì)于顏色畫面簡(jiǎn)單的圖形／圖像，有非常高的壓縮率。

使用該格式減少圖形圖像文件尺寸時(shí)，不會(huì)丟失原始圖形圖像的任何信息。而且，這種壓縮算法比較簡(jiǎn)單，解壓縮的速度很快，很適合在網(wǎng)頁(yè)上顯示。因此，GIF格式在網(wǎng)頁(yè)中得到了廣泛的應(yīng)用。

GIF的優(yōu)點(diǎn)還有：支持透明(Transparency)和交錯(cuò)(lnterlaced)模式，支持GIF89a~J畫格式等。

透明模式，是一種圖形／圖像的透明部分能夠透出背景色的模式，這種模式可以去掉圖形圖像比較生硬的矩形邊框，使圖形／圖像更好地融合到網(wǎng)頁(yè)頁(yè)面中。

交錯(cuò)模式，是指將圖形／圖像裝載到瀏覽器窗口的顯示方式。一個(gè)普通的圖形／圖像是從上到下逐行顯示的，在顯示完畢之前，瀏覽者無(wú)法了解圖形／圖像的全貌。而設(shè)置了交錯(cuò)模式的GIF圖形／圖像則是隔行顯示的，使瀏覽者不必等待圖形／圖像全部傳輸完，就可以看到圖形／圖像的大致輪廓。

對(duì)于簡(jiǎn)單的Web動(dòng)畫來(lái)說，GIF89a動(dòng)畫是最容易掌握的技術(shù)。GIF89a動(dòng)畫包含一系列的幀，每一幀就是一幅圖形圖像。此外，還包含一些播放動(dòng)畫的參數(shù)，如延遲時(shí)間、循環(huán)順序等。瀏覽器從動(dòng)畫文件中讀取各幀圖形圖像，然后根據(jù)播放參數(shù)在瀏覽器窗口循環(huán)顯示，形成動(dòng)畫效果。GIF89a動(dòng)畫的使用大大增加了頁(yè)面的趣味性。

GIF格式的缺點(diǎn)是，最多只能使用256種顏色，這使它不能用于存儲(chǔ)高質(zhì)量的圖形／圖像文件。

2、JPEG格式

JPEG，是聯(lián)合圖形／圖像專家小組JointPhotographicExpertGroup的縮寫。JPEG格式的圖形／圖像采用了一種失真的壓縮算法，這種壓縮丟失了部分圖形／圖像信息，同時(shí)也獲得了較高的壓縮比。因此，壓縮比例越大，圖形圖像質(zhì)量越差。這種算法的優(yōu)點(diǎn)是，由于它考慮了人的視覺特性，因此只要圖形／圖像的壓縮比例適合，一般不會(huì)使人感到壓縮前后的差異。

JPEG支持24bit真彩．適用于具有豐富細(xì)節(jié)的高質(zhì)量圖形圖像。與GIF格式相比，它也有類似于交錯(cuò)顯示的漸進(jìn)式顯示，但不支持透明顏色。另外，JPEG的壓縮算法比較復(fù)雜，因此，圖形圖像解壓縮顯示的時(shí)間也相應(yīng)較長(zhǎng)。

3、PIN格式

PNG，英文全稱PortableNetworkGraphics，是可攜式網(wǎng)絡(luò)圖形圖像的縮寫。這個(gè)格式的圖形圖像已經(jīng)得到IE和NETSCAPE兩大瀏覽器的支持，目前在許多歐美網(wǎng)站已經(jīng)開始采用PNG圖形圖像。

這種格式的圖形圖像兼有GIF和JPEG的色彩模式。PNG不僅能儲(chǔ)存256色以下的“IndexColor”圖形圖像，還能儲(chǔ)存24位真彩圖形圖像，甚至能高可儲(chǔ)存至48位超強(qiáng)色彩的圖形圖像。如果圖形圖像是以文字、形狀及線條為主，PNG會(huì)用類似GIF的壓縮方法來(lái)獲得較好的壓縮率，而且不破壞原始圖形圖像的任何細(xì)節(jié)。而對(duì)于照片類圖形圖像的壓縮，PNG則采用類似JPEG的壓縮算法，不同的是圖形圖像壓縮后能保持與壓縮前圖形圖像質(zhì)量一樣，沒有一點(diǎn)失真。另外，PNG也采取了類似于GIF格式的交錯(cuò)顯示模式，使圖形圖像得以漸里在屏幕上。

PNG的優(yōu)勢(shì)還體現(xiàn)在對(duì)透明圖形圖像的處理上。JPEG格式無(wú)法實(shí)現(xiàn)圖形圖像透明；而采用GIF格武透明圖形圖像則略顯刻板，因?yàn)镚IF透明圖形圖像只有1與0的透明信息，只有透明或不透明兩種選擇，缺少層次。

PNG則提供了“Q”頻段0至255的透明信息，可以使圖形圖像的透明區(qū)域出現(xiàn)深度不同的層次。而且，PNG圖形圖像可以讓圖形圖像好的覆蓋在任何背景上，改善了GIF透明圖形圖像描邊不佳的問題。

對(duì)GIF圖形圖像而言，系統(tǒng)不同畫面顯示的效果也不一樣，PNG則避免了這一缺點(diǎn)。在Macintosh上制作IYJPNG圖形圖像，放在Windows上顯示時(shí)圖形圖像不會(huì)失真；反之亦然。文字資料（如作者、出處）、儲(chǔ)存蒙板(MASK)、伽瑪值、色彩校正碼等信息，均可摻雜在PNG圖形圖像中一起傳輸。

制約PNG圖形圖像不能更廣泛應(yīng)用的主要因素是，它無(wú)法制作出動(dòng)畫效果。PNG圖形圖像格式開發(fā)人員已經(jīng)意識(shí)到這一點(diǎn)，基于PNG圖形圖像開發(fā)出了新的圖形圖像格式，即PNG的動(dòng)畫實(shí)現(xiàn)格式-MNG。

4、MNG格式

MNG，英文全稱Multiple-ImageNetworkGraphics，是多重影像網(wǎng)絡(luò)圖形圖像的縮寫，是對(duì)PNG圖形圖像格式的完善。PaintShopPro等繪圖軟件的最新版本已開始支持MNG，相信不久的將來(lái)MNG同樣也能獲得瀏覽器的支持。如圖3-71和圖3-72所示。

與GIF89a動(dòng)畫相比，MNG有以下優(yōu)點(diǎn)：

·MNG采用以對(duì)象為基礎(chǔ)的動(dòng)畫。動(dòng)畫采用對(duì)象的移動(dòng)、復(fù)制、粘貼來(lái)實(shí)現(xiàn)，從而減少了動(dòng)畫文件的天于。

·MNG對(duì)于復(fù)雜的動(dòng)畫采用了嵌套循環(huán)方式。

·MNG使用了比GIF更優(yōu)化的壓縮方式：

·MNG能夠集合以PNG和JPEG為基礎(chǔ)的圖形圖像。

·lvfNG支持透明的JPEG格式。

當(dāng)前標(biāo)題：網(wǎng)頁(yè)設(shè)計(jì)中的圖形（圖像）文件格式
網(wǎng)頁(yè)地址：http://aaarwkj.com/news/194141.html

成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián)，為您提供網(wǎng)站策劃、云服務(wù)器、微信公眾號(hào)、面包屑導(dǎo)航、外貿(mào)網(wǎng)站建設(shè)、建站公司

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

猜你還喜歡下面的內(nèi)容

影響微信小程序定制開發(fā)周期的因素有哪些？ 2022-08-30
如何有效屏蔽營(yíng)銷型網(wǎng)站惡意點(diǎn)擊? 2022-08-30
網(wǎng)絡(luò)營(yíng)銷的兩大重要手段 2022-08-30
創(chuàng)建網(wǎng)站時(shí)要根據(jù)的一些原則 2022-08-30
創(chuàng)新互聯(lián)讓營(yíng)銷型網(wǎng)站優(yōu)化變的更簡(jiǎn)單 2022-08-30
如何為網(wǎng)站留住訪問者？ 2022-08-30

欧美一级特黄大片做受成人-亚洲成人一区二区电影-激情熟女一区二区三区-日韩专区欧美专区国产专区

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