原文鏈接：https://blog.csdn.net/m0_38106923/article/details/101937827
一張圖片可以儲存為多種格式，為什么有的幾十KB，有的幾百MB，有的靜止不動，有的是好幾個畫面循環播放？在項目開發的過程中經常會讀取或保存圖像文件，不同類型的圖像特點不同，適用的范圍也不同，簡要介紹BMP、GIF、TIFF、PNG、JPG和SVG格式圖像的特點。
1、BMP格式圖像
BMP是英文Bitmap（位圖）的簡寫，它是Windows操作系統中的標准圖像文件格式，能夠被多種Windows應用程序所支持。隨着Windows操作系統的流行與豐富的Windows應用程序的開發，BMP位圖格式理所當然地被廣泛應用。這種格式的特點是包含的圖像信息較豐富，幾乎不進行壓縮，但由此導致了它與生俱生來的缺點是占用磁盤空間過大。所以，目前BMP在單機上比較流行。
BMP(Bitmap-File）圖形文件是Windows采用的圖形文件格式，在Windows環境下運行的所有圖象處理軟件都支持BMP圖象文件格式。Windows系統內部各圖像繪制操作都是以BMP為基礎的。BMP位圖文件默認的文件拓展名是BMP或者bmp（有時它也會以.DIB或.RLE作擴展名）
雖然同時支持索引色和直接色是一個優點，但是太大的文件格式格式導致它幾乎沒有用武之地，現在除了在Windows操作系統中還比較常見之外，我們幾乎看不到它。在同樣的圖片質量下，BMP格式的圖片文件大小是GIF格式的很多倍。
2、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被廣泛的應用在各類網站中。
3、TIFF格式圖像
TIFF是Tag Image File Format的簡寫，它是標簽圖像文件格式，TIFF（Tag Image File Format）圖像文件是圖形圖像處理中常用的格式之一，其圖像格式很復雜，但由於它對圖像信息的存放靈活多變，可以支持很多色彩系統，而且獨立於操作系統，因此得到了廣泛應用（拓展性支持Mac跟Windows系統交叉使用）。在各種地理信息系統、攝影測量與遙感等應用中，要求圖像具有地理編碼信息，例如圖像所在的坐標系、比例尺、圖像上點的坐標、經緯度、長度單位及角度單位等。
4、PNG格式圖像
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級透明程度。
5、JPG格式圖像
JPG是JPEG（Joint Photographic Experts Group）的簡寫，它是一種比較常見的圖畫格式。它的特點是壓縮比高，生成文件體積小。
JPEG格式是目前網絡上最流行的圖像格式，是可以把文件壓縮到最小的格式，JPG圖片格式的設計目標，是在不影響人類可分辨的圖片質量的前提下，盡可能的壓縮文件大小。這意味着JPG去掉了一部分圖片的原始信息，也即是進行了有損壓縮。JPG的圖片的優點，是采用了直接色，得益於更豐富的色彩，JPG非常適合用來存儲照片，用來表達更生動的圖像效果，比如顏色漸變。
不過它的缺點也很明顯，編輯和重新保存 JPG 文件時，JPG 會混合原始圖片數據的質量下降，而且這種下降是累積性的。打個比方，你在微信里面收到被轉發很多次的JPG圖片會發現圖片比原圖模糊許多，且泛綠色。
6、SVG格式圖像
SVG是Scalable Vector Graphics的簡寫，它是可縮放矢量圖形，SVG圖片由直線和曲線以及繪制它們的方法組成。當你放大一個SVG圖片的時候，你看到的還是線和曲線，而不會出現像素點。這意味着SVG圖片在放大時，不會失真，所以它非常適合用來繪制企業Logo、Icon等。
SVG作為W3C所推薦的基於XML的開放標准，能夠與其他網絡技術進行無縫集成，特點是使用XML來描述圖片。借助於前幾年XML技術的流行，SVG也流行了很多。使用XML的優點是，任何時候你都可以把它當做一個文本文件來對待，也就是說，你可以非常方便的修改SVG圖片，你所需要的只需要一個文本編輯器。
7、總結
每種類型圖像都有不同的指標特點，總結如下：
7.1、有損vs無損
圖片文件格式有可能會對圖片的文件大小進行不同程度的壓縮，圖片的壓縮分為有損壓縮和無損壓縮兩種。
- 有損壓縮。指在壓縮文件大小的過程中，損失了一部分圖片的信息，也即降低了圖片的質量，並且這種損失是不可逆的，我們不可能從有一個有損壓縮過的圖片中恢復出全來的圖片。常見的有損壓縮手段，是按照一定的算法將臨近的像素點進行合並。
- 無損壓縮。只在壓縮文件大小的過程中，圖片的質量沒有任何損耗。我們任何時候都可以從無損壓縮過的圖片中恢復出原來的信息。
7.2、索引色vs直接色
計算機在表示顏色的時候，有兩種形式，一種稱作索引顏色(Index Color)，一種稱作直接顏色(Direct Color)。
- 索引色。用一個數字來代表（索引）一種顏色，在存儲圖片的時候，存儲一個數字的組合，同時存儲數字到圖片顏色的映射。這種方式只能存儲有限種顏色，通常是256種顏色，對應到計算機系統中，使用一個字節的數字來索引一種顏色。
- 直接色。使用四個數字來代表一種顏色，這四個數字分別代表這個顏色中紅色、綠色、藍色以及透明度。現在流行的顯示設備可以在這四個維度分別支持256種變化，所以直接色可以表示2的32次方種顏色。當然並非所有的直接色都支持這么多種，為壓縮空間使用，有可能只有表達紅、綠、藍的三個數字，每個數字也可能不支持256種變化之多。
7.3、點陣圖vs矢量圖
- 點陣圖，也叫做位圖，像素圖。構成點陣圖的最小單位是象素，位圖就是由象素陣列的排列來實現其顯示效果的，每個象素有自己的顏色信息，在對位圖圖像進行編輯操作的時候，可操作的對象是每個象素，我們可以改變圖像的色相、飽和度、明度，從而改變圖像的顯示效果。點陣圖縮放會失真，用最近非常流行的沙畫來比喻最恰當不過，當你從遠處看的時候，畫面細膩多彩，但是當你靠的非常近的時候，你就能看到組成畫面的每粒沙子以及每個沙粒的顏色。
- 矢量圖，也叫做向量圖。矢量圖並不紀錄畫面上每一點的信息，而是紀錄了元素形狀及顏色的算法，當你打開一付矢量圖的時候，軟件對圖形象對應的函數進行運算，將運算結果[圖形的形狀和顏色]顯示給你看。無論顯示畫面是大還是小，畫面上的對象對應的算法是不變的，所以，即使對畫面進行倍數相當大的縮放，其顯示效果仍然相同(不失真)。
7.4、總結
圖片的壓縮方式有無損壓縮和有損壓縮兩種。前者壓縮后比后者要大。
1、圖片的顏色表示有直接顏色和索引顏色兩種。前者比后者更豐富，體積更大。
2、BMP采用無損壓縮和直接色，所以體積最大。太大的文件格式格式導致它幾乎沒有用武之地。
3、GIF采用無損和索引色的，適用於對色彩要求不高同時需要文件體積較小的場景，比如企業Logo、線框類的圖等。支持動畫和透明。
4、JPEG（JPG）采用有損壓縮和直接色，不適合用來存儲企業Logo、線框類的圖。因為有損壓縮會導致圖片模糊，而直接色的選用，又會導致圖片文件較GIF更大。而適合作為攝影類的圖片。.
所以小圖片盡量使用png、要想支持動畫則使用gif、大型圖片使用jpg。