縮小 PNG,同時保留實用細節
- 先辨認圖片內容。帶有可讀文字的螢幕截圖、標誌與圖形,先保留 PNG。照片則可考慮在編輯器裡匯出 JPG,或在目的地接受時改用 WebP。
- 檢查像素尺寸;若超過目的地需要,就在編輯器裡縮放副本。上傳之前,也可裁掉確實不需要的區域。
- 用 Bitinz 壓縮準備好的 PNG,並保留原格式。先用均衡檔;想試更小的結果時,再以同一份來源比較極致檔。保留 PNG 時,交付的檔案不會比上傳檔案更大。
- 目的地接受時,可用PNG 轉 WebP,再與壓縮後的 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 × 55 | 546 B | 349 B | 458 B |
| 玫瑰照片,400 × 301 | 125.4 KB | 26.6 KB | 8.0 KB |
單色圖形以壓縮 PNG 較小,照片則以 WebP 較小。除了大小,也要檢查畫面,特別是文字、漸層與透明邊緣。
檢查縮小後的檔案
- 圖片保留了預定用途需要的像素。
- 文字與細線在預定顯示尺寸下仍清楚可讀。
- 平滑漸層沒有明顯且干擾畫面的色階斷層。
- 透明邊緣在實際背景上看起來正確。
- 目的地接受所選格式,也支援需要的透明度。
- 已比較實際檔案大小,並保留原始檔。
畫質取捨可參考有損與無損壓縮的差別。若檔案未變或出現轉換提示,請看壓縮結果排查指南。
FAQ
- PNG 檔案為什麼這麼大?
- 較大的尺寸、照片細節、雜訊、漸層或高位元深度,都可能增加資料量。先確認實際像素尺寸,再把壓縮 PNG 與適合照片的格式比較。
- 壓縮 PNG 一定是無損嗎?
- PNG 編碼本身是無損,但壓縮或編輯圖片仍可能改變可見細節。需要精確細節時,請保留原始檔,並檢查匯出的圖片。
- PNG 照片應該轉成 JPG 還是 WebP?
- 照片可比較目的地接受的 JPG 或 WebP,與壓縮後的 PNG。JPG 請在圖片編輯器裡匯出;必須保留透明度時,選 PNG 或 WebP。
- 透明 PNG 也能變小嗎?
- 縮小不必要的尺寸,並壓縮工作副本。目的地接受 WebP 時,也可一併比較;請使用實際背景來檢查透明邊緣。
本文用到的工具
資料來源
以上數字於 2026年10月23日 對照各平台官方頁面核對。平台規則會調整,依賴某個上限之前,請先查看對應的官方頁面。