使用 WebP 格式減少圖片載入時間

Ming-jun
Sep 6, 2019

--

2019/9/5 查看時,WebP 支援程度已達 80%

圖片通常是消耗網路流量、減緩頁面載入速度的頭號嫌犯,而圖文並茂的部落格、展示眾多商品的電子商務網站往往深受其害。要解決這個問題,其中一種常見的做法是壓縮圖片,也就是幫圖片「瘦身」。

不過圖片壓縮到一定程度之後,可能會發生圖片失真(細節變得模糊或出現鋸齒狀),或是檔案瘦不了多少的情形。考慮到上述限制,除了繼續使用常見的 JPEG 和 PNG 格式之外,或許可以嘗試另一個選擇:WebP。

WebP 是 Google 在 2010 年釋出的圖片格式,和傳統的 JPEG 格式相比之下檔案更小,同時能兼顧影像品質。按照 Google Developers 的說法,WebP、JPEG 2000、JPEG XR 這三種圖片格式的壓縮率通常比 JPEG 和 PNG 來得好。也就是說,使用前三種格式的話,可能減少載入時間和網路消耗量。

而根據 Can I Use 網站的資料,雖然目前 JPEG 2000 和 JPEG XR 的瀏覽器支援度都不太理想,但 WebP 的支援程度已經達到 80%,除了 IE 和 Safari 不支援外,其他大部分瀏覽器都可以⋯⋯(閱讀完整文章

--

--