术语
截图模板
截图模板是一组可重复使用的截图设置，包括视口尺寸、格式、质量和标注规则，用来保证多次截图的结果一致。
模板为什么重要
手动操作很难保持一致。团队如果没有共用设置，每张截图都会略有不同：视口宽度不同、缩放级别不同、格式也不同。这会让文档显得不专业，也会使 QA 中的视觉对比失去可靠性。
模板把正确设置保存一次，之后反复使用，从而解决这个问题。截图人不必记住正确的视口宽度，也不用判断输出应该是 PNG 还是 WebP，这些都由模板处理。
截图数量越多，节省的时间越明显。手动设置一张截图只需几秒，但 50 张截图就要把同样的决定重复 50 次。使用模板截取 50 张图，无需反复配置，只需选择目标并截图。
模板也能降低新成员上手的难度。新加入团队的人从第一天起就能使用相同模板，做出符合团队标准的截图，无需先理解每项设置背后的原因。
模板包含哪些设置
- 视口尺寸——截图区域的宽度和高度，确保每张图都呈现相同的布局断点。
- 设备像素比——控制以 1 倍还是 2 倍（Retina）分辨率截图，会影响清晰度和文件大小。
- 输出格式与质量——PNG 适合无损界面截图，WebP 适合针对 Web 优化的素材，JPEG 适合摄影内容；质量设置则控制压缩程度。
- 延迟和等待条件——工具在截图前等待多久，或必须等到哪些页面元素可见后才触发。对于包含动画或懒加载内容的页面，这一点很重要。
- 标注规则——预先定义说明标记、箭头和高亮的样式，让所有带标注的截图保持视觉一致。
- 命名规范——在输出文件名中加入日期、URL 别名或视口尺寸，不必打开文件就能辨认内容。
例如，网站审核模板可以锁定 1440 px 视口、PNG 输出、短暂延迟，以及包含 URL 别名的文件名。文档模板则可以采用更紧凑的裁剪、标准标注和较小的导出尺寸，适用于帮助中心页面。
模板与手动设置
偶尔只截取一两张图时，手动设置已经足够。选择视口、设定格式、截图，然后继续下一项工作。对于单张图，这点额外操作并不多。
问题会在规模扩大后出现。为产品发布、文档更新或跨浏览器测试截取一组画面，意味着要把同样的设置重复几十次。每次重复都可能出错，例如视口略有不同、遗漏某项设置或格式不一致。
模板可以彻底消除这类错误，也让工作更容易交给他人。无需写下“以 1280 × 800、PNG、2 倍分辨率和 500 ms 延迟截图”等操作说明，只要分享模板即可。接收者应用模板后，每次都能得到相同结果。
支持命名和分享模板的截图工具，可以把依赖个人经验的截图工作变成可重复流程。团队中的任何人都能得到一致结果，不需要专门知识。
常见错误
- 模板过于死板。 如果模板锁定了包括 URL 或页面状态在内的所有设置，就会迫使用户绕过限制，失去模板的意义。只锁定需要一致的设置，其余保持灵活。
- 模板没有版本管理。 设计标准改变时，例如采用新的视口宽度或新的品牌标注颜色，旧模板会继续生成过时结果。应让模板与设计指南一起进行版本管理和更新。
- 维护的模板太多。 20 个差异细微的模板会让人无从选择。应整合为少量、名称清楚且用途不同的模板。
- 缺少说明。 名为“v2-final-new”的模板无法说明用途。应使用有意义的名称，并简要注明各模板的适用场景。
常见问题
截图模板和截图预设有什么区别？
这两个词常常可以互换，都指保存后可重复使用的一组截图设置。有些工具会把包含布局和标注规则的设置称为“模板”，把仅用于截图的简单配置称为“预设”。
模板可以包含标注设置吗？
可以。高级模板不限于截图尺寸和格式，还可以包含标注样式、水印位置、设备边框选择和输出命名规范，让截图与后期处理都保持一致。
一个团队应维护多少个模板？
数量应少而明确。多数团队只需要为两至四种常见场景准备模板，例如文档截图、社交媒体素材、应用商店图片和 QA 截图。模板过多会让人难以决定该用哪一个。
模板可以跨不同工具使用吗？
通常不可以。模板格式由各工具自行定义。不过，视口尺寸、格式和质量等底层设置是通用概念，因此迁移工具时可以用相同数值重新创建模板。
模板应锁定所有设置，还是允许覆盖？
模板应锁定需要一致的设置，例如视口尺寸、格式和质量；对于每次截图都可能变化的内容，例如 URL、页面状态或具体标注文字，则应允许覆盖。