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

微信小程序開(kāi)發(fā)