为什么截图这么大
截图工具默认存 PNG,这是第一层原因。但更关键的是第二层:截图的内容类型让 PNG 特别难受。
PNG 的压缩靠“找到相同的像素并缩写”。一张风景照里,天空是渐变的,每个像素都有细微差别,但至少大片区域相似;而一张网页截图里,大面积是纯白的,剩下的是文字——文字的边缘是黑白之间的硬跳变,杂乱无规律。
结果就是:纯白部分能被压得很小,但那些文字边缘的像素几乎压不动。一张 4K 分辨率、满屏文字的截图,轻松 3–5MB。
还有第三层,也是最容易被忽略的:Retina 屏截图是 2 倍像素。
Retina 截图的隐藏浪费
在 Mac 的 Retina 屏或手机的高分屏上截一张 1440 宽的网页,实际得到的图片是 2880 像素宽。因为系统按物理像素截图,而物理像素是逻辑像素的两倍。
这意味着:你以为自己截了一张 1440 宽的图,其实是 2880 宽。像素数是四倍,文件体积也就大了约四倍——而这部分像素在你和别人的屏幕上,根本显示不出来。
所以最有效的一步不是降画质,是把尺寸缩回实际显示尺寸:
| 场景 | 截图原始宽度 | 建议缩到 |
|---|---|---|
| Mac Retina 全屏截图 | 约 2880–3456 | 1440–1728 |
| Windows 高分屏 | 约 2560–3840 | 1280–1920 |
| 手机截图(iPhone) | 1170–1290 | 不用缩 |
| 手机截图(安卓 2K 屏) | 1440 | 不用缩 |
缩到一半,画面在屏幕上看起来完全一样,因为屏幕本来就只有那么多物理像素。体积直接掉到四分之一。
含文字的截图:参数不能照抄照片
给照片用的那套参数(画质 80%、缩到 1600)用在文字截图上会出问题:字会发虚、边缘出现彩色噪点。原因是 JPG 的 8×8 块压缩在黑白跳变处最容易出错。
含文字截图的正确参数:
- 画质 92% 以上。文字对压缩最敏感,80% 就开始发虚了。别在这上面省。
- 尺寸按上表缩,不要额外再缩。文字缩小之后,笔画会粘连,这是物理限制,不是画质问题。
- 如果面积大、字又小,干脆保持 PNG。比如代码截图、表格截图、合同扫描件——PNG 体积大一点,但字是清晰的。这种场景下清晰度比体积重要。
判断标准很朴素:这张图发出去,对方是要“看”,还是要“读字”。看图就压狠一点,读字就别省。
长截图和滚动截图
长截图(把整个网页或聊天记录滚下来拼成一张)体积特别大,而且经常大到无法上传。它的问题是单边过长——可能 1080×12000。
处理思路和普通截图不同:
- 先分辨用途。如果要发给别人看,直接切成几段比强行压成一张更好读,也更清楚。
- 别整体缩。12000 高的图缩到宽度 800,字会彻底糊掉。正确做法是按宽度依次裁段,一段一张。
- 必须单张时,可以按目标大小压。填一个上限(比如 2MB),工具会自动找平衡点——长图的代价通常是尺寸被压得很小,要有心理准备。