WebP – 詩音的blog https://blog.shion-nya.moe 記錄個人資料的地方 Sat, 02 Sep 2023 18:24:52 +0000 zh-TW hourly 1 https://wordpress.org/?v=6.9 https://blog.shion-nya.moe/wp-content/uploads/2023/09/cropped-cat-32x32.png WebP – 詩音的blog https://blog.shion-nya.moe 32 32 223760516 網站圖片是否應該使用WebP ? https://blog.shion-nya.moe/2023/09/website-picture-webp/ https://blog.shion-nya.moe/2023/09/website-picture-webp/#comments Fri, 01 Sep 2023 03:26:43 +0000 https://shion.me/?p=401 最近在研究網站的圖片是否應該改成用WebP呈現，大致上是說壓縮效果比較好，也因為載入速度快了，所以會讓瀏覽體驗更好。但研究了一陣子發現不是所有瀏覽器都支援，現在查起來是比以前更好了，但舊電腦還是會有不支援的情況發生，雖然已經小於5%了。那應該要支援這些瀏覽器嗎?，如果要支援可能就需要兩種圖片檔案都擁有，還有運算是否使用WebP的問題。

還有一個就是WebP存下來有沒有辦法瀏覽的問題，新電腦也許沒有這問題，還有編輯的方便程度會有所差別。或者是單純想當桌布之類的，windows11看起來是沒有WebP的，如果需要還是要自己再轉檔。WebP似乎在某些情況下也有可能發生檔案更大的狀況。

另外我發現細節多的照片壓縮效果沒有圖片好，也可以對於自己 Blog 內容來決定是否使用WebP格式，我自己的 Blog 照片不少，也希望有更好的畫質和細節，所以目前會維持使用 jpg、png 之類的。不過我並沒有測試對同一張照片未壓縮處理的情況，單純是圖片跑一次WebP的檔案轉換。

我認為主要需要考量的是以下事項

  • Blog 內容種類考量，或是圖片用途(單純意境、還是想呈現照片細節)
  • 希望全面支援所有瀏覽器，但如果想使用WebP又想全面支援，勢必需要存著兩種檔案格式的圖片
  • 有無想讓其他人使用(桌布、修改)
  • 希望自己照片細節清楚

參考資料

“webp” | Can I use… Support tables for HTML5, CSS3, etc
WordPress WebP 外掛推薦，仍不推薦採用！ * 造九頑五 (make9.tw)
什麼是 WebP，如何使用 WebP 優化 WordPress 速度 » 光輝咖碼 (kamadiam.com)
Is there any benefit to using WebP images on my website? | WORDPRESS TIPS (havecamerawilltravel.com)

]]> https://blog.shion-nya.moe/2023/09/website-picture-webp/feed/ 4 401