圖片格式

常見的圖片格式有 GIF、PNG8、PNG24、JPEG、WEBP，根據圖片格式的特性和場景需要選取適合的圖片格式。

GIF

GIF圖象是基于顏色列表的（存儲的數據是該點的顏色對應于顏色列表的索引值），最多只支持8位（256色）。GIF文件內部分成許多存儲塊，用來存儲多幅圖象或者是決定圖象表現行為的控制塊，用以實現動畫和交互式應用。GIF文件還通過LZW壓縮算法壓縮圖象數據來減少圖象尺寸

特性

• 優秀的壓縮算法使其在一定程度上保證圖像質量的同時將體積變得很小。
• 可插入多幀，從而實現動畫效果。
• 可設置透明色以產生對象浮現于背景之上的效果。
• 由于采用了8位壓縮，最多只能處理256種顏色，故不宜應用于真彩色圖片。

更多關于GIF：

維基百科 - GIF

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派生的無損數據壓縮算法。

特性

• 支持256色調色板技術，文件體積小。
• 無損壓縮
• 最高支持48位真彩色圖像以及16位灰度圖像。
• 支持Alpha通道的透明/半透明特性。
• 支持圖像亮度的Gamma校準信息。
• 支持存儲附加文本信息，以保留圖像名稱、作者、版權、創作時間、注釋等信息。
• 漸近顯示和流式讀寫，適合在網絡傳輸中快速顯示預覽效果后再展示全貌。
• 使用CRC防止文件出錯。
• 最新的PNG標準允許在一個文件內存儲多幅圖像。

更多關于PNG：

PNG官方站 - PNG General Information

PNG格式

維基百科 - PNG

JPEG

JPEG是一種針對照片視頻而廣泛使用的一種有損壓縮標準方法。這個名稱代表Joint Photographic Experts Group（聯合圖像專家小組）。此團隊創立于公元1986年，1992年發布了JPEG的標準而在1994年獲得了ISO 10918-1的認定

特性

• 適用于儲存24位元全采影像
• 采取的壓縮方式通常為有損壓縮
• 不支持透明或動畫
• 壓縮比越高影像耗損越大，失真越嚴重
• 壓縮比在10左右肉眼無法辨出壓縮圖與原圖的差別

WEBP

WebP，是一種同時提供了有損壓縮與無損壓縮的圖片文件格式，派生自視頻編碼格式 VP8，是由Google在購買On2 Technologies后發展出來。WebP最初在2010年發布，2011年11月8日，Google開始讓WebP支持無損壓縮和透明色的功能，而在2012年8月16日的參考實做libwebp 0.2.0中正式支持

特性

• 同時提供有損壓縮和無損壓縮兩種圖片文件格式
• 文件體積小，無損壓縮后，比 PNG 文件少了 45％ 的文件大小；有損壓縮后，比 JPEG 文件少了 25% - 34% 文件大小
• 瀏覽器兼容差，目前只支持客戶端 Chrome 和 Opera 瀏覽器以及安卓原生瀏覽器(Andriod 4.0+)，WebP兼容性

團隊約定

內容圖

內容圖多以商品圖等照片類圖片形式存在，顏色較為豐富，文件體積較大

• 優先考慮 JPEG 格式，條件允許的話優先考慮 WebP 格式
• 盡量不使用PNG格式，PNG8 色位太低，PNG24 壓縮率低，文件體積大

背景圖

背景圖多為圖標等顏色比較簡單、文件體積不大、起修飾作用的圖片

• PNG 與 GIF 格式，優先考慮使用 PNG 格式,PNG格式允許更多的顏色并提供更好的壓縮率
• 圖像顏色比較簡單的，如純色塊線條圖標，優先考慮使用 PNG8 格式，避免不使用 JPEG 格式
• 圖像顏色豐富而且圖片文件不太大的（40KB 以下）或有半透明效果的優先考慮 PNG24 格式
• 圖像顏色豐富而且文件比較大的（40KB - 200KB）優先考慮 JPEG 格式
• 條件允許的，優先考慮 WebP 代替 PNG 和 JPEG 格式