WebP vs PNG

如果用於網站上的圖片,請選擇 WebP。 如果用於螢幕截圖、標誌,任何邊緣銳利或含透明的圖片,請選擇 PNG。 結構上的差異:PNG 是無損格式,WebP 則不是。

WebPPNG
壓縮有損無損
透明度✓✓
Animation✓-
HDR--
中繼資料✓✓
開放 / 免授權費✓✓
制定者GoogleW3C
起始20101996
最適合網站上的圖片螢幕截圖、標誌,任何邊緣銳利或含透明的圖片

WebP

比 JPG 與 PNG 更小,支援透明與動畫。所有現行瀏覽器都支援。

PNG

無損且支援透明。螢幕截圖、標誌與介面圖的安全預設選擇。

問題

WebP 還是 PNG:哪個比較小?

WebP 小得多,因為它會捨棄細節。PNG 保留所有內容,檔案較大。

可以把 WebP 轉成 PNG 嗎?

可以,在你的瀏覽器中完成,完全不上傳。

那 PNG 轉 WebP 呢?

可以,這也沒問題。