網頁設計中的圖形（圖像）文件格式

2022-08-30 分類：網站建設

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

1、GIF格式

GIF，全稱圖形交換格式，GraphicalInterchangeFormat的縮寫，是由CompuServe公司開發的圖形圖像格式，主要用于互聯網上的圖形／圖像交流。GIF圖形圖像格式是一種無損壓縮的圖形圖像格式，對于顏色畫面簡單的圖形／圖像，有非常高的壓縮率。

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

GIF的優點還有：支持透明(Transparency)和交錯(lnterlaced)模式，支持GIF89a~J畫格式等。

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

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

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

GIF格式的缺點是，最多只能使用256種顏色，這使它不能用于存儲高質量的圖形／圖像文件。

2、JPEG格式

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

JPEG支持24bit真彩．適用于具有豐富細節的高質量圖形圖像。與GIF格式相比，它也有類似于交錯顯示的漸進式顯示，但不支持透明顏色。另外，JPEG的壓縮算法比較復雜，因此，圖形圖像解壓縮顯示的時間也相應較長。

3、PIN格式

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

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

PNG的優勢還體現在對透明圖形圖像的處理上。JPEG格式無法實現圖形圖像透明；而采用GIF格武透明圖形圖像則略顯刻板，因為GIF透明圖形圖像只有1與0的透明信息，只有透明或不透明兩種選擇，缺少層次。

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

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

制約PNG圖形圖像不能更廣泛應用的主要因素是，它無法制作出動畫效果。PNG圖形圖像格式開發人員已經意識到這一點，基于PNG圖形圖像開發出了新的圖形圖像格式，即PNG的動畫實現格式-MNG。

4、MNG格式

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

與GIF89a動畫相比，MNG有以下優點：

·MNG采用以對象為基礎的動畫。動畫采用對象的移動、復制、粘貼來實現，從而減少了動畫文件的天于。

·MNG對于復雜的動畫采用了嵌套循環方式。

·MNG使用了比GIF更優化的壓縮方式：

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

·lvfNG支持透明的JPEG格式。

當前文章：網頁設計中的圖形（圖像）文件格式
標題鏈接：http://www.js-pz168.com/news41/194141.html

成都網站建設公司_創新互聯，為您提供面包屑導航、網站排名、外貿網站建設、云服務器、App開發、建站公司

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

猜你還喜歡下面的內容

久久99久久人婷婷精品综合_超碰aⅴ人人做人人爽欧美_亚洲电影第三页_日韩欧美一中文字暮专区_波多野结衣的一区二区三区_婷婷在线播放_人人视频精品_国产精品日韩精品欧美精品_亚洲免费黄色_欧美性猛交xxxxxxxx

網頁設計中的圖形（圖像）文件格式