本文引自：https://www.cnblogs.com/changyangzhe/articles/5718285.html

GIF介紹

GIF 意為Graphics Interchange format（圖形交換格式），GIF圖片的擴展名是gif。現在所有的圖形瀏覽器都支持GIF格式，而且有的圖形瀏覽器只熟悉GIF格式。
GIF 是一種索引顏色格式，在顏色數很少的情況下，產生的文件極小，它的優點主要有：

1.GIF格式支持背景透明。

2.GIF格式支持動畫。

3.GIF格式支持圖形漸進。

4.GIF格式支持無損壓縮。

5.水平掃描。

缺點：GIF這種索引顏色格式最大的缺點就是它只有256種顏色，這對於照片質量的圖片是顯然不夠的。
 

JPG介紹

JPEG 代表Joint Photograhic Experts Group（聯合圖像專家組），這種格式經常寫成JPG，JPG圖片的擴展名為jpg。

JPG 最主要的優點是能支持上百萬種顏色，從而可以用來表現照片。此外，由於JPG圖片使用更有效的有損壓縮算法，從而使文件長度更小，下載時間更短。
有損壓縮會放棄圖像中的某些細節，以減少文件長度。它的壓縮比相當高，使用專門的JPG壓縮工具其壓縮比可達180：1，而且圖像質量從瀏覽角度來講質量受損不會太大。
這樣就大大方便了網絡傳輸和磁盤交換文件。
JPG較GIF更適合於照片，因為在照片中損失一些細節不像對藝術線條那麽明顯。另外，JPG對照片的壓縮比例更大，而最後的質量也更好。

缺點：但是從長遠來看，JPG隨著帶寬的不斷提高和存儲介質的發展，它也應該是一種被淘汰的圖片格式，因為有損壓縮對圖像會產生不可恢復的損失。
所以經過壓縮的JPG的圖片一般不適合打印，在備份重要圖片時也最好不要使用JPG。還有，JPG也不如GIF圖像那麽靈活，它不支持圖形漸進、背景透明，更不支持動畫。
 

PNG介紹

PNG 是20世紀90年代中期開始開發的圖像文件存儲格式，其目的是企圖替代GIF和TIFF文件格式，同時增加一些GIF文件格式所不具備的特性。
流式網絡圖形格式(Portable Network Graphic Format，PNG)名稱來源於非官方的“PNG‘s Not GIF”，是一種位圖文件(bitmap file)存儲格式，讀成“ping”。
PNG用來存儲灰度圖像時，灰度圖像的深度可多到16位，存儲彩色圖像時，彩色圖像的深度可多到48位，並且還可存儲多到16位的α通道數據。PNG使用從LZ77派生的無損數據壓縮算法。

三種圖片格式應用

這三種格式各有優缺點，其中PNG優點多多。雖然普及得還很一般，但是其非凡的優越性已經讓我們對其產生非常大的愛好。
至少我現在很喜歡這種格式。當然了對於制作頁面的制作人員來說，頁面總體積的大小那就是競爭力。
所以我們還是必需要註重這三種格式的混合使用。那以什麽時候用GIF什麽時候用PNG 什麽時候用JPG呢？我們下面一一來分析。

在實際的工作中，我發現一般的純色的圖形，比如一些小圖標、平鋪背景其中的色彩比較少，那麽作為GIF格式雖然只有256種色彩，但是應對這種類型的圖片那一定是非常的合適的。
當然了，不排除有一些非凡的小圖標色彩的豐富性，但是相信作為小圖標其色彩有點損失也不會影響到整體的視覺效果，
所以GIF 的適用範圍是：小圖標、平鋪背景等色彩比較少的小型圖片。

那麽大圖片又怎麽選擇呢，首先我們先了解一下JPG，我們使用Photoshop的朋友都知道，在最後導出圖片時會有一個地方讓我們選擇這個JPG 圖片的圖片品質，
 
100%是表示無壓縮，當我們拿同一張圖片導出不同的品質圖片對比時我們發現品質低的很明顯會比品質高的臟了很多，
這樣照片看起來就很不好，當然我們也發現這種情況在偏大色塊的圖片中猶為突出。所以比如天空、人像。
非凡人像面部就會出現很難看的黑斑。當然假如對於照片質量要求不嚴格可以使用JPG並且降低品質。但是不適用於背景、小圖標。

最後：介紹WEBP格式

Webp格式：
Google開發的一種旨在加快圖片加載速度的圖片格式。圖片壓縮體積大約只有JPEG的2/3，
並能節省大量的服務器帶寬資源和數據空間。Facebook Ebay等知名網站已經開始測試並使用WebP格式。
當然其也是一種有損壓縮，其主要目的就是加快網絡圖片的傳輸效率，讓圖片能更快的顯示在用戶的眼前。
目前所知道的只有高版本的W3C瀏覽器才支持這種格式，比如chorme39+，safari7+等等。

圖片格式：gif / png / pg / webp 介紹