目錄
1、BMP格式圖像
2、GIF格式圖像
3、TIFF格式圖像
4、PNG格式圖像
5、JPG格式圖像
6、SVG格式圖像
7、總結
7.1、有損vs無損
7.2、索引色vs直接色
7.3、點陣圖vs矢量圖
7.4、總結
一張圖檔可以儲存為多種格式，為什麼有的幾十KB，有的幾百MB，有的靜止不動，有的是好幾個畫面循環播放？在項目開發的過程中經常會讀取或儲存圖像檔案，不同類型的圖像特點不同，适用的範圍也不同，簡要介紹BMP、GIF、TIFF、PNG、JPG和SVG格式圖像的特點。
BMP是英文Bitmap（位圖）的簡寫，它是Windows作業系統中的标準圖像檔案格式，能夠被多種Windows應用程式所支援。随着Windows作業系統的流行與豐富的Windows應用程式的開發，BMP位圖格式理所當然地被廣泛應用。這種格式的特點是包含的圖像資訊較豐富，幾乎不進行壓縮，但由此導緻了它與生俱生來的缺點是占用磁盤空間過大。是以，目前BMP在單機上比較流行。
BMP(Bitmap-File）圖形檔案是Windows采用的圖形檔案格式，在Windows環境下運作的所有圖象處理軟體都支援BMP圖象檔案格式。Windows系統内部各圖像繪制操作都是以BMP為基礎的。BMP位圖檔案預設的檔案拓展名是BMP或者bmp（有時它也會以.DIB或.RLE作擴充名）
雖然同時支援索引色和直接色是一個優點，但是太大的檔案格式格式導緻它幾乎沒有用武之地，現在除了在Windows作業系統中還比較常見之外，我們幾乎看不到它。在同樣的圖檔品質下，BMP格式的圖檔檔案大小是GIF格式的很多倍。
GIF是Graphics Interchange Format的簡寫，它是圖形轉換格式，采用LZW壓縮算法進行編碼，用于以超文本标志語言（Hypertext Markup Language）方式顯示索引彩色圖像，在網際網路和其他線上服務系統上得到廣泛應用。GIF是一種公用的圖像檔案格式标準，版權歸Compu Serve公司所有。
GIF是無損的，采用GIF格式儲存圖檔不會降低圖檔品質。但得益于資料的壓縮，GIF格式的圖檔，其檔案大小要遠小于BMP格式的圖檔。檔案小，是GIF格式的優點，同時，GIF格式還具有支援動畫以及透明的優點。但是GIF格式僅支援8Bit的索引色，即在整個圖檔中，隻能存在256種不同的顔色。
GIF可以被PC和Mactiontosh等多種平台上被支援，适用于對色彩要求不高同時需要檔案體積較小的場景，比如企業Logo、線框類的圖等。很多人以為GIF指的就是動圖，其實GIF不僅有動畫GIF，還有靜态GIF，因其體積小的特點，現在GIF被廣泛的應用在各類網站中。
TIFF是Tag Image File Format的簡寫，它是标簽圖像檔案格式，TIFF（Tag Image File Format）圖像檔案是圖形圖像進行中常用的格式之一，其圖像格式很複雜，但由于它對圖像資訊的存放靈活多變，可以支援很多色彩系統，而且獨立于作業系統，是以得到了廣泛應用（拓展性支援Mac跟Windows系統交叉使用）。在各種地理資訊系統、攝影測量與遙感等應用中，要求圖像具有地理編碼資訊，例如圖像所在的坐标系、比例尺、圖像上點的坐标、經緯度、長度機關及角度機關等。
PNG是Portable Network Graphics的簡寫，它是便攜式網絡圖形，PNG是一種無損壓縮的位圖檔形格式，其設計目的是試圖替代GIF和TIFF檔案格式，同時增加一些GIF檔案格式所不具備的特性。PNG壓縮比高，生成檔案體積小，PNG結合了GIF和TIFF優點，能夠支援壓縮不失真、透明背景、漸變圖像的制作要求，現在廣泛應用于PS軟體以及網際網路之中。
PNG格式有8位、24位、32位三種形式，其中8位PNG支援兩種不同的透明形式（索引透明和alpha透明），24位PNG不支援透明，32位PNG在24位基礎上增加了8位透明通道，是以可展現256級透明程度。
JPG是JPEG（Joint Photographic Experts Group）的簡寫，它是一種比較常見的圖畫格式。它的特點是壓縮比高，生成檔案體積小。
JPEG格式是目前網絡上最流行的圖像格式，是可以把檔案壓縮到最小的格式，JPG圖檔格式的設計目标，是在不影響人類可分辨的圖檔品質的前提下，盡可能的壓縮檔案大小。這意味着JPG去掉了一部分圖檔的原始資訊，也即是進行了有損壓縮。JPG的圖檔的優點，是采用了直接色，得益于更豐富的色彩，JPG非常适合用來存儲照片，用來表達更生動的圖像效果，比如顔色漸變。
不過它的缺點也很明顯，編輯和重新儲存 JPG 檔案時，JPG 會混合原始圖檔資料的品質下降，而且這種下降是累積性的。打個比方，你在微信裡面收到被轉發很多次的JPG圖檔會發現圖檔比原圖模糊許多，且泛綠色。
SVG是Scalable Vector Graphics的簡寫，它是可縮放矢量圖形，SVG圖檔由直線和曲線以及繪制它們的方法組成。當你放大一個SVG圖檔的時候，你看到的還是線和曲線，而不會出現像素點。這意味着SVG圖檔在放大時，不會失真，是以它非常适合用來繪制企業Logo、Icon等。
SVG作為W3C所推薦的基于XML的開放标準，能夠與其他網絡技術進行無縫內建，特點是使用XML來描述圖檔。借助于前幾年XML技術的流行，SVG也流行了很多。使用XML的優點是，任何時候你都可以把它當做一個文本檔案來對待，也就是說，你可以非常友善的修改SVG圖檔，你所需要的隻需要一個文本編輯器。
每種類型圖像都有不同的名額特點，總結如下：
圖檔檔案格式有可能會對圖檔的檔案大小進行不同程度的壓縮，圖檔的壓縮分為有損壓縮和無損壓縮兩種。
有損壓縮。指在壓縮檔案大小的過程中，損失了一部分圖檔的資訊，也即降低了圖檔的品質，并且這種損失是不可逆的，我們不可能從有一個有損壓縮過的圖檔中恢複出全來的圖檔。常見的有損壓縮手段，是按照一定的算法将臨近的像素點進行合并。
無損壓縮。隻在壓縮檔案大小的過程中，圖檔的品質沒有任何損耗。我們任何時候都可以從無損壓縮過的圖檔中恢複出原來的資訊。
計算機在表示顔色的時候，有兩種形式，一種稱作索引顔色(Index Color)，一種稱作直接顔色(Direct Color)。
索引色。用一個數字來代表（索引）一種顔色，在存儲圖檔的時候，存儲一個數字的組合，同時存儲數字到圖檔顔色的映射。這種方式隻能存儲有限種顔色，通常是256種顔色，對應到計算機系統中，使用一個位元組的數字來索引一種顔色。
直接色。使用四個數字來代表一種顔色，這四個數字分别代表這個顔色中紅色、綠色、藍色以及透明度。現在流行的顯示裝置可以在這四個次元分别支援256種變化，是以直接色可以表示2的32次方種顔色。當然并非所有的直接色都支援這麼多種，為壓縮空間使用，有可能隻有表達紅、綠、藍的三個數字，每個數字也可能不支援256種變化之多。
點陣圖，也叫做位圖，像素圖。構成點陣圖的最小機關是象素，位圖就是由象素陣列的排列來實作其顯示效果的，每個象素有自己的顔色資訊，在對位圖圖像進行編輯操作的時候，可操作的對象是每個象素，我們可以改變圖像的色相、飽和度、明度，進而改變圖像的顯示效果。點陣圖縮放會失真，用最近非常流行的沙畫來比喻最恰當不過，當你從遠處看的時候，畫面細膩多彩，但是當你靠的非常近的時候，你就能看到組成畫面的每粒沙子以及每個沙粒的顔色。
矢量圖，也叫做向量圖。矢量圖并不紀錄畫面上每一點的資訊，而是紀錄了元素形狀及顔色的算法，當你打開一付矢量圖的時候，軟體對圖形象對應的函數進行運算，将運算結果[圖形的形狀和顔色]顯示給你看。無論顯示畫面是大還是小，畫面上的對象對應的算法是不變的，是以，即使對畫面進行倍數相當大的縮放，其顯示效果仍然相同(不失真)。
圖檔的壓縮方式有無損壓縮和有損壓縮兩種。前者壓縮後比後者要大。
1、圖檔的顔色表示有直接顔色和索引顔色兩種。前者比後者更豐富，體積更大。
2、BMP采用無損壓縮和直接色，是以體積最大。太大的檔案格式格式導緻它幾乎沒有用武之地。
3、GIF采用無損和索引色的，适用于對色彩要求不高同時需要檔案體積較小的場景，比如企業Logo、線框類的圖等。支援動畫和透明。
4、JPEG（JPG）采用有損壓縮和直接色，不适合用來存儲企業Logo、線框類的圖。因為有損壓縮會導緻圖檔模糊，而直接色的選用，又會導緻圖檔檔案較GIF更大。而适合作為攝影類的圖檔。.
是以小圖檔盡量使用png、要想支援動畫則使用gif、大型圖檔使用jpg。