WebP 與 PNG：你該使用哪種圖片格式？
PNG 和 WebP 都是出色的圖片格式，但它們解決的問題不同。PNG 是長期以來無損且支援透明度圖片的標準；WebP 則是現代格式，幾乎在每種情境下都在檔案大小上勝出。
以下教你如何決定使用哪一種，以及何時值得進行轉換。
檔案大小：WebP 以大幅差距勝出
在相同的視覺品質下，WebP 檔案通常比 PNG 小 25–35%。對照片而言，差距甚至更大。更小的檔案意味著更快的頁面載入速度和更低的頻寬成本。
品質：取決於你的需求
PNG 預設是無損的 — 每個像素都會被保留。WebP 也可以是無損的，而且它也可以是有損的，這正是大小節省的來源。對標誌、圖示和文字而言，無損 PNG（或無損 WebP）是正確的選擇。對其他一切而言，品質 75–90 的有損 WebP 用肉眼看起來完全相同。
透明度：兩者都支援
PNG 以透明度著稱。WebP 也支援 Alpha 透明度，因此你切換格式時不必放棄透明背景。
瀏覽器支援：沒有理由等待
每個主要瀏覽器 — Chrome、Firefox、Safari 與 Edge — 都支援 WebP。PNG 對非常舊的軟體仍是更安全的選擇，但對現代網頁上的任何東西而言，WebP 今天就可以放心使用。
將 WebP 用於照片、漸層以及大多數網頁圖片 — 它更小且到處都有支援。將 PNG 保留給需要無損品質和最大相容性的圖示、標誌和圖片。不確定時，就轉換並比較：我們的 PNG 轉 WebP 工具會針對你自己的圖片顯示精確的大小差異。