PNG 轉 WebP

建立保留透明背景、適合網站使用的 WebP 副本,並在發布前比較畫質與檔案大小。

圖片在瀏覽器本機處理。 檔案不會上傳到伺服器。

選擇 PNG 圖片以預覽 WebP 輸出。

建立適合網頁且保留透明度的副本

這些真實檔案展示同一張透明圖片的 PNG 原圖,以及瀏覽器依預設品質產生的 WebP。實際結果會隨圖片內容變化。

PNG 輸入

PNG 輸入

包含透明像素的 PNG 原圖。

805 KB · PNG
WebP 輸出

WebP 輸出

保留透明區域的更輕 WebP 副本。

29 KB · WebP

僅在接收位置支援時使用 WebP

WebP 通常可以縮小 PNG 圖片,但工作流程明確要求 PNG 時應保留原格式。

以下情況轉換為 WebP

  • 網站或應用程式支援 WebP 圖片。
  • 希望縮小檔案,同時保留透明區域。
  • 可以保留 PNG 原圖用於編輯和相容性。

以下情況保留 PNG

  • 上傳表單或設計流程明確要求 PNG。
  • 後續編輯需要無損來源像素。
  • 不確定接收服務是否支援 WebP。

轉換過程中會改變什麼

圖片像素尺寸保持不變。WebP 品質控制可見畫面的編碼程度,Alpha 色版仍保持透明。

透明區域仍然透明

PNG 和 WebP 都支援 Alpha 透明度,因此不需要選擇背景色。

檔案通常會變小

透明插畫和介面素材可能明顯縮小,但結果取決於原檔。

保留 PNG 原圖

以後需要無損編輯或 PNG 相容性時,原圖仍然有用。

常見問題