圖片格式 | 支持透明 | 動畫支持 | 壓縮方式 | 瀏覽器支持 | 相對原圖大小 | 適應(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)化的場景 |