PNG 轉 WebP 使用方法
- 1
加入 PNG 圖片
最多可拖放 10 個 PNG 檔案,每個不超過 25 MB:螢幕截圖、插畫、商品去背圖或照片都可以。
- 2
有損或無損
預設為品質 90 的有損 WebP。logo、圖示和需要保持像素完全一致的圖片,請開啟「無損」。
- 3
比較檔案大小
每張卡片都會顯示新的檔案大小;調整品質後,所有圖片會自動重新編碼。
- 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 和圖示可輸出像素完全一致的結果。
為網頁而生
目前所有主流瀏覽器都支援。