先簡單說明一下,圖片格式是啥?
就是我們常說的 jpg檔、png檔等等...,如果你下載一張圖片檔名長這樣:mypicture.jpg,代表這張圖片格式為jpg,有興趣了解每個格式的差異用途,可以參考:圖形檔案格式比較
Webp 圖片格式的應用面大多在網站,因為它可以讓檔案變小,超有感...畫質卻一樣好,這樣一來就大幅提升使用者體驗,白話講就是讓你網站跑得更快!
我利用 Google 提供的網站效能測試工具(PageSpeed Insights),來確定網站圖片真的還很有優化的空間。
Photoshop 本身不支援 Webp 圖片格式,要如何安裝外掛,讓輸出選項多 Webp 呢?以下說明適用 Mac 版的 Photoshop:
如果是其他環境也有對應的安裝方式,請參考 Google 針對WebPShop 說明文件
請注意目前 Safari 尚未支援 Webp
查看目前支援的瀏覽器:https://developers.google.com/speed/webp/docs/webpshop