指南

如何縮小 PNG 檔案

要縮小 PNG,先減少不必要的尺寸,再壓縮副本,仔細查看重要細節。螢幕截圖、標誌和透明背景可先保留 PNG;照片通常更適合 JPG 或 WebP。比較實際匯出的檔案時,特別留意細小文字、平滑漸層和透明邊緣,再選擇最適合用途的結果,讓檔案更輕,也保留需要看清楚的內容。

最後更新:

縮小 PNG,同時保留實用細節

  1. 先辨認圖片內容。帶有可讀文字的螢幕截圖、標誌與圖形,先保留 PNG。照片則可考慮在編輯器裡匯出 JPG,或在目的地接受時改用 WebP。
  2. 檢查像素尺寸;若超過目的地需要,就在編輯器裡縮放副本。上傳之前,也可裁掉確實不需要的區域。
  3. 用 Bitinz 壓縮準備好的 PNG,並保留原格式。先用均衡檔;想試更小的結果時,再以同一份來源比較極致檔。保留 PNG 時,交付的檔案不會比上傳檔案更大。
  4. 目的地接受時,可用PNG 轉 WebP,再與壓縮後的 PNG 比較。WebP 轉換為有損,因此除了大小,也要檢查畫面。
  5. 查看細小文字、細線和平滑漸層。把透明物件放到實際使用的背景上,檢查邊緣後再替換原檔。
圖片壓縮保持原格式壓縮 JPG、PNG 和 WebP,可以批次處理,免費使用。壓縮圖片

PNG 為什麼會很大

  • 照片細節與雜訊。 葉片、髮絲、布料與相機雜訊,都會讓畫面出現許多細微變化。PNG 能準確儲存這些內容,但適合照片的格式通常能存得更精簡。
  • 豐富色彩與平滑漸層。 簡單標誌存成 PNG 可能很小,精細插畫或柔和陰影則包含更多樣的圖片資料。應比較實際匯出檔,不要只憑檔名判斷。
  • 較高的位元深度。 16 位元 PNG 每個色彩通道能儲存的資訊比 8 位元 PNG 多。若編輯器可匯出較低位元深度,請先比較色彩與漸層,再決定是否使用。
  • 像素多於目的地所需。 查看檔案實際的寬與高,而不只看畫面上顯示的大小。來源遠大於預定用途時,縮放工作副本會更有幫助。

高密度螢幕截圖的實際像素,可能比 CSS 顯示尺寸所暗示的更多。裝置像素比為 2 時,以原生解析度擷取的圖片,寬與高都可能是 CSS 顯示區域的兩倍。請確認儲存檔案的實際尺寸,因為截圖工具與擷取設定可能不同。

依圖片內容選擇匯出方式

方式適合用途透明度比較重點
壓縮並保留 PNG螢幕截圖、標誌與銳利圖形支援縮小 PNG,同時檢查文字、線條與漸層
轉為 WebP相容網站上的照片或圖形PNG 成功轉換時會保留有損匯出,需比較畫面與實際大小
在編輯器裡匯出 JPG目的地接受 JPG 的照片不支援,請先選定背景照片通常較精簡,仍需檢查邊緣與細節

圖形與照片的實測比較

這些範例於 2026-10-23 測試,兩種輸出都在不改尺寸的情況下使用均衡檔。大小以 1 KB = 1000 位元組計算,並經四捨五入;小圖形則以 B 顯示精確位元組數。這些是測試圖片的範例,您的檔案會有不同結果。

範例輸入 PNG壓縮 PNG,均衡轉換 WebP,均衡
單色圖形,153 × 55546 B349 B458 B
玫瑰照片,400 × 301125.4 KB26.6 KB8.0 KB

單色圖形以壓縮 PNG 較小,照片則以 WebP 較小。除了大小,也要檢查畫面,特別是文字、漸層與透明邊緣。

檢查縮小後的檔案

  • 圖片保留了預定用途需要的像素。
  • 文字與細線在預定顯示尺寸下仍清楚可讀。
  • 平滑漸層沒有明顯且干擾畫面的色階斷層。
  • 透明邊緣在實際背景上看起來正確。
  • 目的地接受所選格式,也支援需要的透明度。
  • 已比較實際檔案大小,並保留原始檔。

畫質取捨可參考有損與無損壓縮的差別。若檔案未變或出現轉換提示,請看壓縮結果排查指南。

FAQ

PNG 檔案為什麼這麼大?
較大的尺寸、照片細節、雜訊、漸層或高位元深度,都可能增加資料量。先確認實際像素尺寸,再把壓縮 PNG 與適合照片的格式比較。
壓縮 PNG 一定是無損嗎?
PNG 編碼本身是無損,但壓縮或編輯圖片仍可能改變可見細節。需要精確細節時,請保留原始檔,並檢查匯出的圖片。
PNG 照片應該轉成 JPG 還是 WebP?
照片可比較目的地接受的 JPG 或 WebP,與壓縮後的 PNG。JPG 請在圖片編輯器裡匯出;必須保留透明度時,選 PNG 或 WebP。
透明 PNG 也能變小嗎?
縮小不必要的尺寸,並壓縮工作副本。目的地接受 WebP 時,也可一併比較;請使用實際背景來檢查透明邊緣。

本文用到的工具

資料來源

以上數字於 2026年10月23日 對照各平台官方頁面核對。平台規則會調整,依賴某個上限之前,請先查看對應的官方頁面。

  1. MDN: Window: devicePixelRatio property
  2. Apple: Crop, resize, or rotate an image in Preview on Mac
  3. Microsoft: Draw, create, and edit with Paint
  4. MDN: Image file type and format guide
  5. Google for Developers: An image format for the Web