一張圖片可以?xún)Υ鏋槎喾N格式，為什么有的幾十KB，有的幾百MB，有的靜止不動(dòng)，有的是好幾個(gè)畫(huà)面循環(huán)播放？在項目開(kāi)發(fā)的過(guò)程中經(jīng)常會(huì )讀取或保存圖像文件，不同類(lèi)型的圖像特點(diǎn)不同，適用的范圍也不同，簡(jiǎn)要介紹BMP、GIF、TIFF、PNG、JPG和SVG格式圖像的特點(diǎn)。

1、BMP格式圖像

BMP是英文Bitmap（位圖）的簡(jiǎn)寫(xiě)，它是Windows操作系統中的標準圖像文件格式，能夠被多種Windows應用程序所支持。隨著(zhù)Windows操作系統的流行與豐富的Windows應用程序的開(kāi)發(fā)，BMP位圖格式理所當然地被廣泛應用。這種格式的特點(diǎn)是包含的圖像信息較豐富，幾乎不進(jìn)行壓縮，但由此導致了它與生俱生來(lái)的缺點(diǎn)是占用磁盤(pán)空間過(guò)大。所以，目前BMP在單機上比較流行。

BMP(Bitmap-File）圖形文件是Windows采用的圖形文件格式，在Windows環(huán)境下運行的所有圖象處理軟件都支持BMP圖象文件格式。Windows系統內部各圖像繪制操作都是以BMP為基礎的。BMP位圖文件默認的文件拓展名是BMP或者bmp（有時(shí)它也會(huì )以.DIB或.RLE作擴展名）

雖然同時(shí)支持索引色和直接色是一個(gè)優(yōu)點(diǎn)，但是太大的文件格式格式導致它幾乎沒(méi)有用武之地，現在除了在Windows操作系統中還比較常見(jiàn)之外，我們幾乎看不到它。在同樣的圖片質(zhì)量下，BMP格式的圖片文件大小是GIF格式的很多倍。

2、GIF格式圖像

GIF是Graphics Interchange Format的簡(jiǎn)寫(xiě)，它是圖形轉換格式，采用LZW壓縮算法進(jìn)行編碼，用于以超文本標志語(yǔ)言（Hypertext Markup Language）方式顯示索引彩色圖像，在因特網(wǎng)和其他在線(xiàn)服務(wù)系統上得到廣泛應用。GIF是一種公用的圖像文件格式標準，版權歸Compu Serve公司所有。

GIF是無(wú)損的，采用GIF格式保存圖片不會(huì )降低圖片質(zhì)量。但得益于數據的壓縮，GIF格式的圖片，其文件大小要遠小于BMP格式的圖片。文件小，是GIF格式的優(yōu)點(diǎn)，同時(shí)，GIF格式還具有支持動(dòng)畫(huà)以及透明的優(yōu)點(diǎn)。但是GIF格式僅支持8Bit的索引色，即在整個(gè)圖片中，只能存在256種不同的顏色。

GIF可以被PC和Mactiontosh等多種平臺上被支持，適用于對色彩要求不高同時(shí)需要文件體積較小的場(chǎng)景，比如企業(yè)Logo、線(xiàn)框類(lèi)的圖等。很多人以為GIF指的就是動(dòng)圖，其實(shí)GIF不僅有動(dòng)畫(huà)GIF，還有靜態(tài)GIF，因其體積小的特點(diǎn)，現在GIF被廣泛的應用在各類(lèi)網(wǎng)站中。

3、TIFF格式圖像

TIFF是Tag Image File Format的簡(jiǎn)寫(xiě)，它是標簽圖像文件格式，TIFF（Tag Image File Format）圖像文件是圖形圖像處理中常用的格式之一，其圖像格式很復雜，但由于它對圖像信息的存放靈活多變，可以支持很多色彩系統，而且獨立于操作系統，因此得到了廣泛應用（拓展性支持Mac跟Windows系統交叉使用）。在各種地理信息系統、攝影測量與遙感等應用中，要求圖像具有地理編碼信息，例如圖像所在的坐標系、比例尺、圖像上點(diǎn)的坐標、經(jīng)緯度、長(cháng)度單位及角度單位等。

4、PNG格式圖像

PNG是Portable Network Graphics的簡(jiǎn)寫(xiě)，它是便攜式網(wǎng)絡(luò )圖形，PNG是一種無(wú)損壓縮的位圖片形格式，其設計目的是試圖替代GIF和TIFF文件格式，同時(shí)增加一些GIF文件格式所不具備的特性。PNG壓縮比高，生成文件體積小，PNG結合了GIF和TIFF優(yōu)點(diǎn)，能夠支持壓縮不失真、透明背景、漸變圖像的制作要求，現在廣泛應用于PS軟件以及互聯(lián)網(wǎng)之中。

PNG格式有8位、24位、32位三種形式，其中8位PNG支持兩種不同的透明形式（索引透明和alpha透明），24位PNG不支持透明，32位PNG在24位基礎上增加了8位透明通道，因此可展現256級透明程度。

5、JPG格式圖像

JPG是JPEG（Joint Photographic Experts Group）的簡(jiǎn)寫(xiě)，它是一種比較常見(jiàn)的圖畫(huà)格式。它的特點(diǎn)是壓縮比高，生成文件體積小。

JPEG格式是目前網(wǎng)絡(luò )上最流行的圖像格式，是可以把文件壓縮到最小的格式，JPG圖片格式的設計目標，是在不影響人類(lèi)可分辨的圖片質(zhì)量的前提下，盡可能的壓縮文件大小。這意味著(zhù)JPG去掉了一部分圖片的原始信息，也即是進(jìn)行了有損壓縮。JPG的圖片的優(yōu)點(diǎn)，是采用了直接色，得益于更豐富的色彩，JPG非常適合用來(lái)存儲照片，用來(lái)表達更生動(dòng)的圖像效果，比如顏色漸變。

不過(guò)它的缺點(diǎn)也很明顯，編輯和重新保存 JPG 文件時(shí)，JPG 會(huì )混合原始圖片數據的質(zhì)量下降，而且這種下降是累積性的。打個(gè)比方，你在微信里面收到被轉發(fā)很多次的JPG圖片會(huì )發(fā)現圖片比原圖模糊許多，且泛綠色。

6、SVG格式圖像

SVG是Scalable Vector Graphics的簡(jiǎn)寫(xiě)，它是可縮放矢量圖形，SVG圖片由直線(xiàn)和曲線(xiàn)以及繪制它們的方法組成。當你放大一個(gè)SVG圖片的時(shí)候，你看到的還是線(xiàn)和曲線(xiàn)，而不會(huì )出現像素點(diǎn)。這意味著(zhù)SVG圖片在放大時(shí)，不會(huì )失真，所以它非常適合用來(lái)繪制企業(yè)Logo、Icon等。

SVG作為W3C所推薦的基于XML的開(kāi)放標準，能夠與其他網(wǎng)絡(luò )技術(shù)進(jìn)行無(wú)縫集成，特點(diǎn)是使用XML來(lái)描述圖片。借助于前幾年XML技術(shù)的流行，SVG也流行了很多。使用XML的優(yōu)點(diǎn)是，任何時(shí)候你都可以把它當做一個(gè)文本文件來(lái)對待，也就是說(shuō)，你可以非常方便的修改SVG圖片，你所需要的只需要一個(gè)文本編輯器。

7、總結

每種類(lèi)型圖像都有不同的指標特點(diǎn)，總結如下：

7.1、有損vs無(wú)損

圖片文件格式有可能會(huì )對圖片的文件大小進(jìn)行不同程度的壓縮，圖片的壓縮分為有損壓縮和無(wú)損壓縮兩種。

有損壓縮。指在壓縮文件大小的過(guò)程中，損失了一部分圖片的信息，也即降低了圖片的質(zhì)量，并且這種損失是不可逆的，我們不可能從有一個(gè)有損壓縮過(guò)的圖片中恢復出全來(lái)的圖片。常見(jiàn)的有損壓縮手段，是按照一定的算法將臨近的像素點(diǎn)進(jìn)行合并。

無(wú)損壓縮。只在壓縮文件大小的過(guò)程中，圖片的質(zhì)量沒(méi)有任何損耗。我們任何時(shí)候都可以從無(wú)損壓縮過(guò)的圖片中恢復出原來(lái)的信息。

7.2、索引色vs直接色

計算機在表示顏色的時(shí)候，有兩種形式，一種稱(chēng)作索引顏色(Index Color)，一種稱(chēng)作直接顏色(Direct Color)。

索引色。用一個(gè)數字來(lái)代表（索引）一種顏色，在存儲圖片的時(shí)候，存儲一個(gè)數字的組合，同時(shí)存儲數字到圖片顏色的映射。這種方式只能存儲有限種顏色，通常是256種顏色，對應到計算機系統中，使用一個(gè)字節的數字來(lái)索引一種顏色。

直接色。使用四個(gè)數字來(lái)代表一種顏色，這四個(gè)數字分別代表這個(gè)顏色中紅色、綠色、藍色以及透明度?，F在流行的顯示設備可以在這四個(gè)維度分別支持256種變化，所以直接色可以表示2的32次方種顏色。當然并非所有的直接色都支持這么多種，為壓縮空間使用，有可能只有表達紅、綠、藍的三個(gè)數字，每個(gè)數字也可能不支持256種變化之多。

7.3、點(diǎn)陣圖vs矢量圖

點(diǎn)陣圖，也叫做位圖，像素圖。構成點(diǎn)陣圖的最小單位是象素，位圖就是由象素陣列的排列來(lái)實(shí)現其顯示效果的，每個(gè)象素有自己的顏色信息，在對位圖圖像進(jìn)行編輯操作的時(shí)候，可操作的對象是每個(gè)象素，我們可以改變圖像的色相、飽和度、明度，從而改變圖像的顯示效果。點(diǎn)陣圖縮放會(huì )失真，用最近非常流行的沙畫(huà)來(lái)比喻最恰當不過(guò)，當你從遠處看的時(shí)候，畫(huà)面細膩多彩，但是當你靠的非常近的時(shí)候，你就能看到組成畫(huà)面的每粒沙子以及每個(gè)沙粒的顏色。

矢量圖，也叫做向量圖。矢量圖并不紀錄畫(huà)面上每一點(diǎn)的信息，而是紀錄了元素形狀及顏色的算法，當你打開(kāi)一付矢量圖的時(shí)候，軟件對圖形象對應的函數進(jìn)行運算，將運算結果[圖形的形狀和顏色]顯示給你看。無(wú)論顯示畫(huà)面是大還是小，畫(huà)面上的對象對應的算法是不變的，所以，即使對畫(huà)面進(jìn)行倍數相當大的縮放，其顯示效果仍然相同(不失真)。

7.4、總結

圖片的壓縮方式有無(wú)損壓縮和有損壓縮兩種。前者壓縮后比后者要大。

1、圖片的顏色表示有直接顏色和索引顏色兩種。前者比后者更豐富，體積更大。

2、BMP采用無(wú)損壓縮和直接色，所以體積最大。太大的文件格式格式導致它幾乎沒(méi)有用武之地。

3、GIF采用無(wú)損和索引色的，適用于對色彩要求不高同時(shí)需要文件體積較小的場(chǎng)景，比如企業(yè)Logo、線(xiàn)框類(lèi)的圖等。支持動(dòng)畫(huà)和透明。

4、JPEG（JPG）采用有損壓縮和直接色，不適合用來(lái)存儲企業(yè)Logo、線(xiàn)框類(lèi)的圖。因為有損壓縮會(huì )導致圖片模糊，而直接色的選用，又會(huì )導致圖片文件較GIF更大。而適合作為攝影類(lèi)的圖片。.

所以小圖片盡量使用png、要想支持動(dòng)畫(huà)則使用gif、大型圖片使用jpg。