截图怎么截才清楚：分辨率、格式与标注

截图糊掉，九成不是「没截好」，而是后面几步处理错了。

第一步：截图时就拿到物理像素

笔记本屏幕通常是 2 倍屏：逻辑分辨率 1440×900，物理面板 2880×1800。

系统截图工具（Win+Shift+S、macOS 的 Cmd+Shift+4）默认截的是物理像素，所以一张 800×600 的窗口，存下来是 1600×1200。这是好事 —— 放大看仍然锐利。

但有些场景会丢：

• 用浏览器插件或远程桌面截图，可能拿到的是逻辑像素
• 在缩放显示（125%、150%）下，部分工具会输出缩放后的图
• 微信 / QQ 截图后直接粘贴，会被压缩一次

判断方法：把截下来的图放大到 100%，看文字边缘是否有彩色毛刺或灰边。有，就是被重采样过了。

第二步：不要缩放

这是最容易出错的一步。为了「让文件小一点」把 1600px 缩到 800px，文字就从锐利变成模糊 —— 而且不可逆。

如果目标位置显示宽度是 800px，正确的做法是保留 1600px 原图，让它显示时缩小（2 倍屏下正好一一对应）。真要让文件变小，用格式和质量，不要动像素。

需要同时出两种规格（网页用 2x、邮件用 1x），用图片压缩与缩放批量导出，两边都保留一份原图。

第三步：格式选 PNG

内容	格式	理由
界面截图、带文字的图	PNG	无损，文字边缘干净
照片、复杂渐变	JPEG / WebP	PNG 会大好几倍
需要透明背景	PNG / WebP	JPEG 没有 alpha

界面截图存成 JPEG 的后果很具体：文字周围出现彩色噪点，放大看像蒙了一层雾。而且每存一次损失一次，改几轮就废了。截图一律 PNG。

反过来，PNG 也不是越小越好 —— 一张 2880px 宽的截图可能到 2~4MB。如果只是发到聊天窗口，压到 WebP 或降低质量是合理的，但先留一份 PNG 原图。

第四步：标注要指向而不是圈住

工单和文档里的截图，标注方式直接影响沟通效率：

做法	效果
红框圈住整片区域	读者还要自己找「圈里哪个是重点」
箭头指向具体某个元素	一眼定位
只画箭头不写文字	不知道要说这个元素「哪里不对」
箭头 + 一句短标注	最有效

三条实用规则：

1. 标注不要遮挡原始信息。箭头压在要说明的文字上，等于把信息盖掉了。
2. 一张图只说一件事。需要说明三个问题时截三张，比在一张图上画满箭头清楚。
3. 标上序号，正文里按序号说话，读者不用来回找。

第五步：暗色截图放进浅色文档

深色界面的截图放进白底文档，会出现两个问题：对比过强刺眼，以及打印出来一片黑。

处理办法：

• 需要打印的文档，改用浅色主题截图
• 只在线看的，给截图加一个 1px 浅灰边框，让边界清楚
• 大面积纯黑截图可以裁掉无关区域，减少黑色占比

长截图与滚动截屏

网页或列表需要完整呈现时，长截图比多张拼接好用，但要注意：

• 滚动截屏在懒加载页面会漏内容（滚过去才加载的部分可能截不到）
• 固定定位的导航栏会在每一屏重复出现，拼出来一串重影
• 高度超过约 8000px 的图，很多工具和聊天软件会自动压缩

遇到这些，改成「关键区域分几张截 + 文字说明」，比硬拼一张更好读。

需要从截图里取文字

截图里的文字没法直接复制。要提取出来用图片转文字（OCR）：清晰的正向截图识别率很高，斜着拍的屏幕照片、带反光的会明显下降。

提高识别率的三个做法：截原图不要缩放、避开深色主题下的细体字、只框需要的那一块（不要整屏丢进去）。

一份可以照着做的流程

1. 用系统截图工具（拿到物理像素）
2. 检查是否需要裁剪掉无关区域 —— 用图片编辑器
3. 存 PNG
4. 需要标注就在这一步加（箭头 + 一句话）
5. 要发网页或聊天，再另存一份压缩版
6. 原始 PNG 留着，改标注时不用重新截

顺序里最关键的是第 3 步和第 5 步分开：原图和交付图是两份文件，混成一份就再也回不去了。