Back

PNG、JPG、WebP、BMP 有什麼差別?圖片格式選擇指南

分享照片可先選 JPG,文字截圖可先選 PNG,網頁圖片則可試試 WebP;只有軟體明確要求時才考慮 BMP。 JPG 與 JPEG 是相同格式,副檔名不同並不代表畫質不同。

選擇時應同時考量內容、檔案大小、透明背景與接收平台。以下結合 MergePictures 的合併、拼圖及浮水印工具說明。

PNG、JPG、WebP、BMP 比較表

格式壓縮與畫質透明背景適合用途
PNG無損壓縮,保留匯出畫面的像素細節;照片可能較大支援半透明文字截圖、圖表、透明 Logo
JPG / JPEG有損壓縮,適合照片;強壓縮可能產生色塊及邊緣雜訊不支援照片拼接、商品照片、分享
WebP格式支援有損與無損;本站目前以有損方式匯出支援半透明網頁配圖、需要控制大小的照片
BMP常見為未壓縮點陣圖,通常較大,也有壓縮變體不宜依賴跨軟體透明相容性明確要求 BMP 的舊軟體

大小取決於像素尺寸、內容複雜度、編碼器與品質設定。應實際匯出比較,不能保證 WebP 永遠最小或 PNG 永遠最大。

同一照片與文字範例以 PNG、JPG、WebP 匯出的實測大小及局部放大比較

範例以 Sharp 實際編碼:PNG 為無損,JPG 與 WebP 品質參數為 86。不同編碼器的品質數值不能直接等同。照片來源:NASA / scikit-image;文字為自製範例。數據並非瀏覽器匯出測試結果。

JPG 和 JPEG 有差別嗎?

.jpg 與 .jpeg 都使用 JPEG 編碼。同樣來源、編碼器與設定下,改副檔名不會提升畫質。MergePictures 的兩個選項都使用 JPEG 編碼,下載副檔名為 .jpg。

JPEG 適合連續色調照片,細字、細線與高反差邊緣則較容易出現壓縮痕跡。請保留原圖,在最後才匯出分享版本,避免多次有損儲存累積損失。

PNG 與 JPG:截圖和照片怎麼選?

聊天記錄、教學截圖與圖表優先選 PNG。 無損壓縮不會額外加入 JPEG 式壓縮雜訊,較適合保留文字邊緣。可搭配文件截圖合併指南製作長圖。

旅遊照、商品照與照片拼圖先試 JPG。 照片通常能取得實用的檔案大小;分享前按實際顯示尺寸檢查人臉、紋理與小字。

將模糊 JPG 轉成 PNG 不會還原已失去的細節,放大小圖也不會自動增加真正的清晰度。

什麼時候選 WebP?

WebP 獲得現代瀏覽器廣泛支援,適合網頁配圖與希望減少下載量的情境。它可能以較小檔案呈現接近 JPG 或 PNG 的視覺效果,仍須依內容與編碼設定比較。

本站目前匯出的是有損 WebP,不能視為無損。請先確認電商平台、辦公軟體或舊系統接受 .webp;相容性優先可選 JPG,文字細節優先可選 PNG。

透明背景也取決於工具

PNG 和 WebP 能儲存透明像素,JPG 不能。透明 Logo 轉 JPG 前,應先選定底色。

在圖片浮水印工具中可使用透明 PNG Logo;結果能否保留透明區域,取決於來源、格式與編輯過程。合併與網格拼圖工具目前會繪製背景,選 PNG 或 WebP 並不會自動產生透明畫布。

透明 PNG、WebP Logo 與白底 JPG Logo 在深色背景上的比較

BMP 和 PNG,以及本站的 BMP 選項

常見 BMP 不壓縮像素,通常比壓縮格式大,但不會比相同像素的 PNG 更清晰。除非接收軟體要求,通常選 PNG 較方便。

本站合併與拼圖工具選擇 BMP 時,目前實際下載 .png。 需要真正的 BMP,請用支援 BMP 編碼的軟體轉換並檢查結果。只把 .png 改名為 .bmp 不算格式轉換。

如何選擇匯出格式

  1. 開啟線上合併圖片或網格拼圖,選擇圖片並排序。
  2. 設定水平、垂直或網格版面,檢查尺寸、間距與背景。
  3. 選擇 PNG、JPG/JPEG 或 WebP,預覽並下載。
  4. 檢查實際大小、副檔名及細節,並在目標軟體開啟。浮水印工具提供 JPG、PNG、WebP,亦可調整 JPG / WebP 品質。

圖片在瀏覽器本機處理,圖片檔案無須上傳至伺服器。各工具選項以當前頁面為準。

常見問題

哪種格式最清晰?

PNG 適合保留目前畫面的像素細節,但效果仍取決於原圖、縮放及輸出尺寸,格式無法修復模糊。

哪種格式對 SEO 最好?

副檔名本身不會提升排名。應選瀏覽器支援的格式、合適尺寸與合理大小,搭配描述性檔名、準確 alt 文字及相關內容。WebP 可協助減少資源大小,PNG 適合文字或透明細節。

能匯出 GIF、AVIF 或 HEIC 嗎?

本文涉及的工具目前不提供這些匯出選項。能否讀取來源檔取決於瀏覽器及工具;可匯入不代表可匯出,也不能假設合併會保留 GIF 動畫。

為什麼轉換後反而更大?

已壓縮的 JPG 轉 PNG,或增加像素尺寸,都可能變大。請在相同尺寸下比較大小與可見畫質。

接著閱讀如何合併兩張圖片,或參考 MDN 圖片格式指南。