如何在 Windows 上離線將 PNG 轉換為 WebP
在Windows上於本機將PNG轉換為WebP。使用有損交付副本前,請檢查文字、透明度、尺寸和實際位元組數。
本頁內容
PNG 可靠、支援廣泛,尤其適合需要清晰邊緣或透明效果的圖像。不過,對網站、應用程式或內容庫而言,它不一定總是最節省空間的格式。當每一 KB 都會影響頁面大小時,將 PNG 副本轉換為 WebP,可在安全保留原始 PNG 的同時縮減傳輸大小。
關鍵字是副本。將 PNG 轉換為 WebP,不是把 .png 重新命名為 .webp,也不是在另一個檔案出現後立即刪除來源檔案。真正的轉換會解碼 PNG 像素,並寫入有效的 WebP 檔案。之後,您還要檢查其尺寸、透明度、視覺品質,以及與實際使用環境的相容性。
本指南將示範如何在 LocalFlux 中完成這套流程。LocalFlux 是一款 Windows 轉換工具,會在電腦上執行受支援的轉換。一般轉換過程不涉及瀏覽器上傳,而且安裝應用程式後,此轉換路徑可離線執行。
快速解答
若要在 Windows 上離線將 PNG 轉換為 WebP:
- 開啟 LocalFlux 並加入 PNG 檔案。
- 保持選取 轉換。
- 選擇 WebP 作為輸出格式。
- 如需調整圖像尺寸或受支援的品質控制,請開啟 選項。
- 選取 轉換 1 個檔案。
- 開啟產生的
.webp檔案,並在發佈前與 PNG 比較。
LocalFlux 會以安全的輸出名稱寫入新檔案,並在一般轉換過程中保持原始 PNG 不變。

介面截圖於2026年10月使用依據已記錄的 LocalFlux 1.0.10.0 發佈原始碼重新建置的版本拍攝。下方歷史測量值與下載資料仍保留原始測試範圍。截圖記錄: 1
在已記錄的 LocalFlux 1.0.10.0 介面中,開啟選項 → 高階調整可調整尺寸與品質。獨立的無損最佳化功能用於受支援的同格式壓縮,不適用於這裡的 PNG 轉 WebP。下方歷史 WebP 輸出採用有損 VP8 編碼。如需精確保留像素,請保留 PNG,或使用明確提供無損 WebP 模式的編碼器,並驗證輸出。
測試用 PNG 已排入 WebP 輸出佇列。範例檔名與路徑均為合成內容,不含任何個人資訊。
為何要將 PNG 轉換為 WebP?
PNG 以無損方式儲存像素,並支援 Alpha 色版。這項組合使其非常適合介面圖像、圖表、標誌、螢幕截圖,以及透明邊緣必須維持精確的圖像。不過,用於網路傳輸時,產生的檔案也可能比實際需要更大。
WebP 支援有損與無損圖像編碼、透明度、中繼資料和動畫。Google 表示,無損 WebP 可以精確重建像素值,且在其測試影像集中,平均檔案比 PNG 更小。這些數據可作為參考,但不能保證適用於每一張圖像。極小的圖示、已最佳化的 PNG 或特殊的色彩圖樣,節省幅度可能較小,甚至完全沒有實用的節省效果。請參閱 Google 的 WebP 概覽與無損位元流規格。
因此,轉換的實際理由並不是「WebP 永遠比較好」,而是:目標環境接受 WebP,而且經過測試的 WebP 副本能在不造成不可接受視覺變化的前提下,帶來實用的檔案大小或傳輸優勢。
開始之前
請留意以下四項檢查:
- 確認網站、CMS、電子郵件平台、應用程式框架或文件工作流程接受 WebP。
- 保留原始 PNG。它仍是您的相容性備援,而且在許多情況下也是乾淨的母檔。
- 確認 PNG 是否使用透明度。轉換後,透明邊緣值得仔細進行視覺檢查。
進行批次轉換時,每個相容的項目都會使用同一個已選輸出格式。若不相關的工作需要不同格式或設定,請分成不同批次。
逐步操作:使用 LocalFlux 將 PNG 轉換為 WebP
1. 加入 PNG
開啟 LocalFlux,選擇 加入檔案,然後選取 PNG。也可使用拖放功能。在受支援的 Windows 11 安裝環境中,亦可從檔案總管將相容檔案交給 LocalFlux。
佇列應顯示來源名稱,以及類似 PNG -> WebP 的轉換路徑。如果該項目尚未就緒,請停下來閱讀訊息,不要強行替檔案換上不同的副檔名。
2. 選擇 WebP 作為輸出
在視窗底部保持選取 轉換,並從輸出清單中選擇 WebP。LocalFlux 支援明確的轉換路徑,不會假裝每種格式都能轉換成其他所有格式。
上方螢幕截圖顯示實際測試的確切路徑。來源是一個名為 website-hero.png、尺寸為 96 x 64 的合成 PNG。
3. 檢查尺寸與品質選項
若需要較小的像素尺寸或不同的品質取捨,請開啟 選項。調整尺寸與編碼品質解決的是不同問題:
- 降低寬度與高度會減少像素數量。這可能大幅縮小檔案,但圖像將不再具有相同尺寸。
- 降低品質會改變受支援的有損編碼捨棄視覺細節的程度。
除非您確定設計不需要額外的像素密度,否則不要把 2x 高密度素材縮小到其 CSS 顯示尺寸。除非刻意拉伸是設計的一部分,否則請鎖定長寬比。
4. 在本機轉換
選取 轉換 1 個檔案。LocalFlux 會針對這條受支援的路徑,使用其內附的圖像轉換元件。一般轉換時,檔案會在電腦上處理,而不是傳送至瀏覽器轉換服務。
轉換完成後,LocalFlux 會顯示輸出操作和新的安全檔名。

完成的轉換路徑在合成來源旁建立了 website-hero_converted.webp。
5. 驗證 WebP
在實際會使用輸出檔案的瀏覽器或應用程式中開啟它。若最終目標有自己的圖像處理管線,只使用一般圖像檢視器並不足夠。
請檢查:
- 像素尺寸;
- 在淺色與深色背景上的透明邊緣;
- 細小文字與單像素線條;
- 漸層是否出現色帶;
- 色彩外觀;
- 檔案大小;
- 工作流程所需的任何中繼資料;
- 在一般與高密度顯示尺寸下的實際頁面或應用程式。
若圖像是網站素材,也請使用瀏覽器開發人員工具檢查頁面。確認 WebP 以正確的 MIME 類型(image/webp)提供,並確認快取或 CDN 未讓舊 PNG 繼續生效。
實測轉換中發生了什麼?
本文使用 LocalFlux 1.0.7.0,在 Windows x64 上轉換了一個不透明的合成 PNG:
| 觀察項目 | PNG 來源 | WebP 輸出 |
|---|---|---|
| 尺寸 | 96 x 64 | 96 x 64 |
| 檔案大小 | 3,465 位元組 | 726 位元組 |
| 大小變化 | - | 約縮小 79% |
| 輸出名稱 | website-hero.png | website-hero_converted.webp |
這是一個刻意設計得小而簡單的測試樣本。它證明了轉換路徑和安全輸出行為,但無法預測相片、螢幕截圖、透明標誌或已最佳化的正式環境素材能節省多少空間。請測試自己的圖像集合,並報告一個範圍,不要把單一樣本當成通用基準。
批次處理前測試實際圖像
下方的96 × 64不透明樣本只能證明轉換已完成。正式使用這條有損PNG-WebP流程前,請以自己的小字截圖、透明標誌和漸層圖測試。比較時保留原始尺寸,以100%檢查文字,在明暗背景上檢查邊緣,並確認漸層有無色帶,再比較確切位元組數和目的地預覽。如果節省沒有實際價值,或視覺損失無法接受,就不要採用該WebP。
LocalFlux這條轉換路徑沒有明確的無損WebP模式。需要像素完全一致時,請保留PNG,或使用具有明確無損WebP設定的編碼器並另外驗證結果。LocalFlux的Lossless索引標籤用於支援的同格式壓縮,不是PNG-WebP轉換模式。
何時應該保留 PNG?
當目標明確要求 PNG、像素完全一致的無損行為比傳輸大小更重要,或您不確定相容性矩陣時,請保留 PNG。即使交付給使用者的是 WebP 衍生檔案,PNG 仍可能是更合適的工作母檔。
對網站而言,常見做法是在素材管線中保留 PNG 來源,並發佈經過測試的 WebP 衍生檔案。是否需要備援格式,取決於實際受眾所使用的瀏覽器、嵌入式 WebView、網路爬蟲、電子郵件用戶端和第三方工具。
無須上傳的批次轉換
若有許多 PNG 檔案,可一次全部加入、選擇一次 WebP、檢查各項目,然後轉換相容的批次。當檔案具有相同的目標需求與品質政策時,批次處理最為實用。
轉換大型素材庫之前,請先使用具代表性的樣本進行檢查。檢查一個平面圖像、一張螢幕截圖、一個透明素材和一張相片。這些項目通過後,再處理其餘檔案,並保留清單,讓 WebP 副本可追溯至原始檔案。
隱私與離線注意事項
本機處理可避免在一般轉換過程中將圖像交給未知的上傳服務。這對尚未公開的設計、內部螢幕截圖、客戶素材,以及可能含有嵌入式中繼資料的圖像很有幫助。
離線轉換不代表輸出會自動成為私密內容。轉換後的圖像仍可能包含可見資訊或中繼資料,而稍後上傳最終 WebP 依然屬於上傳行為。請依照您的發佈政策檢查像素和中繼資料。
LocalFlux 不要求登入即可轉換,會建立新的輸出副本,而且安裝後可離線執行這條受支援的轉換路徑。它是轉換工具,而非完整的圖像編輯器或數位資產管理系統。
疑難排解
輸出檔案沒有變小。 在相同尺寸下比較實際位元組數。只有文字、邊緣與漸層仍通過檢查時,才在代表性副本上嘗試較低品質;若WebP沒有實用的節省效果,請保留PNG。
透明效果看起來不正確。 請在對比鮮明的背景上測試、確認來源確實具有 Alpha,並避免將本文的不透明測試樣本視為透明素材的證明。
網站仍然載入 PNG。 請檢查 HTML/CSS 參照、建置管線、Service Worker、CDN 和瀏覽器快取。本機轉換成功不會自動更新您的網站。
檔案無法在目標應用程式中開啟。 請保留 PNG,並確認該應用程式對 WebP 的支援。瀏覽器支援不代表每個 Windows 桌面程式都支援。
最終檢查清單
- 輸出是真正的 WebP,而非重新命名的 PNG。
- 尺寸符合預期的顯示密度。
- 已在相關情況下檢查透明度和邊緣色彩。
- 正式環境的目標接受 WebP。
- 已在 100% 比例及實際情境中比較視覺結果。
- 這項素材的檔案大小節省幅度確實有用。
- 已保留原始 PNG。
如果您經常轉換受支援的圖像素材,並想要圖形化的本機工作流程,可從 Microsoft Store 取得 LocalFlux。對單一公開圖像而言,信譽良好的命令列編碼器也可能是合理選擇。只要能在保留母檔的同時產生經過驗證的輸出,就是合適的選擇。
發佈佐證資料
本文使用的檔案均為合成內容,且已通過隱私審查。您可以在範例資料夾中查看已發佈的來源和轉換後輸出,以及測試記錄和 SHA-256 媒體清單: