如何將 WebP 轉換為 PNG——保留你嘅透明度同細節
帶透明度嘅 WebP 係一個相對較新嘅功能——Google 於 2011 年新增咗 Alpha 通道支援,但工具同平台支援花咗十幾年先跟上。即使喺今日,iOS 14 之前版本(2020 年 9 月發布)嘅 Safari 無法顯示透明 WebP 圖片。如果你正在構建廣泛相容嘅素材,將透明 WebP 轉換為 PNG 係安全嘅選擇。PNG 自 1996 年誕生以來一直支援部分透明,且每個瀏覽器、圖片編輯器同作業系統都能正確處理佢。權衡係檔案體積:由於 WebP 使用更先進嘅壓縮,透明 WebP 通常比等效嘅 PNG-24 細 25–40%。但如果大部分受眾睇到嘅係白色方塊而唔係你嘅標誌,呢種尺寸優勢就毫無意義。我哋嘅 WebP 轉 PNG 轉換器保留完整嘅 Alpha 通道——從完全不透明到完全透明嘅每一個部分透明度級別——同時為你提供普遍相容嘅 PNG 輸出。
WebP轉PNG轉換器
免費 · 無需註冊
分步指南
上載你嘅 WebP 圖片
將你嘅 WebP 檔案拖放到轉換器上。該工具接受有損同無損 WebP 檔案,並自動偵測圖片係咪包含 Alpha 通道。如果包含,預覽將顯示棋盤格背景指示透明區域。轉換器喺瀏覽器內處理最大 50 MB 嘅圖片。
選擇 PNG 輸出模式
選擇 PNG-24 用於具有透明效果、漸層或超過 256 種顏色嘅圖片——呢個係標誌、圖示同任何具有部分透明度(投影、發光、羽化邊緣)嘅設計素材嘅正確選擇。僅當你嘅圖片有一個扁平嘅、唔複雜嘅、256 種顏色以下嘅調色盤,並且你優先考慮最細檔案體積而非完美保真度時,先選擇 PNG-8。
下載你嘅 PNG
點擊「轉換」,你嘅 PNG 立即下載。檢查檔案體積對比——一張 50 KB 嘅透明 WebP 通常會變成 70–85 KB 嘅 PNG-24。體積增加係普遍相容性嘅代價。如果檔案太大,考慮該圖片係咪真係需要完整嘅 Alpha 透明度,定係帶二進位透明度嘅索引 PNG-8 就足夠了。
使用技巧與最佳實踐
將透明 WebP 轉換為 PNG-24 後,檔案大約比來源檔案大 30–50%。呢個係預期嘅,反映了兩種格式之間壓縮效率嘅差距。
如果你嘅 WebP 實際上唔包含透明度,轉換為 PNG 仍然會膨脹檔案體積。喺呢種情況下,改為將 WebP 轉換為 JPG——你將獲得更細嘅檔案同更廣泛嘅相容性。
iOS 13 及更早版本上嘅 Safari,以及 macOS 上嘅 Safari 13,完全唔能夠顯示透明 WebP 圖片。如果你嘅分析顯示超過 3% 嘅用戶使用呢啲版本,將所有透明 WebP 轉換為 PNG 用於你嘅生產素材。
對於電郵簽名中使用嘅標誌同圖示,始終將 WebP 轉換為 PNG。電郵客戶端(尤其係 Outlook 同舊版 Apple Mail)對 WebP 嘅支援非常差,而電郵簽章中破損嘅標誌睇落唔專業。
帶二進位透明度嘅 PNG-8(要麼完全不透明,要麼完全透明,冇中間狀態)比 PNG-24 細 40–60%。如果你嘅圖片唔需要部分透明度——比如一個帶有挖空背景嘅扁平圖示——使用 PNG-8 以保持檔案體積可控。
將帶透明度嘅無損 WebP 轉換為 PNG 時,品質 100% 保留——兩種格式都係無損嘅,轉換後像素資料完全相同。
像 Figma、Sketch 同舊版 Adobe XD 咁嘅設計工具唔可靠地支援 WebP 匯入。喺將 WebP 素材帶入設計工作流程之前,始終將其轉換為 PNG。
轉換前檢查你嘅 WebP 尺寸。如果係一張 3000px 闊嘅帶透明度嘅主圖,考慮亦以 1500px 或 750px 轉換用於響應式圖片集——全尺寸 PNG 對於網頁交付可能大得不切實際。
常見問題解答
WebP 轉 PNG 轉換以壓縮效率換取普遍相容性,尤其係喺涉及透明度時。如果你嘅素材需要喺任何地方都能正常工作——電郵客戶端、舊裝置、列印工作流程、設計工具——PNG 就係答案。而家用我哋嘅免費、私隱優先嘅轉換器轉換你嘅透明 WebP。
免費試用此工具 →open_in_new