網(wǎng)頁設(shè)計中的圖形（圖像）文件格式
2022-08-30 分類： 網(wǎng)站建設(shè)
前面的章節(jié)中曾經(jīng)簡略介紹了圖形／圖像的格式，此節(jié)進行詳細的介紹。圖形／圖像是以文件的形式存儲在計算機上的，這些文件有各種各樣的格式。Web通常使用兩種圖形圖像格式-GIF和JPEG；還有兩種格式-PNG和MNG格式應用的相對少一些。
1、GIF格式
GIF，全稱圖形交換格式，GraphicalInterchangeFormat的縮寫，是由CompuServe公司開發(fā)的圖形圖像格式，主要用于互聯(lián)網(wǎng)上的圖形／圖像交流。GIF圖形圖像格式是一種無損壓縮的圖形圖像格式，對于顏色畫面簡單的圖形／圖像，有非常高的壓縮率。
使用該格式減少圖形圖像文件尺寸時，不會丟失原始圖形圖像的任何信息。而且，這種壓縮算法比較簡單，解壓縮的速度很快，很適合在網(wǎng)頁上顯示。因此，GIF格式在網(wǎ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的壓縮算法比較復雜，因此，圖形圖像解壓縮顯示的時間也相應較長。
3、PIN格式
PNG，英文全稱PortableNetworkGraphics，是可攜式網(wǎng)絡圖形圖像的縮寫。這個格式的圖形圖像已經(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圖形圖像不能更廣泛應用的主要因素是，它無法制作出動畫效果。PNG圖形圖像格式開發(fā)人員已經(jīng)意識到這一點，基于PNG圖形圖像開發(fā)出了新的圖形圖像格式，即PNG的動畫實現(xiàn)格式-MNG。
4、MNG格式
MNG，英文全稱Multiple-ImageNetworkGraphics，是多重影像網(wǎng)絡圖形圖像的縮寫，是對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è)計中的圖形（圖像）文件格式
網(wǎng)頁地址：http://jinyejixie.com/news/194141.html
成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián)，為您提供網(wǎng)站策劃、云服務器、微信公眾號、面包屑導航、外貿(mào)網(wǎng)站建設(shè)、建站公司
聲明：本網(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)
猜你還喜歡下面的內(nèi)容
- 影響微信小程序定制開發(fā)周期的因素有哪些？ 2022-08-30
- 如何有效屏蔽營銷型網(wǎng)站惡意點擊? 2022-08-30
- 網(wǎng)絡營銷的兩大重要手段 2022-08-30
- 創(chuàng)建網(wǎng)站時要根據(jù)的一些原則 2022-08-30
- 創(chuàng)新互聯(lián)讓營銷型網(wǎng)站優(yōu)化變的更簡單 2022-08-30
- 如何為網(wǎng)站留住訪問者？ 2022-08-30
- 成都網(wǎng)站建設(shè)公司分享網(wǎng)站建設(shè)過程中遇到的問題 2022-08-30
- 「SEM」降低競價廣告成本不得不做的7件事 2022-08-30
- 化妝品網(wǎng)絡營銷有哪些好處和方案？ 2022-08-30
- 網(wǎng)頁設(shè)計與制作怎么做?需要積累哪些知識點? 2022-08-30
- 為什么使用HTML5技術(shù) 2022-08-30
- 建站如何去創(chuàng)新 2022-08-30
- 企業(yè)網(wǎng)站要怎么優(yōu)化 2022-08-30
- 網(wǎng)站怎么做才能對優(yōu)化產(chǎn)生積極作用 2022-08-30
- seo優(yōu)化過程中應避免的八大問題 2022-08-30
- 營銷型網(wǎng)站SEO網(wǎng)站外鏈優(yōu)化怎么做 2022-08-30
- 衡量有利于seo優(yōu)化友情鏈接標準 2022-08-30
- 微信小程序能給企業(yè)帶來怎樣的營銷能力？ 2022-08-30
- 我的網(wǎng)站改版絕不選這類的設(shè)計師和他的設(shè)計作品 2022-08-30