將 WebP 圖片轉換為 JPG

轉換前先選擇輸出質素,並決定透明部分要以甚麼顏色取代。

選擇 WebP 圖片

靜態 WebP 檔案 · 檔案上限:20 · 每個檔案 10 MB

透明處理選擇

選擇以甚麼取代 WebP 的透明部分

JPG 無法儲存 Alpha 透明度,所以請在轉換前先選好背景。

WebP 轉 JPG
WebP

現代來源

由一張從網上下載或為網頁準備的靜態圖片開始。

白色

清爽預設

將透明像素填滿,適用於文件、網店及一般用途。

黑色

深色呈現

當符合目的地風格時,使用較深色的填充。

自訂

貼合品牌填色

選擇最適合最終設計的顏色。

預先指定背景,可避免透明區域變成意料之外的效果。

格式影響

為相容性轉換,並選擇可見背景

當目標位置拒收靜態 WebP 時,請使用 JPG。由於 JPEG 沒有 alpha channel,來源的透明像素需要指定填充色。

相容性

由接收方決定是否轉換

能用 WebP 就保留 WebP;當表格、編輯器、收件方或舊系統明確需要時,才建立 JPG。

背景

選擇用甚麼取代透明

預覽鋸齒邊緣周圍使用白色、深色或符合品牌的填充效果,而不是假設透明像素可以保留下來。

下一步

有需要時選用相關工具

當你需要動畫或透明效果時,請保留 WebP 或改用其他合適格式;單一 JPG 無法同時支援兩者。

在 VisionStory 完成

建立並驗證不透明的 JPG

先在此準備 WebP 轉換,然後繼續到 VisionStory。在使用前,請先檢查下載的 JPG 的背景與邊緣。

重新選取

備妥 WebP 檔案

當下一步開啟 VisionStory 工作區時,可能需要再次選取來源檔案。

確認

測試實際接收系統

在發佈前,先檢查背景色、邊緣、尺寸、檔案大小(bytes)、靜態畫格表現,以及目標是否接受。

確認

測試實際接收流程

只在指定的播放器、編輯器、上載表格、發佈系統或其他目標位置完成 alpha 合成與靜態輸出檢查後,才確認結果。

轉換剖析

分清靜態像素、alpha 與動畫

靜態 WebP 可能包含透明度;動畫 WebP 則包含多個畫格。一個 JPG 只代表不透明的靜態圖片。

Alpha

先合成再進行 JPEG 編碼

半透明的陰影與邊緣,當你選擇的背景與最終放置位置不同時,可能會出現光暈。

動畫

訂明畫格處理方式

一個 JPG 只是靜態圖片。若你要分享的內容包含動態效果,請保留動畫 WebP 或改用支援動畫的格式。

檢查

比較來源與匯出檔案

檢查 JPG 背景,並放大查看頭髮、陰影與字體周圍的柔邊效果;同時與來源比較色彩與尺寸。

常見問題

  • 當某個應用程式、上載表格、電郵流程或較舊裝置唔支援 WebP,但支援 JPEG 時,就可以轉換。