圖片品質指南:如何選擇正確的格式和壓縮方式

選擇錯誤的圖片格式或壓縮級別會從兩方面增加成本:網站上的照片模糊不清,或浪費大量頻寬。本指南將帶你了解為 JPEG、PNG 或 WebP 選擇合適的格式、目標檔案大小,以及為真正重要的平台調整圖片尺寸的實用決策樹。不講理論——只講 2026 年真正有效的規則。

30 秒決策:JPEG vs PNG vs WebP

從這裡開始。如果你從本指南中什麼都記不住,記住這個表:

何時使用 JPEG

具有平滑色彩漸變的照片、無透明需求、在螢幕上查看或按標準尺寸列印。JPEG 是有損的——會損失一些品質——但檔案大小節省巨大(通常比 PNG 的照片小 5-10 倍)。非常適合產品照片、旅遊照片、無文字的截圖。

何時使用 PNG

Logo、圖示、線條藝術、包含文字的截圖,或任何需要透明背景的圖片。PNG 是無損的——保留完美品質——但照片的檔案大小比 JPEG 大 5-10 倍。僅在真正需要銳度或 alpha 通道時使用。

何時使用 WebP

現代瀏覽器(2020 年以來的所有主流瀏覽器)、從自己網站提供的圖片、在相同視覺品質下想要比 JPEG 小 25-35% 的檔案。WebP 同時支援有損和無損模式,以及透明度。2026 年網頁效能的首選。

• 圖片轉換工具

  在瀏覽器中將 JPEG、PNG、WebP、GIF 和 HEIC 互相轉換。支援批次處理,無需上傳。

選擇目標檔案大小(而不是品質滑桿)

品質滑桿讓你猜測。目標檔案大小給你可預測的結果。以下是常見場景的正確大小:

電子郵件附件

大多數電子郵件使用者端限制附件總大小為 10-25 MB。如果傳送幾張照片,每張目標 200-500 KB。這能讓電子郵件保持快速,在慢速網路下也能工作。

網頁(主圖)

首屏主圖應低於 200 KB。首屏以下可以高達 500 KB。對任何初始渲染不可見的圖片使用延遲載入。

社群媒體

Instagram 推薦 1080x1350 像素、30-150 KB。Twitter 可處理高達 5 MB 的圖片,但在 1200x675 像素時顯示效果最佳。LinkedIn 接受高達 5 MB。匹配平台的首選尺寸——為 1080x1350 的顯示上傳 4000x3000 毫無意義。

列印

標準 4x6 英吋列印需要至少 1200x1800 像素、300 DPI。對於更大的列印,按比例放大。300 DPI 的 PNG 是理想選擇,可避免列印輸出中的 JPEG 壓縮偽影。

• 壓縮至指定大小

  設定精確的 KB 目標,工具會反覆調整品質,直到圖片達到該大小。適用於 JPEG 和 WebP。

先調整大小,再壓縮

上傳 5000x3000 像素的照片以 600x400 顯示,浪費了 87% 的像素。先調整大小,再壓縮。順序很重要:先壓縮大影像再調整大小,會在調整後的版本中留下壓縮偽影。始終先調整大小,再壓縮到目標大小。

常見的調整大小目標

電子郵件:最大 1200x900 像素。網頁縮圖:300x200。主圖:1920x1080。Instagram:1080x1080(方形)或 1080x1350(直式)。Twitter:1200x675。

• 圖片調整大小

  調整為精確的像素尺寸或按比例縮放。預設鎖定長寬比,防止變形。

涵蓋 95% 情況的三條規則

規則 1:WebP 優先,退回 JPEG

如果你控制平台(你的網站、你的部落格),使用 WebP。僅在需要相容老舊瀏覽器或電子郵件使用者端時才退回 JPEG。WebP 在相同感知品質下節省 25-35% 的頻寬。

規則 2:先調整大小,再壓縮,最後轉換

這是產生最小檔案、最佳品質的順序。首先調整大小到目標尺寸。然後壓縮到目標檔案大小。最後,如果目標平台支援,轉換為 WebP。在調整大小之前壓縮會留下偽影;在轉換之後調整大小會跳過最佳化機會。

規則 3:分享前剝離中繼資料

EXIF 中繼資料可以洩露 GPS 座標、相機序號和時間戳記。對於任何公開分享的圖片,都應剝離中繼資料。剝離不會降低可見品質——只會刪除隱藏的資料欄位。

• 圖片壓縮工具

  在瀏覽器中壓縮 JPEG、PNG、WebP 和 GIF。可調節品質滑桿,支援批次處理。

• 移除中繼資料

  在分享前剝離照片中的 EXIF、GPS 和相機中繼資料。支援批次處理。

常見問題

WebP 與 JPEG 相比會損失品質嗎?

在相同檔案大小下,WebP 比 JPEG 保留略多的品質。在相同品質設定下(兩者都設為 80),WebP 產生的檔案小 25-35%。使用 WebP 不會有明顯的品質損失。

截圖應該使用 PNG 嗎?

是的,PNG 是截圖的正確選擇,因為文字和銳利邊緣受益於無損壓縮。檔案大小的代價值得完美的清晰度。對於計劃在社群媒體上分享的截圖,以 90+ 品質轉換為 JPEG 以節省空間。

如何在不超出附件大小限制的情況下透過電子郵件傳送多張照片?

在附加之前將每張照片壓縮到 200-500 KB。對於 10 張照片,總共 2-5 MB——遠低於 Gmail 的 25 MB 限制和大多數企業電子郵件限制。使用壓縮至指定大小工具,每張照片目標 300 KB。

對於網頁圖片,72 DPI 和 300 DPI 有區別嗎?

對於螢幕顯示,DPI 無關緊要——螢幕顯示的是像素,而不是英吋。1200x800 像素的影像在 72 DPI 和 300 DPI 下在螢幕上看起來相同。300 DPI 保留給用於列印的影像。調整列印大小需要同時知道像素尺寸和列印尺寸。