把设计稿截图发给同事,对方说字发虚。原图在 4K 屏上很清晰,聊天窗口里一放大就糊成一片。

问题不在截图那一步,在后面存和传的环节。

先确认截的是原始像素

Windows 显示缩放设了 125%,截图工具抓到的是缩放后的画面,像素被拉伸过。临时把缩放调回 100%,或者用支持原始分辨率的工具,截完再调回去。

Win+Shift+S 截完直接进剪贴板,粘到聊天软件时又压了一次。要发原图,先存成文件再拖进去。

还有一种糊是缩放造成的:把 800 像素宽的图拉到 1600 像素显示,看图软件做插值,看着就是虚的。放大到 100% 再看一眼就能分辨,清楚说明原图没问题。

PNG 和 JPG 的差别

PNG 无损,适合界面、文字、线条图。JPG 有损,同一张图存成质量 80,文字边缘立刻出现杂色。

截图工具里「保存为」默认可能是 JPG,手动改成 PNG。文件大几倍,但发出去不被二次压缩就没问题。

聊天软件也会压

微信、QQ 发图片默认压缩,勾上「原图」才按原文件传。钉钉和企业微信有类似选项,找不到就在发送前点开图片设置。

发邮件附件比发图片可靠,邮件不会二次编码,对方下载下来就是原文件。

截图前顺手关掉夜间模式和护眼滤镜。这类功能会改屏幕色温,截出来的白色偏黄,发给客户还得解释半天。

校色和 HDR 的干扰

开了 HDR 的显示器,普通截图工具抓到的画面会发灰,色彩空间没转换。Win+Shift+S 在 HDR 下也会偏,临时关掉 HDR 最省事。

截图工具自带的延迟截图能避免鼠标指针入镜,需要展示操作步骤时反而要保留指针,看用途。

要归档一整套界面图,统一用 PNG 加固定宽度,后期做对比图省得逐张裁。

长截图和拼接

滚动截图是逐屏抓再拼,接缝处容易错位,页面有固定导航栏时尤其明显。拼完放大到 100% 检查接缝,比事后重截省时间。

要交给别人做标注,PNG 加一句原始尺寸说明,比丢一张压缩图省掉一半沟通。