部落格

截圖存 PNG 還是 JPEG？我們實測了 63 張真實截圖

作者 InSnap · 發佈於 2026年10月30日 · PNG, JPEG, WebP, 檔案大小, 截圖格式, 截圖

對介面截圖來說，JPEG 常常不比 PNG 小。我們比較了 63 張真實截圖的 PNG、JPEG 與 WebP：檔案大小、文字瑕疵，以及真正能讓檔案變小的做法。

對於 App 視窗的截圖，JPEG 常常不比 PNG 小。在我們測試的 63 張真實介面截圖中，品質 85 的 JPEG 中位數只有 PNG 的 96%，而且有 40% 的圖片反而更大。要得到明顯更小的檔案，得把品質降到 70 或以下，而這會讓文字周圍出現光暈。

真正能省下空間的做法在別處：把 Retina 截圖縮放到 1x。這是應該最先想到的設定。

測量方式

我們以 Retina（2x）尺寸渲染了 63 張 InSnap 自己介面的截圖，每張 1840 × 1320 像素：20 個設定頁、18 個截圖歷史記錄畫面、7 個圖片編輯畫面、13 個指南編輯畫面，以及 5 個影片編輯畫面。存檔後的 PNG 中位數約為 195 KB。

每張圖都重新編碼成：經過最佳化的 PNG、品質 95、85、70 與 50 的 JPEG，以及無失真與有失真的 WebP。每個結果我們都記錄了相對於 PNG 的檔案大小，以及肉眼可見變化的像素比例，也就是任一色彩通道與原值相差超過 8（最大為 255）的像素。

這些都是平面的介面內容，也就是典型的「App 截圖」，不含照片。整個 Retina 螢幕的像素大約是這些視窗的三倍，所以你的截圖絕對大小會比這裡更大。

結果

有三點值得注意。

• 高品質的 JPEG 可能比 PNG 還大。 平塗色彩與銳利邊緣正是 PNG 壓縮效果最好、JPEG 最不擅長的地方。全彩度 JPEG（4:4:4）能讓彩色文字更乾淨，但檔案更大：品質 85 時為 PNG 的 93% 至 155%。
• 無失真 WebP 是最小的無失真選項，為 PNG 的 31% 至 55%。InSnap 只會儲存 PNG 或 JPEG，所以這裡說明的是其他編碼器能做到什麼，而不是你能在 InSnap 裡選的設定。上傳前請先確認你要上傳的地方接受 WebP。
• 每一步有失真的壓縮都會改變文字。 想要更小的 JPEG，代價正好落在你最在意的那些像素上。

品質 85 時，按鈕文字幾乎沒有差別，檔案大小也和 PNG 相同，所以沒有任何好處。品質 70 與 50 時檔案會縮小，但白色文字周圍會出現淡淡的光暈。

真正能讓截圖變小的做法

縮放勝過重新編碼。Retina 截圖的像素是 1x 截圖的四倍，而在 InSnap 中，這只需要一個選項就能做到。

平面的介面圖片本來就很好壓縮，所以像素數減少四分之三，PNG 只縮小了三分之一。不過，1x 加上 JPEG 的組合，是仍能讓文字清楚可讀的最小選項。

在 InSnap 中，開啟 設定 › 儲存，打開 Retina 截圖縮放為 1x，然後在那裡選擇圖片格式。詳細說明請見 PNG、JPEG 與剪貼簿格式，而檔案過大的完整檢查清單則在 截圖檔案太大無法上傳。

該用哪種格式

常見問題

截圖用 JPEG 會比 PNG 小嗎？

不一定。在我們的測試中，對於平面介面截圖，品質 85 的 JPEG 與 PNG 大小差不多，而且在 40% 的圖片中反而更大。品質降低時檔案才會變小，但文字周圍會出現看得見的瑕疵。

為什麼我的 JPEG 截圖比 PNG 還大？

截圖大多是平塗色彩與銳利邊緣。PNG 能非常有效率地儲存這些內容，而 JPEG 為了避免模糊，會在邊緣上花費更多位元。照片的情況則剛好相反。

把 Retina 截圖縮放到 1x 會損害畫質嗎？

寬高各減半，所以文字是用四分之一的像素來呈現。對說明文件、聊天與電子郵件來說沒有問題。若圖片之後會在 Retina 螢幕上檢視，或還要再裁切，就保留完整解析度。

截圖用 WebP 會比 PNG 好嗎？

在我們的測試中，無失真 WebP 的大小為 PNG 的 31% 至 55%，而且像素完全不變。InSnap 只儲存 PNG 或 JPEG，而且有些上傳服務不接受 WebP，所以轉換前請先確認目的地。

部落格的更多文章