JPG、PNG、WebP 怎麼選:轉換圖片格式前先看透明、大小和相容性

圖片格式轉換不是把副檔名改掉,而是把瀏覽器解碼後的點陣圖重新編碼成另一種格式。選錯格式會造成透明背景遺失、檔案變大、平台不接受或畫質再次損耗。本指南協助你在 JPG、PNG、WebP 之間做實際取捨,並說明 LocalTools 格式轉換器能做什麼、不能做什麼。

LocalTools 編輯團隊內容更新

轉換就是重新編碼

真正的格式轉換會讀取圖片內容,再寫出新的檔案類型。LocalTools 的格式轉換器使用瀏覽器可解碼的圖片作為輸入,透過 canvas 依原始解碼點陣圖尺寸重新繪製,再匯出 PNG、JPEG、WebP 或 AVIF。也就是說,它不會順便裁切、旋轉、改寬高或保留相機中繼資料。

這也解釋了為什麼檔案大小沒有固定答案。同一張圖轉成 WebP 可能更小,截圖轉成 JPEG 可能出現邊緣雜訊,JPG 轉 PNG 通常不會恢復已經遺失的細節。判斷格式,要先看圖片內容和使用情境。

什麼時候選 JPG

JPG 適合照片、商品圖、證件上傳和許多舊系統要求的圖片。它沒有透明通道,靠有損壓縮減少位元組;品質越低,檔案通常越小,但細節、文字邊緣和漸層可能出現可見損耗。對攝影類圖片來說,JPG 仍然是相容性最穩的選擇之一。

如果來源圖是帶透明背景的 PNG,轉 JPG 時必須決定透明區域要用什麼底色。目前共用格式轉換器在匯出 JPEG 前會鋪白底,避免透明區域被瀏覽器處理成黑色或不可預期的背景。白底適合表單、證件和一般頁面,但不適合仍要疊在彩色背景上的圖示。

什麼時候保留 PNG

PNG 更適合截圖、介面圖、線條圖、logo、QR code 和需要透明背景的素材。它常用於保留清晰邊緣和透明通道,但照片類內容轉成 PNG 可能明顯變大。PNG 不是「萬用高清格式」:如果原圖本來就是壓縮過的 JPG,轉 PNG 只能保存目前像素,不能恢復原先遺失的畫質。

格式轉換器在選擇 PNG 時不會顯示品質滑桿,因為 PNG 匯出不是依 JPEG/WebP 那種品質百分比運作。若目標是減少檔案位元組,保留 PNG 可能不是最佳路線;若目標是透明和清晰邊緣,PNG 往往比 JPG 合適。

什麼時候轉 WebP

WebP 常用於網站圖片,能在照片和透明圖形之間提供比較彈性的選擇。它支援透明,並有品質滑桿可調;但目標平台是否接受 WebP,要以實際上傳入口或使用環境為準。有些內容後台、舊軟體或協作流程仍要求 JPG 或 PNG。

如果你的主要目標是把一張圖片轉成 WebP,可以從 WebP 轉換器入口開始;它和通用格式轉換器共用介面,只是預設選中 WebP。不要把它理解成批次 WebP、無損 WebP、動畫保留或目標 KB 工具。

假設例子

假設你要處理三張圖:一張真人照片、一張透明 logo、一張網頁首屏配圖。真人照片如果要交給只收 JPG 的報名系統,選 JPG 並接受白底和有損壓縮更實際;透明 logo 應保留 PNG 或轉 WebP,避免轉 JPG 後透明變白;網頁首屏圖可嘗試 WebP,並在目標瀏覽器和後台中確認能正常顯示。

如果網頁首屏圖像素也過大,先調整尺寸再轉換格式會更清楚;如果只是格式不被接受,保持原始像素尺寸直接轉換即可。這個例子是工作流程示範,不代表某一種格式一定更小。

假設:三類圖片選擇目標格式

照片交表單選 JPG;透明 logo 保留 PNG 或試 WebP;網頁配圖可試 WebP,但要確認發布系統支援。

轉換器的邊界

目前工具一次處理一張圖片,不做批次、資料夾、ZIP、SVG/PDF/ICO/TIFF/HEIC/RAW 輸出,也不保留動畫。來源檔案能否開啟、WebP 或 AVIF 能否寫出,取決於訪客瀏覽器的編解碼支援;工具會檢查瀏覽器實際產生的 MIME 類型,無法寫出目標格式時會報錯。

canvas 重新編碼通常不會攜帶 EXIF、XMP、IPTC、ICC 等中繼資料。對需要精確色彩管理、攝影檔案保存或法律憑證類原圖的工作,不應只依賴這種輕量格式轉換。

常見問題

JPG 轉 PNG 會變成透明背景嗎?
不會。PNG 可以保存透明通道,但 JPG 來源圖沒有透明資訊,轉換不能憑空產生去背結果。
PNG 轉 JPG 後透明區域怎麼處理?
在共用格式轉換器裡,匯出 JPEG 前會鋪白底;這適合白底情境,但如果還需要透明,應選 PNG 或 WebP。
WebP 一定比 JPG 或 PNG 小嗎?
不一定。WebP 常用於減小網頁圖片,但最終位元組大小受內容、品質、瀏覽器編碼器和來源圖影響,需要看實際輸出。
圖片格式轉換

解碼和編碼都交給瀏覽器自己,圖片不離開這台裝置。

本頁的所有處理都在瀏覽器中完成,不會上傳任何內容。

開啟工具

參考資料

圖片壓縮與格式選擇