跳到主要內容

PNG 轉 WebP 線上轉檔

在瀏覽器中將 PNG 圖片轉成 WebP,保留透明背景,可選擇有損或無損壓縮,讓網頁用的圖片更小。

拖放 PNG 圖片PNG → WebP・也支援其他圖片格式・或點擊選擇檔案
選擇圖片在你的裝置上處理,不會上傳
轉換為
在瀏覽器中執行・不需上傳運作方式

PNG 轉 WebP 使用方法

  1. 1

    加入 PNG 圖片

    最多可拖放 10 個 PNG 檔案,每個不超過 25 MB:螢幕截圖、插畫、商品去背圖或照片都可以。

  2. 2

    有損或無損

    預設為品質 90 的有損 WebP。logo、圖示和需要保持像素完全一致的圖片,請開啟「無損」。

  3. 3

    比較檔案大小

    每張卡片都會顯示新的檔案大小;調整品質後,所有圖片會自動重新編碼。

  4. 4

    下載

    可逐一儲存 .webp 檔案,或下載 converted-webp.zip,直接用在你的網站上。

限制與 Pro

每批最多 10 個 PNG 檔案,每個最大 25 MB,以完整解析度編碼。

Pro 方案每批可轉換最多 500 個 PNG 檔案,每個最大 4 GB。 查看 Pro

關於 PNG 轉 WebP

PNG 是儲存透明背景圖形的穩當格式,但檔案偏大。WebP 同樣保留透明度,檔案卻小得多,因此成為現代網站圖片的常見選擇:目前所有主流瀏覽器都能顯示,Safari 也從 2020 年起支援。圖片變小,手機上載入更快,也有助於改善搜尋引擎衡量的 Largest Contentful Paint 分數。

轉換方式有兩種,這個頁面都能使用。無損 WebP 儲存的像素與 PNG 完全相同,依 Google 自己的測量,通常可小約四分之一,適合 logo、圖示、介面圖形和文字截圖等邊緣必須清晰的圖片。有損 WebP(這裡預設為品質 90)的壓縮方式類似 JPG,但會保留 Alpha 色版,所以透明背景的照片或商品去背圖能大幅縮小,常常只剩 PNG 的十分之一,放在任何顏色的頁面上依然自然融合。

兩種模式都會維持原本的寬度和高度,並保留透明度,這點和轉成 JPG 不同。PNG 內的文字區塊和其他中繼資料不會被複製。如果之後還要編輯圖片,請保留 PNG 作為原始檔:有損 WebP 不宜反覆重新編碼,而且部分桌面應用程式、電子郵件軟體和辦公軟體仍無法開啟 WebP。若網站支援,想要更小的檔案,可以到「轉換為」試試 AVIF。

隱私

PNG 由瀏覽器解碼,再由編譯成 WebAssembly 的 libwebp 在此分頁的 Web Worker 中編碼為 WebP。圖片不會離開你的裝置,關閉頁面後也不會留下任何內容。

功能

保留透明度

有損和無損模式都會保留 Alpha 色版。

檔案更小

無損約小 25%;照片用有損則小得更多。

無損切換

logo 和圖示可輸出像素完全一致的結果。

為網頁而生

目前所有主流瀏覽器都支援。

PNG 轉 WebP:常見問題

WebP 會保留 PNG 的透明背景嗎?
會,有損和無損模式都會保留。WebP 具備完整的 Alpha 色版,柔和的陰影、抗鋸齒邊緣和透明區域都與 PNG 相同。預覽卡片會用棋盤格顯示透明部分,下載前就能確認。只有轉成 JPG 時透明度才會被填平,而本頁不會輸出 JPG,除非你切換格式。
該選無損還是有損的 WebP?
邊緣銳利、顏色較少的圖形,例如 logo、圖示、圖表和文字截圖,建議選無損:像素完全一致,檔案仍會變小。照片和有漸層的插畫選有損,品質 80~90 肉眼看起來幾乎相同,檔案卻小得多。你可以用同一張圖兩種都試試,比較卡片上顯示的大小。
WebP 比 PNG 小多少?
無損 WebP 通常比最佳化後的 PNG 小約 25%。有損 WebP 則視內容而定:以 PNG 儲存的照片可縮小 80~95%,單純的平面圖形可能只小一點。檔案轉換完成後,每張卡片會立刻顯示新的大小,你可以直接看到自己圖片的節省幅度。
所有瀏覽器都支援 WebP 嗎?
目前的瀏覽器都支援,包括 Chrome、Edge、Firefox、Opera、Samsung Internet,以及 macOS Big Sur 和 iOS 14 以上的 Safari 14 或更新版本。只有非常老舊的系統不支援。瀏覽器之外,部分看圖軟體、電子郵件軟體和辦公軟體仍無法開啟 WebP,所以 WebP 適合用在網站,傳給別人時仍建議用 PNG 或 JPG。
之後可以把 WebP 轉回 PNG 嗎?
可以,請使用「WebP 轉 PNG」頁面。無損 WebP 能轉回與原本完全相同的像素。有損 WebP 轉回的 PNG 會和該 WebP 看起來一樣,有損壓縮去掉的細節也不會回來,所以如果之後可能需要未經處理的版本,請保留原始 PNG 檔案。

此工具的其他用途

全部圖片工具