跳至內容
Coverton 部落格
在這篇文章中
圖片

JPG、PNG、WebP、HEIC:如何選擇圖片格式

在轉換照片之前檢查接收應用程式支援的格式。 JPG 適合拍照;PNG 可以保留透明度。 WebP、AVIF 和 HEIC 也取決於瀏覽器或目標應用程式中可用的解碼器。

使用免費工具 →

從目的地開始

重新命名副檔名不會轉換檔。使用轉換器建立新的輸出,然後在接收應用程式中將其開啟。在選擇輸出設定之前,請確定您是否需要照片、透明徽標或大小限制以下的檔案。

與品質分開檢查透明度

JPG 無法保留透明區域。將現有 JPG 轉換為 PNG 無法恢復因壓縮而失去的細節或發明透明背景。如果大小是問題,請比較輸出位元組和尺寸,而不是重複切換格式。

動畫和 iPhone 照片限制

GIF-to-PNG 工具保存第一幀。 HEIC 轉換處理支援的靜態照片,而不保留 Live Photo 影片、深度資訊或原始元資料。 SVG-to-PNG 光柵化向量影像,因此在轉換之前選擇有用的輸出大小。

選擇正確的工具

輸入範例說明了工作流程;他們不承諾特定的文件大小、識別準確性或相容性。

將 JPG 轉換為 PNG

製作 PNG 副本以供進一步編輯。更改格式不會恢復 JPEG 壓縮中已遺失的細節。

範例

photo.jpg → photo.png
  1. 選擇 JPG, JPEG 格式的檔案。每批最大檔案數:100。
  2. 查看最大寬度(px,0 = 原寬度), 最大高度(px,0 = 原始高度),然後開始處理。
  3. 下載 PNG 結果並檢查其內容和品質。
要檢查什麼

JPG 和 JPEG 是相同有損影像格式的擴充。它適用於照片,並受到許多程式的支援。檢查壓縮後的精細文字和邊緣。

影像工具建立靜態影像。重新編碼可以改變品質、顏色設定檔和元資料;遺失的詳細資訊將無法恢復。

JPG 不支援透明度。透明區域接收選定的背景顏色。更高的品質並不能保證更小的文件。

PNG 可以無損保存,但照片來說可以更大。 PNG 不會傳回已遺失的 JPG 或 WebP 詳細資料。

開啟工具 →

將 WEBP 轉換為 JPG

當下載的 WEBP 照片無法在文件編輯器中開啟時,請製作相容的 JPG 副本。

範例

download.webp → download.jpg
  1. 選擇 WEBP 格式的檔案。每批最大檔案數:100。
  2. 查看輸出品質(%), 背景顏色, 最大寬度(px,0 = 原寬度), 最大高度(px,0 = 原始高度),然後開始處理。
  3. 下載 JPG 結果並檢查其內容和品質。
要檢查什麼

WebP 支援有損和無損影像、透明度和動畫。個別工具僅支援其中的一部分。 JPG 有助於相容性,PNG 有助於透明靜態影像。

影像工具建立靜態影像。重新編碼可以改變品質、顏色設定檔和元資料;遺失的詳細資訊將無法恢復。

所選的品質既不能保證較小的文件,也不能保證無損輸出。動畫不會被保留。

JPG 不支援透明度。透明區域接收選定的背景顏色。更高的品質並不能保證更小的文件。

開啟工具 →

將 JPG 轉換為 WEBP

比較網路重新編碼的 JPEG 照片的實際大小。不保證 WEBP 副本會更小。

範例

photo.jpg → photo.webp
  1. 選擇 JPG, JPEG 格式的檔案。每批最大檔案數:100。
  2. 查看輸出品質(%), 最大寬度(px,0 = 原寬度), 最大高度(px,0 = 原始高度),然後開始處理。
  3. 下載 WEBP 結果並檢查其內容和品質。
要檢查什麼

JPG 和 JPEG 是相同有損影像格式的擴充。它適用於照片,並受到許多程式的支援。檢查壓縮後的精細文字和邊緣。

影像工具建立靜態影像。重新編碼可以改變品質、顏色設定檔和元資料;遺失的詳細資訊將無法恢復。

JPG 不支援透明度。透明區域接收選定的背景顏色。更高的品質並不能保證更小的文件。

所選的品質既不能保證較小的文件,也不能保證無損輸出。動畫不會被保留。

開啟工具 →

將 PNG 轉換為 WEBP

為網頁準備透明圖形,並以選定的品質檢查其邊緣和文字。

範例

graphic.png → graphic.webp
  1. 選擇 PNG 格式的檔案。每批最大檔案數:100。
  2. 查看輸出品質(%), 最大寬度(px,0 = 原寬度), 最大高度(px,0 = 原始高度),然後開始處理。
  3. 下載 WEBP 結果並檢查其內容和品質。
要檢查什麼

PNG 是一種具有無損壓縮和 Alpha 透明度的光柵格式。它適合螢幕截圖、圖表和圖表。列印前檢查像素尺寸。

影像工具建立靜態影像。重新編碼可以改變品質、顏色設定檔和元資料;遺失的詳細資訊將無法恢復。

PNG 可以無損保存,但照片來說可以更大。 PNG 不會傳回已遺失的 JPG 或 WebP 詳細資料。

所選的品質既不能保證較小的文件,也不能保證無損輸出。動畫不會被保留。

開啟工具 →

將 WEBP 轉換為 PNG

為需要 PNG 的編輯或提交工作流程建立 PNG 副本。輸出可以大於來源。

範例

graphic.webp → graphic.png
  1. 選擇 WEBP 格式的檔案。每批最大檔案數:100。
  2. 查看最大寬度(px,0 = 原寬度), 最大高度(px,0 = 原始高度),然後開始處理。
  3. 下載 PNG 結果並檢查其內容和品質。
要檢查什麼

WebP 支援有損和無損影像、透明度和動畫。個別工具僅支援其中的一部分。 JPG 有助於相容性,PNG 有助於透明靜態影像。

影像工具建立靜態影像。重新編碼可以改變品質、顏色設定檔和元資料;遺失的詳細資訊將無法恢復。

所選的品質既不能保證較小的文件,也不能保證無損輸出。動畫不會被保留。

PNG 可以無損保存,但照片來說可以更大。 PNG 不會傳回已遺失的 JPG 或 WebP 詳細資料。

開啟工具 →

將 SVG 轉換為 PNG

將向量標誌轉換為文件圖像時設定像素尺寸。引用外部資源的 SVG 受到限制。

範例

logo.svg + 寬度/高度 → logo.png
  1. 選擇 SVG 格式的檔案。每批最大檔案數:50。
  2. 查看寬度(像素), 高度(像素),然後開始處理。
  3. 下載 PNG 結果並檢查其內容和品質。
要檢查什麼

SVG 使用 XML 描述向量圖形。它適用於線條、符號和圖表。匯出為 PNG 時,選擇固定像素尺寸;後製放大可能會模糊邊緣。

影像工具建立靜態影像。重新編碼可以改變品質、顏色設定檔和元資料;遺失的詳細資訊將無法恢復。

腳本、外部引用和不安全的 SVG 結構都會被拒絕。 PNG 是光柵影像,不能無限縮放。

PNG 可以無損保存,但照片來說可以更大。 PNG 不會傳回已遺失的 JPG 或 WebP 詳細資料。

開啟工具 →

將 BMP 轉換為 PNG

將點陣圖儲存或共用為 PNG 格式,而不添加 JPEG 樣式的壓縮。

範例

繪圖.bmp → drawing.png
  1. 選擇 BMP 格式的檔案。每批最大檔案數:1。
  2. 查看最大寬度(px,0 = 原寬度), 最大高度(px,0 = 原始高度),然後開始處理。
  3. 下載 PNG 結果並檢查其內容和品質。
要檢查什麼

影像工具建立靜態影像。重新編碼可以改變品質、顏色設定檔和元資料;遺失的詳細資訊將無法恢復。

瀏覽器必須能夠讀取對應的 BMP 變體。調色板和元資料可能會發生變化。

PNG 可以無損保存,但照片來說可以更大。 PNG 不會傳回已遺失的 JPG 或 WebP 詳細資料。

開啟工具 →

將 GIF 轉換為 PNG

使用文件或縮圖中 GIF 的第一幀。這不會將完整的動畫提取到多個 PNG 中。

範例

動畫.gif → first-frame.png
  1. 選擇 GIF 格式的檔案。每批最大檔案數:1。
  2. 查看最大寬度(px,0 = 原寬度), 最大高度(px,0 = 原始高度),然後開始處理。
  3. 下載 PNG 結果並檢查其內容和品質。
要檢查什麼

影像工具建立靜態影像。重新編碼可以改變品質、顏色設定檔和元資料;遺失的詳細資訊將無法恢復。

僅儲存第一張圖像。不支援所有單一圖像的動畫和匯出。

PNG 可以無損保存,但照片來說可以更大。 PNG 不會傳回已遺失的 JPG 或 WebP 詳細資料。

開啟工具 →

將 AVIF 轉換為 JPG

將 AVIF 轉換為需要 JPG 的應用程式。您的瀏覽器必須能夠解碼來源 AVIF。

範例

照片.avif → photo.jpg
  1. 選擇 AVIF 格式的檔案。每批最大檔案數:30。
  2. 查看輸出品質(%), 背景顏色, 最大寬度(px,0 = 原寬度), 最大高度(px,0 = 原始高度),然後開始處理。
  3. 下載 JPG 結果並檢查其內容和品質。
要檢查什麼

影像工具建立靜態影像。重新編碼可以改變品質、顏色設定檔和元資料;遺失的詳細資訊將無法恢復。

AVIF 支援取決於瀏覽器。 HDR 和擴充色彩空間可以改變結果。

JPG 不支援透明度。透明區域接收選定的背景顏色。更高的品質並不能保證更小的文件。

開啟工具 →

將 AVIF 轉換為 PNG

建立支援的 AVIF 的 PNG 編輯副本。新的儲存格式不會恢復遺失的來源細節。

範例

圖形.avif → graphic.png
  1. 選擇 AVIF 格式的檔案。每批最大檔案數:30。
  2. 查看最大寬度(px,0 = 原寬度), 最大高度(px,0 = 原始高度),然後開始處理。
  3. 下載 PNG 結果並檢查其內容和品質。
要檢查什麼

影像工具建立靜態影像。重新編碼可以改變品質、顏色設定檔和元資料;遺失的詳細資訊將無法恢復。

AVIF 支援取決於瀏覽器。 HDR 和擴充色彩空間可以改變結果。

PNG 可以無損保存,但照片來說可以更大。 PNG 不會傳回已遺失的 JPG 或 WebP 詳細資料。

開啟工具 →

將 ICO 轉換為 PNG

在文件或編輯器中使用圖示影像。透過多種 ICO 尺寸,匯出瀏覽器選擇的圖像。

範例

app.ico → 選取的圖示 image.png
  1. 選擇 ICO 格式的檔案。每批最大檔案數:50。
  2. 查看最大寬度(px,0 = 原寬度), 最大高度(px,0 = 原始高度),然後開始處理。
  3. 下載 PNG 結果並檢查其內容和品質。
要檢查什麼

影像工具建立靜態影像。重新編碼可以改變品質、顏色設定檔和元資料;遺失的詳細資訊將無法恢復。

ICO 可以包含多種圖像尺寸。匯出瀏覽器選擇的圖像,而不是單獨匯出每個尺寸。

PNG 可以無損保存,但照片來說可以更大。 PNG 不會傳回已遺失的 JPG 或 WebP 詳細資料。

開啟工具 →

HEIC 轉 JPG

將受支援的 HEIC 或 HEIF 靜態照片共用為 JPG。不包括 Live Photo 影片和深度資訊。

範例

iPhone 靜態照片.heic → photo.jpg開啟工具 →

本指南介紹了公共網路工具及其支援限制。保留原件並檢查下載的結果。 Coverton · 更正及聯絡方式

此翻譯是在軟體協助下完成的。您也可以閱讀英文版本。 閱讀英文