網站圖片是否應該使用WebP ?

最近在研究網站的圖片是否應該改成用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)

評論

  1. 寒寒
    iPhone Safari
    9 個月前
    2023-9-04 23:01:16

    使用交錯編碼的JPG應該是可以滿足需求的喔~
    我現在網站上的圖片,會首先考慮交錯編碼!

    • 博主
      寒寒
      Windows Edge
      9 個月前
      2023-9-04 23:08:07

      交錯編碼阿 我沒有研究過
      我現在是用Caesium Image Compressor壓過而已
      尺寸壓80% 檔案壓到1900KB
      因為wordpress預設上傳大小是2MB

      • 寒寒
        詩音
        iPhone Safari
        9 個月前
        2023-9-04 23:56:20

        很簡單的!作用就是隨著網絡加載圖片變得清晰,只需要一點點流量就可以看到最初的預覽圖,給人的感覺是響應很快~
        像PS、Kirita等圖像編輯軟件往往都會有交錯編碼的選項,保存時勾選即可o(`ω´ )o

        • 博主
          寒寒
          Windows Edge
          9 個月前
          2023-9-05 0:08:44

          恩恩好 有空時研究一下w
          我是批量壓縮圖片就是

發怖評論 編輯評論


|´・ω・)ノ
ヾ(≧∇≦*)ゝ
(☆ω☆)
(╯‵□′)╯︵┴─┴
 ̄﹃ ̄
(/ω\)
∠( ᐛ 」∠)_
(๑•̀ㅁ•́ฅ)
→_→
୧(๑•̀⌄•́๑)૭
٩(ˊᗜˋ*)و
(ノ°ο°)ノ
(´இ皿இ`)
⌇●﹏●⌇
(ฅ´ω`ฅ)
(╯°A°)╯︵○○○
φ( ̄∇ ̄o)
ヾ(´・ ・`。)ノ"
( ง ᵒ̌皿ᵒ̌)ง⁼³₌₃
(ó﹏ò。)
Σ(っ °Д °;)っ
( ,,´・ω・)ノ"(´っω・`。)
╮(╯▽╰)╭
o(*////▽////*)q
>﹏<
( ๑´•ω•) "(ㆆᴗㆆ)
😂
😀
😅
😊
🙂
🙃
😌
😍
😘
😜
😝
😏
😒
🙄
😳
😡
😔
😫
😱
😭
💩
👻
🙌
🖕
👍
👫
👬
👭
🌚
🌝
🙈
💊
😶
🙏
🍦
🍉
😣
Source: github.com/k4yt3x/flowerhd
颜文字
Emoji
小恐龙
花!
上一篇
下一篇