用WEBP圖片格式增加SEO分數

我們每次使用 web.dev 或是 pagespeed 測試網站的分數的時候都會發現圖片大小是被扣分最大的一環,得到的答案永遠是「要優化圖片尺寸」,明明都已經用軟體壓縮過圖片了依然還會被要求再縮小,造成為了 SEO 分數而犧牲圖片品質的窘境;今天要介紹的 WebP 圖片格式則是可以達到魚與熊掌的一種新圖片格式。

影片教學

什麼是 WebP 圖片格式

WebP 圖片格式是由 Google 開發的一種圖片格式,旨在於將現在的圖片在不破壞品質的狀況下將圖片壓得更小,不設定上不管你是選擇會損害圖片品質的 WebP 壓縮格式或是完全不損害品質的 WebP 不壓縮格式,優化後的圖片大小都會低於 JPG 或 PNG,所以越來越多的瀏覽器支援 WebP 圖片格式,或是將 WebP 圖片格式列為主機優化的一個重要檢視。

WebP 圖片格式優點和缺點

一、WebP 圖片格式的優點

Google 宣稱 PNG 格式轉換成 WebP 格式後可以減少 28%~45% 的圖片大小,如果你今天是將 JPG 圖片轉換成 WebP 格式,平均仍然可以節省大小約 25%~34% 左右的圖片大小,所以WebP 無疑是目前網路上優化圖片大小的首選。

二、WebP 圖片格式的缺點

由於目前支援 WebP 格式的瀏覽器有限,有些瀏覽器或較舊版的瀏覽器可能還不支援 WebP 圖片格式,所以我不建議大家直接把圖檔都轉成 WebP 圖片格式,以免圖片在部分地方無法呈現出來。

如何在轉換成 WebP 圖片格式

如果你是使用 WordPress 自架站可以直接使用 WordPress 官方外掛「Jetpack」,能夠自動把你的圖片變成 WebP 格式,如果讀者的瀏覽器不支援 WebP 圖片格式,該外掛也會自動切換成 JPG 或 PNG 格式;你也可以直接使用 CloudFlare 的服務自動把圖片變成 WebP 圖片格式,但是這個服務得付費。

上述兩個方法雖然都以幫你把圖片變成 WebP 格式,但也有可能因為圖片位置離台灣太遠反而讓主機的測試分數變很高,但是讀者實際觀看往暫時照片卻變得很慢的窘狀,有點是為了考試而努力其實對實際沒任何加分。

WebP 圖片格式的注意事項

雖然 WebP 圖片格式可以將圖片縮小速度變快,我還是建議在上傳圖檔之前還是要將圖片縮小成適當的格式,如此在把圖片變成 WebP 格式的時候才更能夠將圖片優化得更完美,又或者讀者的瀏覽器不支援 WebP 格式轉為原來的 JPG 或 PNG 格式才不會檔案太大影響了讀者的閱讀品質。

創用 CC 授權條款
WordPress架站百寶箱阿腸製作,以創用CC 姓名標示-非商業性-禁止改作 4.0 國際 授權條款釋出。

抱歉,本篇文章留言已經關閉。