| 圖片格式 | 支持透明 | 動畫支持 | 壓縮方式 | 瀏覽器支持 | 相對原圖大小 | 適應(yīng)場景 |
|---|---|---|---|---|---|---|
| baseline-jpeg | 不支持 | 不支持 | 有損 | 所有 | 由畫質(zhì)決定 | 所有通用場景 |
| progressive-jpeg | 不支持 | 不支持 | 有損 | 所有 | 由畫質(zhì)決定 | 所有通用場景, 漸進(jìn)式加載 |
| gif | 支持 | 支持 | 無損 | 所有 | 由幀數(shù)和每幀圖片大小決定 | 簡單顏色，動畫 |
| png | 支持 | 不支持 | 無損 | 所有 | 由png色值位數(shù)決定 | 需要透明時 |
| webp | 支持 | 不支持 | 有損 | Chrome、Opera | 由壓縮率決定 | 復(fù)雜顏色及形狀，瀏覽器平臺可預(yù)知 |
| apng | 支持 | 支持 | 無損 | Firefox、Safari、iOS Safari | 由每幀圖片決定 | 需要半透明效果的動畫 |
| svg | 支持 | 支持 | 無損 | 所有(IE8以上) | 由內(nèi)容和特效復(fù)雜度決定 | 簡單圖形，需要良好的放縮體驗，需要動態(tài)控制圖片特效 |
| bpg | 支持 | 支持 | 有損 | 不支持，需要js解碼 | 由畫質(zhì)決定 |
jpeg上需要極限優(yōu)化的場景 |
