深色模式截图

深色模式截图展示的是界面的深色外观：深色背景上的浅色文字和控件。在 macOS 上，外观在系统设置的“外观”中设置，可选“浅色”、“深色”和“自动”。“自动”会在一天中的不同时段于两者之间切换。

原生应用通常跟随系统设置，但很多应用也有自己的主题选项。网站通过 CSS 媒体特性 prefers-color-scheme 检测这一偏好，该特性定义于 Media Queries Level 5。没有深色样式的网站在两种模式下都显示浅色设计，因此系统设为深色并不能保证页面变暗。

深色模式截图为何重要

很多人的 Mac 或手机使用深色模式。只展示浅色界面的文档可能让他们感到困惑，因为颜色、边框和图标都不一样。产品页面和应用商店页面常常同时展示两种版本，以表明应用支持这两种外观。

截取两种模式

1. 选好要截取的界面，并固定窗口的尺寸和位置。
2. 将外观设为“浅色”，截取整套画面。
3. 切换到“深色”，确认目标应用已随之改变，再截取同样的一套画面。
4. 在文件名中加上 light 或 dark 后缀，使成对的图像保持对应。

Temposhot 按屏幕的实际显示内容进行截图。用同一套 Auto Capture 设置运行两次，每种外观各一次。Custom Area 截取源会在已保存的区域上重新打开，因此两组图像可以对齐。

深色模式与可读性

深色背景上的细浅色文字在图像缩小后会显得更单薄。大面积纯深色区域用 PNG 压缩效果很好。低质量的 JPEG 可能在深色渐变中出现色带，并在浅色文字周围出现光晕，因此请放大局部检查。如需清晰的文字，请使用 PNG Export (Lossless) 导出。

常见错误

• 在同一份指南中混用浅色和深色截图。
• 切换了系统外观，但应用仍保留自己的主题设置。
• 长时间截图时开着“自动”外观，导致运行中途外观发生变化。
• 将深色截图放在深色页面上且不加边框，使图像边缘难以辨认。

需要反复截取同样的画面？

将设置保存为预设，然后针对每种外观各运行一次。请参阅 Mac 截图自动化。

常见问题

为什么我的 Mac 是深色模式，网站却仍是浅色？

该网站可能没有深色样式，或者使用自己的主题切换开关，而不跟随系统偏好。截图前请检查网站的设置。

深色截图最适合用哪种格式？

PNG 能精确保留文字边缘。注重文件体积时，可使用高质量设置的 JPG。

参考资料

• Media Queries Level 5（W3C）
• Light-on-dark color scheme（维基百科）

相关资源

• 截图预设：保存并重复使用一套设置。
• 导出格式：PNG 和 JPG 选项。
• Compare Images：对比浅色和深色版本。