一般來說常用的圖片格式有png，gif馒胆，jpg缨称，webP。
GIF：主要用于動圖祝迂，正在被PNG所代替睦尽，現在可以被css或者base64替換
PNG：主要分為PNG8,PNG24，PNG32型雳，后面的數字代表可存儲的顏色值当凡，比如PNG8可以存儲2的8次方也就是256的顏色值。
PNG的優(yōu)缺點：
能在保證最不失真的情況下盡可能壓縮圖像文件的大小纠俭。
PNG用來存儲灰度圖像時沿量，灰度圖像的深度可多到16位，存儲彩色圖像時冤荆，彩色圖像的深度可多到48位朴则，并且還可存儲多到16位的α通道數據。
對于需要高保真的較復雜的圖像钓简，PNG雖然能無損壓縮乌妒，但圖片文件較大，不適合應用在Web頁面上涌庭。
JPG：JPG在存儲攝影或寫實圖像一般能達到最佳的壓縮效果芥被，比如網站的背景圖，輪播圖坐榆，用戶頭像等等拴魄。
JPG優(yōu)缺點：
支持攝影圖像或寫實圖像的高級壓縮，并且可利用壓縮比例控制圖像文件大小席镀。
有損壓縮會使圖像數據質量下降匹中，并且在編輯和重新保存JPG格式圖像時，這種下降損失會累積豪诲。
JPG和PNG8都適合顏色較少的圖片顶捷，因為JPG在柵格化時精確記錄少數點，其它點用差值補齊屎篱。但是當圖像顏色數少于一定值比如256的時候服赎，PNG8可能更合適
JPG不適合具有大塊顏色相近的區(qū)域或亮度("銳度")差異十分明顯的較簡單的圖片葵蒂。
WebP（個別游覽器不支持，慎用）：是谷歌推出的一種新的圖片格式重虑。
WebP的優(yōu)勢在于它具有更優(yōu)的圖像數據壓縮算法践付，在擁有肉眼無法識別差異的圖像質量前提下，帶來更小的圖片體積缺厉，同時具備了無損和有損的壓縮模式永高、Alpha 透明以及動畫的特性，在 JPEG 和 PNG 上的轉化效果都非常優(yōu)秀提针、穩(wěn)定和統(tǒng)一命爬。
WebP 的應用場景及優(yōu)勢：
客戶端軟件，內嵌了基于 Chromium 的 webview辐脖，這類瀏覽器中應用的網頁是可以完全使用WebP 格式饲宛，提升加載渲染速度，不考慮兼容揖曾。
用 node-webkit 開發(fā)的程序落萎，用 WebP 可以減少文件包的體積。
移動應用 或 網頁游戲 ,界面需要大量圖片,可以嵌入 WebP 的解碼包炭剪，能夠節(jié)省用戶流量练链，提升訪問速度優(yōu)勢：
對于 PNG 圖片，WebP 比 PNG 小了45%奴拦。
