PNG 轉 WebP:格式原理、轉換限制與實際操作
PNG 與 WebP 是兩種截然不同的影像格式。你手上有一批 PNG 檔案——可能是標誌、螢幕截圖、插圖、任何需要精確像素或透明背景的影像——而你想把它們轉換成 WebP。這個頁面專為這項任務而設:在瀏覽器內直接處理,設定 WebP 的壓縮品質,然後逐張下載或一次過打包成 ZIP。轉換結果會標示每張影像的原始大小、轉換後大小,以及「節省了」或「變大了」的對比。所有運算都在用戶端完成,檔案不會上傳到任何伺服器。
為何需要專門的 PNG 轉 WebP 頁面
不同影像格式之間的轉換並非單純改副檔名。PNG 採用無損壓縮,意思是每次重新儲存都不會降低畫質,但檔案體積通常遠比 JPEG 大,尤其不適合儲存相片。WebP 則同時支援有損與無損兩種模式。本頁面使用的是有損模式(由品質滑桿控制),典型情況下檔案大小比同等品質的 JPEG 再細 25–35%。由於輸入的 PNG 本身是無損的,轉換成有損的 WebP 會永久性地降低影像品質——除非你將品質設為 100%,但即使 100% 仍屬有損壓縮,並非無損。這個頁面的存在正是要處理這種「從無損到有損」的轉換,並讓用戶清楚看到尺寸與品質之間的取捨。
影像編輯軟體或作業系統內建的轉換功能不一定提供品質調整選項,也不一定會標示「變大了」的情況。本頁面即時顯示節省或增加的字節數,幫助你判斷轉換是否值得。對於需要批次處理大量 PNG 的設計師或開發者來說,這種透明對比尤其重要。
品質滑桿的實際意義(40%–100%)
品質值直接控制 WebP 編碼器的壓縮強度。數值越低,壓縮越強,檔案越小,但失真越明顯;數值越高,失真越少,但檔案也越大。測試顯示,對於大多數包含漸層、人物皮膚或自然紋理的 PNG 影像,70–80% 的品質通常能在視覺失真不明顯的情況下大幅縮小檔案。對於純色區塊或硬邊文字,較低的品質(例如 50–60%)仍可能保持可接受的外觀,因為 WebP 的區塊壓縮對平滑區域較有利。
必須強調:即使設為 100%,這仍是有損壓縮,因為 WebP 編碼器預設使用盡可能保真的有損模式,並非無損模式。若需要無損 WebP,必須使用無損編碼模式,但本頁面不提供此選項(因為頁面是專為有損轉換而設計)。因此,如果原 PNG 檔案包含極其精細的細節(如醫學影像、線條圖中的單像素線條),轉換後這些細節可能會因量化而永久消失。
批次轉換與錯誤處理
用戶可以一次選取或拖放多個 PNG 檔案。頁面設有檔案數量上限;超出時顯示「請一次選擇最多 ‹上限› 張圖片」。若未有選擇任何圖片就按轉換,會顯示「請選擇至少一張圖片」。若拖放了不支援的檔案類型(不是 JPG、PNG、WebP、HEIC 或 AVIF),會提示「不支援此檔案類型」。
轉換過程中,如果某個檔案無法被開啟為影像(例如損壞、空白或根本不是影像),會顯示「此檔案無法被開啟為影像。它可能已損壞、空白或並非影像。」如果轉換過程本身失敗(例如編碼器錯誤),則顯示「轉換失敗。請嘗試其他影像或格式。」部分檔案處理失敗時,摘要會顯示「‹數量› 個檔案無法處理。」
瀏覽器支援度方面:大多數現代瀏覽器都支援寫入 WebP 檔案。如果你用的是不支援直接儲存 WebP 的瀏覽器(例如某些舊版 Safari),頁面會自動改用 PNG 輸出,並標明「你的瀏覽器不支援儲存此格式——已改用 PNG 代替。」這確保輸出結果始終可下載。
WebP 的瀏覽器與軟件支援現狀
所有主流瀏覽器(Chrome、Firefox、Safari、Edge)的最新版本都支援 WebP 顯示,包括透明與壓縮。然而,部分舊版桌面軟件(如 Photoshop CC 2018 之前、某些郵件用戶端、Windows 相片檢視器)無法直接開啟 WebP 檔案。如果你要將轉換後的 WebP 圖片分發給一般使用者,或者嵌入到需要離線檢視的 PDF 或文件中,這一點必須考慮。相反,若你只用在網站前端(瀏覽器檢視),WebP 是安全的選擇。頁面讓你在轉換前先看到節省了多少空間,從而決定是否值得為了相容性而保留 PNG。
何時應該保留 PNG 而不轉換
轉換成有損 WebP 並非永遠是正確決定。以下情況建議保留 PNG:
- 需要無損複製:醫學影像、X 光片、工程圖、需要精確讀取的二維碼或條碼。
- 透明邊緣帶有半透明漸層:雖然 WebP 也支援 8-bit alpha 透明,但有損壓縮可能導致透明遮罩邊緣出現偽影。若品質不夠高,半透明區域的平滑度會受損。
- 檔案已經很小:如果 PNG 本身已經很小(例如簡單的圖示,只有幾 KB),轉換成 WebP 後可能反而更大(因為 WebP 的 overhead)。頁面會清楚地標示「變大了」。
- 需要離線或舊版軟件相容性:如果你不確定接收者使用的軟件版本,PNG 是更安全的通用格式。
常見問題(FAQ)
問:轉換後的 WebP 檔案比原 PNG 還要大,為什麼? 答:PNG 對簡單圖像(如純色區塊或文字)的壓縮效率極高,而 WebP 有損編碼的 overhead 在這些情況下可能導致檔案增大。品質滑桿設得越高,檔案越大。如果出現「變大了」的標示,可以嘗試降低品質值,或考慮不轉換。
問:品質設定 100% 是否等於無損? 答:不是。本頁面使用的 WebP 是有損模式。100% 表示極低失真,仍然是有損壓縮。無損 WebP 需要另外開啟無損編碼,本頁面不提供此選項。若要保留無損,請保留 PNG。
問:可以轉換動畫 PNG(APNG)嗎? 答:頁面接受的輸入是 PNG 影像。APNG 雖然副檔名也是.png,但實際上屬於多幀動畫格式。本轉換工具僅處理單幀靜態 PNG。如果你嘗試載入 APNG,可能只會處理第一幀,或無法正確識別。建議先將 APNG 拆開成單幀靜態 PNG 再轉換。
問:轉換後透明背景能否保留? 答:可以。WebP 支援 8-bit alpha 透明通道,與 PNG 的透明機制相容。只要原 PNG 包含透明背景,轉換後的 WebP 也會保留透明區域。但有損壓縮可能會使透明邊緣略帶像素化,尤其當雜訊較多時。提高品質值可以減輕這個問題。
問:下載 ZIP 壓縮檔時,所有檔案名稱會保留原檔名嗎? 答:會。每個轉換後的 WebP 會沿用原 PNG 的檔名,副檔名改為.webp。ZIP 封包內不會改變檔名結構。如果原檔名包含特殊字元或極長路徑,瀏覽器可能會自動處理,但一般情況都能保留。
問:我的瀏覽器不支援 WebP,但我在這個頁面上還是能使用? 答:轉換功能仍然可以正常進行,因為瀏覽器內的 WebP 編碼和解碼是現代瀏覽器普遍支援的。只有當你要下載 WebP 檔案時,若瀏覽器不支援直接儲存,頁面會自動改用 PNG 輸出並提示你。轉換結果的預覽會以瀏覽器支援的格式顯示。