5種Web圖像格式簡述課件

圖像格式簡述WEB圖像格式簡述WEBBMP

BitmapBMP圖像文件最早應(yīng)用于Windows操作系統(tǒng)，是Windows操作系統(tǒng)中的標(biāo)準(zhǔn)圖像文件格式，是最簡單的圖像格式。BMP圖像格式非常簡單，僅具有最基本的圖像數(shù)據(jù)存儲功能，能存儲每個像素1位、4位、8位和24位的位圖。雖然它提供的信息過于簡單，但是由于Windows系統(tǒng)的普及以及BMP本身具有格式簡單、標(biāo)準(zhǔn)、透明的特點，BMP圖像文件格式得到了推廣，它一般應(yīng)用于Windows系統(tǒng)下的屏幕顯示以及一些簡單圖像系統(tǒng)中。BMPBitmapBMP圖像文件最早應(yīng)用于WinBMP

Bitmap這種格式的特點是包含的圖像信息較豐富，幾乎不壓縮，但由此導(dǎo)致了它與生俱生來的缺點--占用磁盤空間過大。一張24位的800×600的bmp格式圖形文件大?。?00×600×3byte=1440000byte≈1440byte≈1.44M現(xiàn)在很少會在網(wǎng)頁中使用。BMPBitmap這種格式的特點是包含的圖像信息較GIF

GraphicsInterchangeFormat從這個名字可以看出，這種圖像格式主要是為了通過網(wǎng)絡(luò)傳輸圖像而設(shè)計的。GIF格式的特點是壓縮比高，磁盤空間占用較少，所以這種圖像格式迅速得到了廣泛的應(yīng)用。GIFGraphicsInterchangeFormGIF

GraphicsInterchangeFormatGIF87a：只是簡單地用來存儲單幅靜止圖像。GIF89a：可以同時存儲若干幅靜止圖象進(jìn)而形成連續(xù)的動畫，使之成為支持2D動畫的格式?？芍付ㄍ该鲄^(qū)域，使圖像具有非同一般的顯示效果，這更使GIF風(fēng)光十足。目前Internet上大量采用的彩色動畫文件多為這種格式的文件。像素畫。QQ秀，QQ空間等N多QQ的東西。兩種版本GIFGraphicsInterchangeFormGIF

GraphicsInterchangeFormatGIF圖像格式還增加了漸顯方式，也就是說，在圖像傳輸過程中，用戶可以先看到圖像的大致輪廓，然后隨著傳輸過程的繼續(xù)而逐步看清圖像中的細(xì)節(jié)部分，從而適應(yīng)了用戶的"從朦朧到清楚"的觀賞心理。/soking/mypic/mygif.gifGIFGraphicsInterchangeFormGIF

GraphicsInterchangeFormatGIF圖像格式還增加了漸顯方式，也就是說，在圖像傳輸過程中，用戶可以先看到圖像的大致輪廓，然后隨著傳輸過程的繼續(xù)而逐步看清圖像中的細(xì)節(jié)部分，從而適應(yīng)了用戶的"從朦朧到清楚"的觀賞心理。GIFGraphicsInterchangeFormGIF

GraphicsInterchangeFormat由于8位存儲格式的限制，使其不能存儲超過256色的圖像。

最適合在圖片顏色總數(shù)少于256色的使用。GIF格式，文體體積小，而且清晰度非常高。GIFGraphicsInterchangeFormGIF

GraphicsInterchangeFormat讓GIF格式達(dá)到最佳顯示效果的方法：

1.如果色系較少，顏色少于256，調(diào)色板可以選擇為“精確”。2.不要選“失真”。3.一般情況，調(diào)色板選擇“最合適”，最大顏色數(shù)選擇“256”。如果色彩稍多于256色，可將抖動設(shè)為“100%”。4.為防止邊緣出現(xiàn)鋸齒，不需要透明的時候，盡量不透明。GIFGraphicsInterchangeFormGIF

GraphicsInterchangeFormat一個小技巧：如需將網(wǎng)頁切片導(dǎo)出成gif格式的時候，如果色彩較豐富，不宜一起導(dǎo)出，而應(yīng)該將切片一個一個的導(dǎo)出。如下圖的按鈕：GIFGraphicsInterchangeFormJPEG

JointPhotographicExpertsGroupJPEG是由聯(lián)合照片專家組開發(fā)的。JPEG文件的擴(kuò)展名為.jpg或.jpeg，其壓縮技術(shù)十分先進(jìn)，它用有損壓縮方式去除冗余的圖像和彩色數(shù)據(jù)，獲取得極高的壓縮率的同時能展現(xiàn)十分豐富生動的圖像，換句話說，就是可以用最少的磁盤空間得到較好的圖像質(zhì)量。JPEGJointPhotographicExperJPEG

JointPhotographicExpertsGroupJPEG2000同樣是由JPEG組織負(fù)責(zé)制定的，與JPEG相比，它具備更高壓縮率以及更多新功能的新一代靜態(tài)影像壓縮技術(shù)。

JPEG2000作為JPEG的升級版，其壓縮率比JPEG高約30%左右。與JPEG不同的是，JPEG2000同時支持有損和無損壓縮，而JPEG只能支持有損壓縮。無損壓縮對保存一些重要圖片是十分有用的。JPEGJointPhotographicExperJPEG

JointPhotographicExpertsGroupJPEG2000的一個極其重要的特征在于它能實現(xiàn)漸進(jìn)傳輸，這一點與GIF的“漸顯”有異曲同工之妙，即先傳輸圖像的輪廓，然后逐步傳輸數(shù)據(jù)，不斷提高圖像質(zhì)量，讓圖象由朦朧到清晰顯示。

/soking/mypic/myjpg.jpg此外，JPEG2000還支持所謂的"感興趣區(qū)域"特性，你可以任意指定影像上你感興趣區(qū)域的壓縮質(zhì)量，還可以選擇指定的部份先解壓縮。JPEGJointPhotographicExperJPEG

JointPhotographicExpertsGroup使用jpg圖像的注意點：在圖像質(zhì)量和文件尺寸之間找到平衡點。一般80%的壓縮率是比較合適在網(wǎng)頁中使用的。JPEGJointPhotographicExperPNG

PortableNetworkGraphicsPNG，是一種可攜式網(wǎng)絡(luò)圖像格式。PNG一開始便結(jié)合GIF及JPG兩家之長，打算一舉取代這兩種格式。1996年10月1日由PNG向國際網(wǎng)絡(luò)聯(lián)盟提出并得到推薦認(rèn)可標(biāo)準(zhǔn)，并且大部分繪圖軟件和瀏覽器開始支持PNG圖像瀏覽，從此PNG圖像格式生機(jī)煥發(fā)。IE瀏覽器從4.0版本開始支持png圖像瀏覽。PNGPortableNetworkGraphicsPNG

PortableNetworkGraphics

特點1：兼有g(shù)if和jpg的色彩模式。

我們知道gif格式圖像采用了256色以下的indexcolor色彩模式，jpg采用的是24位真彩模式。png不僅能儲存256色以下的indexcolor圖像，還能儲存24位真彩圖像，甚至能最高可儲存至48位超強色彩圖像。PNGPortableNetworkGraphicsPNG

PortableNetworkGraphics

特點２：png能把圖像文件壓縮到極限以利于網(wǎng)絡(luò)傳輸，但又能保留所有與圖像品質(zhì)有關(guān)的信息。

如果你的圖像是以文字、形狀及線條為主，png會用類似gif的壓縮方法來得到較好的壓縮率，而且不破壞原始圖像的任何細(xì)節(jié)。據(jù)國際網(wǎng)絡(luò)聯(lián)盟測算，八位的png圖像比同位的gif圖像就小10%到30%。而對于相片品質(zhì)一類的壓縮，png則采用類似jpg的壓縮演算法。但是jpg壓縮程度越大、影像的品質(zhì)越差。因為它的壓縮是采用的是破壞性壓縮法、每次壓縮的同時便多多少少漏掉一些像素。png不同于jpg的地方在于：它處理相片類圖像亦是采用非破壞性壓縮，圖像壓縮后能保持與壓縮前圖像質(zhì)量一樣，沒有一點失真。PNGPortableNetworkGraphicsPNG

PortableNetworkGraphics

特點３：更優(yōu)化的傳輸顯示。

熟悉gif格式的圖像處理者知道，gif圖像有兩種模式——normal（普通）模式和interlaced（交錯）模式。interlaced模式更適用于網(wǎng)絡(luò)傳輸。在傳送圖像過程中，瀏覽者先看到圖像一個大略的輪廓然后再慢慢清晰。png也采取了interlaced模式，使圖像得以水平及垂直方式顯像在螢?zāi)簧?，加快了下載的速度。/soking/mypic/my8png.pngPNGPortableNetworkGraphicsPNG

PortableNetworkGraphics

特點４：支持圖像透明顯示。gif格式雖然也支持透明顯示，采用gif格式透明圖像過于刻板，因為gif透明圖像只有1與0的透明信息、只有透明或不透明兩種選擇，沒有層次；而png提供了α頻段0至255的透明信息，可以使圖像的透明區(qū)域出現(xiàn)深度不同的層次。png圖像就可以讓圖像覆蓋在任何背景上都看不到接縫，改善gif透明圖像描邊不佳的問題。PNGPortableNetworkGraphicsPNG

PortableNetworkGraphics

特點５：兼容性較好。gif圖像在不同系統(tǒng)上所顯示的畫面也會跟著不一樣，但png卻可以讓你在Macintosh上制作的圖像與在Windows上所顯示的圖像完全相同，反之亦然。png被設(shè)計成可以通過網(wǎng)絡(luò)傳送到任何機(jī)種及作業(yè)系統(tǒng)上讀取。文字資料（如作者、出處）、儲存遮罩（MASK）、伽瑪值、色彩校正碼等信息均可參雜在png圖像中一起傳輸。PNGPortableNetworkGraphicsPNG

PortableNetworkGraphics1.不透明和索引色透明的圖片，png8比gif更加具有優(yōu)勢。2.Alpha透明的圖片，png8比gif顯示效果好，但文件更大。3.png24沒有透明效果：包括索引色透明和Alpha透明。4.不同的瀏覽器，顯示效果不一樣。

Firefox：支持png8的索引色透明度，png8和png32的alpha透明度。

IE：支持png8的索引色透明度，但不支持png8和png32的alpha透明度。[網(wǎng)上有解決方法,Js,css濾鏡]5.網(wǎng)頁中使用的照片類圖片，jpg文件比png24要小很多。6.不排除特殊情況。幾個發(fā)現(xiàn)PNGPortableNetworkGraphicsSVG

ScalableVectorGraphicsSVG可以算是目前最最火熱的圖像文件格式了，是種可縮放的矢量圖形。它是基于XML，由W3C聯(lián)盟進(jìn)行開發(fā)的。嚴(yán)格來說應(yīng)該是一種開放標(biāo)準(zhǔn)的矢量圖形語言，可讓你設(shè)計激動人心的、高分辨率的Web圖形頁面。用戶可以直接用代碼來描繪圖像，可以用任何文字處理工具打開SVG圖像，通過改變部分代碼來使圖像具有交互功能，并可以隨時插入到HTML中通過瀏覽器來觀看。S