為什麼我的截圖這麼大?一張文字的圖片贏過一張照片

Why Nov 1, 2026 4 min read

這感覺是反的。一張照片裝著一整個場景——幾千種顏色、枝葉、紋理、雜訊——而它只有 800 KB。一張幾乎全白、上面有些文字的頁面截圖,卻有 3 MB。比較簡單的那張圖是四倍大。

三件分開的事造成了這個,而且它們是相乘不是相加。

一:截圖是 PNG,而 PNG 是無損的

幾乎每個系統都把截圖存成 PNG,而它是無損的——它精確重現每一個像素,什麼都不丟。

你相機用的 JPEG 是有損的。它丟掉眼睛不太可能察覺的細節,而它巨大的體積優勢就來自那裡。照片對這件事很寬容:它的內容本來就不規則,所以近似很容易藏起來。

所以這個比較其實不是「簡單的圖對複雜的圖」。它是「什麼都沒丟對丟掉大部分」。

二:你的螢幕的像素是你以為的四倍

這通常是最大的因素,也是人們最沒意識到的那個。

在高密度顯示器上——任何近期的手機、多數筆電——螢幕回報一個方便的尺寸,實際上卻裝著多得多的物理像素。一台表現得像 1440 像素寬的筆電,橫向可能有 2880 個實際像素。

截圖抓的是物理像素。所以一個看起來 1000 像素寬的視窗,截出來是一張 2000 像素寬的圖:是你以為你抓到的那個的四倍像素量。打開一張截圖看看它的尺寸——那個數字通常會讓人意外。

三:寬色域

近期的 Apple 硬體和許多較新的手機,截取的是 Display P3 而不是 sRGB,而截圖會帶一個色彩描述檔來說明這件事。

相較於前兩項,它對體積的影響不大。要知道它的理由不一樣:它是為什麼一張截圖在別人用忽略描述檔的軟體打開時,會奇怪地過飽和。

別直接轉成 JPEG

這是最明顯的解法,而它通常是錯的。

JPEG 靠近似來壓縮,而它處理硬邊很糟。文字、視窗邊框、圖示和介面線條,除了硬邊什麼都不是。把一張文字截圖存成 JPEG,你會在每個字母周圍得到一圈灰暈,每條邊線旁邊有淡淡的振鈴。小字會變得明顯更難讀。

對一張介面截圖來說,PNG 真的是正確的格式。問題不在格式——問題在於沒有人對那張圖做過任何處理。

真正有效的做法

大致按省下多少排序:

裁切到真正要緊的部分。多數截圖是整個螢幕,而重點只是一個對話框。裁到相關的那四分之一,移除了四分之三的資料,畫質上什麼代價都沒有,而且讓收到的人看得更清楚。這幾乎永遠是能拿到的最大一筆。

減少顏色數量。一張照片可能含有十萬種不同的顏色。一個應用程式視窗的截圖可能只有兩百種。PNG 可以用 256 色調色盤存而不是全彩,這在介面內容上往往把檔案砍掉 60–80%,而且看不出任何差別。許多壓縮工具會自動做這件事;對截圖來說,這是單一最有效的一步。

縮到 1×。如果那張截圖是要用正常尺寸看、不是要拿來仔細端詳,把尺寸減半就移除了四分之三的像素。當精細細節要緊時保留完整解析度——比如一個「差一個像素的對齊」就是重點的 bug 回報。

改用 WebP。無損 WebP 通常產生比 PNG 小約 25% 的檔案,而像素完全相同。如果對方接受,那是白撿的。

把前兩項合起來,通常能把一張 3 MB 的截圖變成 200 KB 以內、而且看起來一模一樣的東西。

例外:含有照片的截圖

如果你截到的大部分是照片——一個被大圖主導的網頁、一個影片畫格——邏輯就翻過來了。那種內容是照片性質的,PNG 不適合它,而 JPEG 或有損 WebP 會小得多,而且沒有有意義的損失。

規則是關於內容,不是關於「它來自螢幕」這件事:硬邊和平塗顏色要 PNG;連續調要 JPEG 或 WebP。兩者混合的截圖要自己判斷,而有損 WebP 處理這種混合比 JPEG 好。

值得改掉的習慣

很多過大的截圖之所以存在,是因為有人把文字截圖下來,而不是把它複製起來。

一則以文字貼上的錯誤訊息大概 200 位元組。同一則訊息截成圖是兩 MB——大一萬倍——而且它不能被搜尋、選取、翻譯、被螢幕閱讀器念出來,也不能被那個想幫你的人複製到搜尋框裡。

當版面就是重點時截圖。當文字就是重點時複製文字。

速查

快速解決你的檔案問題: 圖片最佳化 立即免費使用 — 圖片最佳化 →