作者:學(xué)軍
又拍云 CDN 服務(wù)公測(cè) WebP 自適應(yīng)功能,為客戶減少圖片資源大小。本文我們將一起來闡述WebP兼容的來龍去脈。

前言
我們知道,理想的網(wǎng)頁(yè)應(yīng)該在 1 秒內(nèi)打開,而在頁(yè)面的整體大小中,圖片往往是所占比例最大的一部分(大約占到 60% 以上,更多了解請(qǐng)點(diǎn)擊),也可以參照如下圖所示。優(yōu)化圖片不僅可以加快頁(yè)面顯示,還能降低移動(dòng)網(wǎng)絡(luò)的流量費(fèi)用。原圖產(chǎn)生的 PNG、JPEG、GIF 和 SVG 圖片一般都有很大的壓縮余地。下文將重點(diǎn)介紹一款圖片新格式:WebP,從而揭開它神秘的面紗。

解決方案:使用 WebP 優(yōu)化圖像
1、什么是 WebP ?
WebP(發(fā)音 weppy),是一種支持有損壓縮和無損壓縮的圖片文件格式,派生自圖像編碼格式 VP8。根據(jù) Google 的測(cè)試,無損壓縮后的 WebP 比 PNG 文件少了 45% 的文件大小,即使這些 PNG 文件經(jīng)過其他壓縮工具壓縮之后,WebP 還是可以減少 28% 的文件大小。更多了解參照 WebP 官網(wǎng)文檔。

2、WebP 客戶端兼容性
Google Chrome 和 Opera 瀏覽器以及許多其他工具和軟件庫(kù)都支持 WebP,但是當(dāng)前并非所有瀏覽器都支持 WebP,支持的情況參見如下圖所示: