「客人常反映我的網頁跑得很慢,該怎麼解決?」「檢測工具上的分數總是不好看,有哪些加速的方法嗎?」
經過我們調查後,發現大部分網頁圖片佔比最多,但都缺少了圖片最佳化的策略!
想要幫自家網頁瘦身嗎?那麼你一定要認識新世代的圖片格式 Webp
Webp對網站的影響:
目前市面上的主流圖像格式以 JPG 稱霸,後續雖然陸續有 PNG 等格式陸續的產生,甚至在這幾年因網路的發達,為了追求更快速的網站閱讀體驗,Google 於 2010 年推出 WebP 圖像格式,WebP 具有更優的圖像數據壓縮演算法,能帶來更小的圖片體積,而且擁有肉眼識別無差異的圖像質量 、Alpha 透明以及動畫的特性,在 JPEG 和 PNG 上的轉化效果都相當優秀、穩定和統一。
WebP 圖檔格式的檔案大小更小
使用WebP無失真來取代JPG可以節省約25%~34%的檔案大小;取代PNG則可以減少26%的檔案空間
透過squoosh轉檔實測
前往squooshg實際體驗https://squoosh.app/
可做動態與透明化功能
現在 WebP 也可以提供動態圖示的部份功能,支援圖片透明化、無失真壓縮模式
支援 WebP 圖檔的瀏覽器有哪些?
目前主流的瀏覽器只要有定期更新,都可以支援 WebP 圖檔,像是Chrome、Microsoft Edge 、 Firefox 皆可以支援 WebP至於 Apple 的 Safari 也在近期的 iOS 14 及 macOS Big Sur 開始正式支援 WebP
資料來源:Apple 在 Safari 14 中添加了 WebP 圖像支持