拖放、貼上或選擇圖片
HEIC · JPG · PNG · WebP · AVIF · GIF — 最大 50 MB
需要 AVIF 或 JPG?圖片格式轉換也能輸出這些格式。
為什麼網站紛紛把 PNG 換成 WebP
PNG 是無損格式,遇到漸層或照片細節時檔案就很肥大。WebP 能以少得多的位元組處理同樣的圖片,連透明度也一起保留。
加快最大內容繪製(LCP)
主視覺和商品照往往是頁面上最大的元素。檔案越小越快顯示,用行動網路瀏覽時尤其明顯。
保留透明,卻沒有 PNG 的重量
WebP 即使在有損模式下也保有 Alpha 通道,去背商品照依然透明,檔案卻只剩一小部分。
所有新版瀏覽器都支援
自 Safari 14 起,你幾乎可以對所有訪客提供 WebP,現代瀏覽器不再需要 PNG 備援。
PNG 與 WebP 格式特性比較
照片類的 PNG 效益最大,扁平的小圖示省得比較少。
| 特性 | PNG | WebP |
|---|---|---|
| 壓縮方式 | 無損(Deflate) | 有損(VP8)或無損(VP8L) |
| 透明度 | 8 位元 Alpha | 8 位元 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
就網頁傳遞而言,現在幾乎全面支援。在瀏覽器以外使用時,請先確認目標軟體。
| 平台 | PNG | WebP |
|---|---|---|
| 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 能保護隱私嗎?
可以。編碼在你的瀏覽器分頁中執行,圖片始終留在你的裝置上。
相關轉換
來源或目標格式相同的其他格式組合。
