跳到主要內容

PNG 轉 WebP 轉換器

把網站上的 PNG 螢幕截圖、插圖和透明圖形轉成 WebP 來縮小檔案,Alpha 通道完整保留。

拖放、貼上或選擇圖片

HEIC · JPG · PNG · WebP · AVIF · GIF — 最大 50 MB

瀏覽器執行

設定

輸出格式 WebP

85
原圖
—
結果
—

批次處理:免費每次最多 10 張,購買任一點數包可達 50 張。

處理過程在此分頁中執行,你的圖片絕不會上傳到伺服器。

需要 AVIF 或 JPG?圖片格式轉換也能輸出這些格式。

為什麼網站紛紛把 PNG 換成 WebP

PNG 是無損格式,遇到漸層或照片細節時檔案就很肥大。WebP 能以少得多的位元組處理同樣的圖片,連透明度也一起保留。

加快最大內容繪製(LCP)

主視覺和商品照往往是頁面上最大的元素。檔案越小越快顯示,用行動網路瀏覽時尤其明顯。

保留透明,卻沒有 PNG 的重量

WebP 即使在有損模式下也保有 Alpha 通道,去背商品照依然透明,檔案卻只剩一小部分。

所有新版瀏覽器都支援

自 Safari 14 起,你幾乎可以對所有訪客提供 WebP,現代瀏覽器不再需要 PNG 備援。

PNG 與 WebP 格式特性比較

照片類的 PNG 效益最大,扁平的小圖示省得比較少。

特性PNGWebP
壓縮方式無損(Deflate)有損(VP8)或無損(VP8L)
透明度8 位元 Alpha8 位元 Alpha,兩種模式皆支援
動畫僅 APNG,工具支援有限支援
色彩深度每色版最高 16 位元每色版 8 位元
照片類圖片檔案大小大通常只有 PNG 的一小部分
簡單圖示檔案大小本來就小差不多或略小

節省幅度取決於圖片內容,替換檔案前請先確認轉換後的大小。

有損滑桿或視覺無損

螢幕截圖和插圖在品質 80–90 時通常看不出差異。再往下調之前,先用 100% 縮放檢查細小文字。

16 位元 PNG 會被降階

WebP 是 8 位元格式,因此來自掃描器或設計軟體的 16 位元 PNG 會降為每色版 8 位元。

什麼情況該保留 PNG

WebP 是用來傳遞的格式,有些工作仍然該交給 PNG。

原始檔與編輯用途

把無損 PNG 留作原始檔,網站用的另外匯出 WebP,設計有變動時再重新匯出。

電子郵件與文件

許多郵件軟體和舊版文書軟體處理 PNG 比 WebP 更穩定。

要求像素精準的素材

像素畫、QR Code 和細小的 UI 圖示在有損 WebP 下可能變糊。請調高品質,或直接保留 PNG。

哪些平台支援 WebP

就網頁傳遞而言,現在幾乎全面支援。在瀏覽器以外使用時,請先確認目標軟體。

平台PNGWebP
Chrome、Edge、Firefox、Opera支援支援
Safari支援macOS 11+ 與 iOS 14+ 上的 14 版以上
WordPress支援自 5.8 版起支援上傳
郵件軟體支援不一致
Office 與舊版桌面編輯軟體支援僅限較新版本

支援情況於 2026 年 9 月查核。

在你的瀏覽器中編碼

若瀏覽器內建 WebP 編碼器就直接使用,否則會按需載入 WebP 編碼器。檔案絕不會上傳。

在網站上使用

現代瀏覽器直接用一般的 img 標籤放 WebP 即可;如果仍要支援很舊的裝置,可改用 picture 元素並以 PNG 作為備援。

PNG 轉 WebP:常見問題

PNG 轉 WebP 會保留透明背景嗎?

會。WebP 在有損和無損模式下都支援 Alpha 通道,透明背景會完整保留。

WebP 比 PNG 小多少?

視圖片而定。照片類和漸層多的 PNG 通常縮減最多;簡單的扁平圖示可能幾乎沒變。結果面板會顯示確切的檔案大小。

網站圖片應該把 PNG 轉成 WebP 嗎?

放在網頁上的圖片,一般來說是的:檔案更小、載入更快,而且所有新版瀏覽器都能顯示 WebP。PNG 則留作可編輯的原始檔。

螢幕截圖中的文字會保持清晰嗎?

品質設在 85–90 時,文字通常依然清晰。如果字母周圍出現毛邊,請把品質滑桿調高。

可以批次將 PNG 轉成 WebP 嗎?

可以。免費帳號每批最多 10 個檔案,購買點數包後最多 50 個,並打包成一個 ZIP 下載。

PNG 轉 WebP 能保護隱私嗎?

可以。編碼在你的瀏覽器分頁中執行,圖片始終留在你的裝置上。

相關轉換

來源或目標格式相同的其他格式組合。

圖片格式轉換