網站圖片格式 JPG 轉 WebP 好用嗎?可以節省多少流量?

Photo by Pixabay on Pexels.com

圖片格式 WEBP 好用嗎?WORDPRESS 5.8 更新後的新功能可以省多少流量?
Photo by Pixabay on Pexels.com

WebP 是什麼?

WebP 是一種同時提供了有損壓縮與無失真壓縮的圖片檔案格式,是 Google 在 2010 年 9 月公布。截至 2021 年 5 月,已有 94% 的瀏覽器支援此格式。WebP的設計目標是在減少檔案大小的同時,達到和 JPEG、PNG、GIF 格式相同的圖片品質,並希望藉此能夠減少圖片檔在網路上的傳送時間。(節錄維基百科)#1 關於 WebP 的 Google 說明可以到此觀看

為什麼要用 WebP?

筆者一直以來都想把網站的圖片從 JPEG 改成 WebP,除了自己拍照要放攝影作品外,寫遊戲影集電影評價類型的文章也會用到非常多圖片。長期下來對流量影響蠻大,剛開始寫部落格時,還不懂要縮小圖片,都直接上傳原檔造成一張圖動輒 5M。雖然部落格有自行壓縮成不同尺寸的外掛,但還是非常佔空間。在後知後覺摸索後,某天開始想節省圖片大小時發現 WebP 格式,不過當時在安裝相關外掛後卻因為伺服器主機問題無法執行。

pexels photo 4458556
Photo by Ivan Samkov on Pexels.com

如何在 WordPress 使用 WebP?

近期 WordPress 更新 5.8 版本後就開始支援 WebP 圖片上傳!不需要再依靠外掛來轉檔,從那時開始筆者就幾乎沒有上傳過 JPEG 格式圖片。當然原始檔案都還是 JPEG 格式,上傳前還是要自行轉檔。雖然多一份工,但能夠以更小的檔案大小來看幾乎無損的圖片,何樂而不為。如果你的 WordPress 還未升級到 5.8 版本,也許可以考慮為了這功能更新?

WebP 的限制

當圖片轉成 WebP 格式後就不能再放到 Photoshop 編輯,當然你可以編輯原圖後再轉一次,這實在不是不用這格式的理由。

WebP 與 JPEG 的比對圖

筆者來上傳幾張經過 Photoshop 壓縮以及原始轉成 WebP 格式的圖片。可以看見用 Photoshop 需要壓縮到 8 才能和 WebP 檔案大小相似,但品質上卻已經劣化許多。雖然你可以說其實可以再壓縮的更小,而且使用手機也很難看出這幾張圖片的差異。的確是如此沒錯,但對筆者這種會拍照放在部落格上的人來說,這也算是多一種不同的選擇。

延伸閱讀

最後更新日期: 2023/04/29