前端常見圖檔格式

1.GIF（87年）：使用無損壓縮，支援256中顔色（一般叫8 bit彩色），支援單一透明色；

2.JPG（92年）：使用的一種失真壓縮标準方法，24 bit真彩色，内容比GIF豐富，不支援動畫、不支援透明色。JPEG的壓縮方式通常是破壞性資料壓縮（lossy compression）,意即在壓縮過程中圖像的品質會遭受到可見的破壞。一張圖檔多次上傳下載下傳後，圖檔逐漸會失真。

優點

　　JPEG/JFIF是最普遍在網際網路（World Wide Web）上被用來儲存和傳輸照片的格式。JPEG在色調及顔色平滑變化的相片或是寫實繪畫（painting）上可以達到它最佳的效果。在這種情況下,它通常比完全無失真方法作得更好,仍然可以産生非常好看的影像（事實上它會比其他一般的方法像是GIF産生更高品質的影像,因為GIF對于線條繪畫（drawing）和圖示的圖形是無失真,但針對全彩影像則需要極困難的量化）。

缺點

　　它并不适合于線條繪圖（drawing）和其他文字或圖示（iconic）的圖形,因為它的壓縮方法用在這些圖形的型态上,會得到不适當的結果；

3.PNG（96年）：格式是無損資料壓縮的,PNG格式有8位、24位、32位三種形式,其中8位PNG支援兩種不同的透明形式（索引透明和alpha透明）,24位PNG不支援透明,32位PNG在24位基礎上增加了8位透明通道（32-24=8）,是以可展現256級透明程度。

　　* 支援256色調色闆技術以産生小體積檔案

　　* 最高支援48位真彩色圖像以及16位灰階圖像。

　　* 支援Alpha通道的半透明特性。

　　* 支援圖像亮度的gamma校正資訊。

　　* 支援存儲附加文本資訊,以保留圖像名稱、作者、版權、創作時間、注釋等資訊。

　　* 使用無損壓縮。

　　* 漸近顯示和流式讀寫,适合在網絡傳輸中快速顯示預覽效果後再展示全貌。

　　* 使用CRC循環備援編碼防止檔案出錯。

　　* 最新的PNG标準允許在一個檔案記憶體儲多幅圖像。

　　但也有一些軟體不能使用适合的預測,而造成過分臃腫的PNG檔案。

4.alpha通道：描述圖檔中的透明區域，此透明區域允許通透地顯示背景。

是指一張圖檔的透明和半透明度。例如：一個使用每個像素16比特存儲的位圖，對于圖形中的每一個像素而言，可能以5個比特表示紅色，5個比特表示綠色，5個比特表示藍色，最後一個比特是阿爾法。在這種情況下，它要麼表示透明要麼不是，因為阿爾法比特隻有0或1兩種不同表示的可能性。又如一個使用32個比特存儲的位圖，每8個比特表示紅綠藍，和阿爾法通道。在這種情況下，就不光可以表示透明還是不透明，阿爾法通道還可以表示256級的半透明度，因為阿爾法通道有8個比特可以有256種不同的資料表示可能性。

5. 對比

JPG VS PNG：JPG在圖檔壓縮方面有巨大優勢，但采用有損壓縮，圖檔品質有損失。一般截屏用PNG格式不但比JPG品質高 且 檔案還更小；

防鋸齒PNG非常有優勢。

<img src="https://s4.51cto.com/images/blog/202108/09/e32541b942556ec5a5279c923482f49c.png?x-oss-process=image/watermark,size_16,text_QDUxQ1RP5Y2a5a6i,color_FFFFFF,t_100,g_se,x_10,y_10,shadow_90,type_ZmFuZ3poZW5naGVpdGk=" data-rawwidth="640" data-rawheight="323" class="origin_image zh-lightbox-thumb" width="640" data-original="https://pic3.zhimg.com/c9b2388ed08107af16f2759b0d0ef76e_r.png">