如何将现有截图转换为 Mac 上的分步指南

许多指南都从一个已有的截图文件夹开始：客服聊天中的截图、桌面上以时间戳命名为“Screenshot”的文件，或更早会话中的画面。无需重新录制，也能把它们转换为指南。

本文说明如何将这些图片导入 Temposhot 的文档、排列并命名页面，以及导出完成的指南。示例是一份在 Mac 上设置屏幕录制权限的指南。一位客服从两次会话中保存的 61 张截图开始，最终得到一份 16 页的指南。

1. 选择指南需要的截图

在访达中打开文件夹，只挑选显示某个步骤的图片。剔除重复图片、加载未完成的页面和误截的画面。每个操作对应一张干净的图片，比保留所有图片的指南更易阅读。

保留的文件需要按任务顺序添加数字前缀重命名，例如 01-open-settings.png、02-select-account.png。访达会按名称排序，文件名同时可作为页面的草稿标题。

导入前检查每张图片是否包含个人数据。现在剔除一张图片，比导出后在每个版本中逐一打码更省事。

以指南命名文件夹，例如 permission-guide，并在导出定稿前将被剔除的图片保存在子文件夹中。Temposhot 会将每张图片复制到文档中，因此导入后可以归档或移动原文件夹，不影响文档。

示例：61 个文件减至 14 页

客服最初的文件夹中有 61 个文件。筛选过程分四组处理了这些文件：

• 9 个与已保留画面重复的文件
• 11 个在对话框仍在加载时截取的帧
• 27 个来自其他任务、但保存在同一文件夹中的帧
• 14 个各显示一个步骤的帧

保留的 14 个文件成为指南的各个页面。其余 47 个文件保存在剔除文件夹中，客服之后无需在整个桌面中搜索即可恢复某个帧。

按名称和日期排序

访达可以按名称或创建日期排序。在单次会话中，创建日期有用；但当两次会话在时间上重叠，或文件从另一台 Mac 复制而来时，创建日期会失效，因为复制日期会替代原始截取时间。重命名后按名称排序，只在查找某次会话的第一个文件时使用日期。

2. 从图片创建文档

1. 打开 Documents

   按 Command+4 打开 Documents。

2. 选择图片

   打开 New Document 菜单，选择 Images…。

3. 选择文件

   在访达中选择重命名后的截图并确认。Temposhot 会将其复制到文档中，之后的编辑不会改动原始文件。

向已打开的文档添加图片时，在空白文档中使用 Upload images，或使用 Add Pages 菜单。来自早前 Temposhot 会话的帧通过 Add from Capture History 导入：选择会话，展开某个会话以纳入或排除其中的帧，然后选择 Add selected Frames。选择的顺序决定页面顺序。页面与导入指南介绍了每个选项。

为每个页面选择来源

Add Pages 菜单中的三种来源会生成不同类型的页面。使用下表判断每张截图应选择哪一种来源。

来自早前 Temposhot 会话的截图应使用 Add from Capture History。这些帧保留了所属会话，选择器只显示已完成截取的会话。来自其他应用的文件应使用 Upload images。

导入错误与修复

最常出现两类问题：

• 文件无法导入。PNG 和 JPG 文件可直接导入。其他格式请先转换，例如使用 Image Converter，然后导入转换后的副本。
• 同一画面在文档中出现两次。在页面菜单中选择 Delete page 删除副本。删除页面不会影响访达中的原始文件。

排序前检查数量

在排序前统计文档中的页数，并与保留的文件数量比较。示例中，导入后文档显示 14 页，与筛选时保留的 14 个文件一致。数量不符说明有文件被遗漏，或某次会话被重复添加。排序前打开每页的缩略图一次，确认图片已加载。

3. 将页面按任务顺序排列

Pages 面板列出所有页面。拖动页面即可重新排序，也可以在页面菜单中使用 Move up 和 Move down。当一张截图需要用于说明两个带有不同标记的步骤时，使用 Duplicate page 复制页面。Delete page 用于删除多余的页面。

从上到下阅读缩略图，判断读者仅凭图片能否跟完整个任务。如果缺少某个步骤，先记下来。之后可以在 Add Pages 菜单中使用 Capture new images… 补充截取。

排序的示例

14 个保留页面先在一轮中排序，然后在第二轮中检查。第一轮使用拖放，第二轮将每个标题与其显示的屏幕逐一核对：

指南最终为 16 页。页数有所变化，原因是两个屏幕各带有两个分别对应两个步骤的标记，因此每个屏幕各复制了一份；另有一个屏幕重复了确认对话框。

在中间插入新截图

通过 Capture new images… 得到的新截图会插入到所选页面之后，而不是放在末尾。选择缺失步骤之前的页面，打开菜单并执行截取。这样新帧会保留在正确位置，无需拖动。继续之前，先在缩略图条中确认结果。

重复页面的来源

重复页面通常来自两种情况：通过 Add from Capture History 重复添加了某次会话，或同一屏幕既被手动截取又被自动截取保存。删除页面前，检查每个缩略图下方的说明文字，它会显示标注数量。带有标记的页面不等同于干净的页面，即使两个屏幕看起来相似。

4. 为每个页面撰写直接的标题

选择一个页面，在 Page Inspector 中编辑其 Page title。标题以动词开头，并写明具体控件的名称：

• "打开 System Settings"
• "选择 Privacy & Security"
• "为应用开启 Screen Recording"

在 Page description 中填写细节：需要输入的值、操作后的变化或警告。导出 PDF 时，说明可以显示在每张截图之前或之后（Pro 自定义功能）。

按步骤类型设置标题格式

大多数步骤可归为四种类型。每种类型都有对应的标题格式，读者无需阅读说明即可在列表中找到操作。

步骤类型	格式	示例
打开屏幕	打开 + 屏幕名称	打开 System Settings
选择控件	选择 + 控件名称	选择 Privacy & Security
更改数值	开启或设置 + 数值	开启 Screen Recording
确认结果	检查 + 结果	检查应用是否出现在列表中

描述中应包含的内容

描述只补充标题未说明的内容。示例中，第 9 页的标题为“为应用开启 Screen Recording”，它的描述写道：“开启开关前，应用必须已出现在列表中。如果列表中没有该应用，请重启应用一次后再次检查。”标题给出操作，描述给出前提条件和下一步。

对照屏幕检查标题

将每个标题与对应截图放在一起阅读，不要凭记忆判断。标题中写了屏幕上没有的按钮名称，会让读者找错位置。示例中，标题检查在 16 页中发现 3 处不一致：一个按钮标题为“Allow”，屏幕上却显示“Open”；一个菜单名为“Privacy”，实际标签为“Privacy & Security”；还有一个步骤写的是“restart”，对话框上却是“quit and reopen”。导出前，在 Page Inspector 中修正每处不一致。

5. 只添加读者需要的视觉提示

导入的图片没有记录点击位置，因此 Focus on action 不适用于这些图片。使用 Framing（F）并选择 Custom，将每个页面裁剪到相关的窗口或面板，然后选择 Apply framing。

然后标出目标：

需求	工具
指向某个控件	Arrow（A）
框出一个区域	Rectangle（R）或 Ellipse（O）
显示点击位置	Click Marker（M，Pro）
为某个数值添加标签	Text（T）
隐藏私密数据	Blur（B，Pro）

通常每页一个标记即可。标注与 Framing 指南说明了每个 Framing 控件。

为每个页面选择一种提示

根据每个页面要回答的问题选择提示。回答“控件在哪里”的页面需要箭头；回答“要输入哪个值”的页面需要在字段上添加文本标签；包含密码字段的表单页面需要模糊处理。下图展示了一张截图的判断过程。

用自定义框裁剪对话框

权限对话框较小，位于屏幕中央，完整截图的大部分区域会被浪费。按 F 打开 Framing 编辑器，将 Mode 切换为 Custom，拖动取景框，使其包含对话框标题、开关以及读者需要按下的按钮。使用 Frame size 让同一章节各页的裁剪宽度保持一致，避免指南在不同缩放级别之间跳动。选择 Apply framing 保存裁剪。

小字的模糊强度

Blur 的 Blur strength 设置范围为 2 至 80，默认值为 12。从默认值开始，以导出尺寸检查页面，然后逐步提高数值，直到任何字符都无法辨认。编辑器中看起来足够的数值，在导出尺寸下仍可能让文字可读，因此也要检查导出后的页面。Blur strength 在 Object Inspector 中仍可编辑，因为标注不会改动原始图像。

6. 导出并检查完成的指南

选择 Export PDF 导出为单个文件。PDF 对话框打开时，封面页、步骤编号和页码均已开启。修改这些设置需要 Temposhot Pro。通过实时预览逐页检查标题和裁剪是否适合页面。

More export formats 可导出为 PNG、JPG 或 WebP 页面，文件以页面标题命名；也可导出为 ZIP 包，其中包含渲染后的 PNG 页面和 document.json。所有导出都使用当前的页面顺序、Framing 和标注。

如果只需要将图片合并为不含标题和标记的 PDF，可使用浏览器工具 Image to PDF，在浏览器中本地完成。

16 页指南的 PDF 设置

下列设置生成了示例 PDF。每个值都与默认值相同，因此示例无需更改。

横向页面适合宽窗口，纵向页面更适合较长的滚动窗口。先导出一页测试，再选择方向，并在整份指南中保持同一设置。

图片格式与文件名

根据页面的用途选择图片格式。PNG 能保持界面文字清晰，适合帮助中心或幻灯片。JPG 和 WebP 文件较小，在聊天或邮件中发送更方便。图片文件以页面标题命名，因此修改标题后，下次导出时文件名会随之更新。

编辑后重新导出

文档变化后，导出不会自动更新。修改页面顺序、Framing 或标注后，需要重新导出并替换旧文件。每次导出后文档仍可编辑，因此无需重新构建源文件。

让一位读者测试指南

请一位未参与编写的人员，在测试用 Mac 上仅依靠导出的 PDF 完成指南。记录其停顿的位置和页码。示例中，第一位读者在第 5 页停下，因为该步骤要求重启，而描述中没有提到。第二位读者约用 6 分钟完成了全部 16 页。修正读者停下的页面，重新导出后再分享。对于这种规模的指南，两位读者已足够，因为阻碍一位读者的缺口通常也会阻碍下一位。

以读者的尺寸检查

以读者实际看到的尺寸检查每个导出页面，而不是在预览中以高倍缩放查看。在 200% 缩放下清晰可读的标签，印在 A4 纸上可能过小。导出一份测试 PDF，以 100% 查看，并确认每个标题和标记都清晰可读。

分享 PDF

将导出的 PDF 发送给只需要按步骤操作的读者。文档由所有者保管，因为它包含可编辑的页面和每份原始副本。帮助中心需要每步一张图片时，改为导出 PNG 页面。

从点击录制下一份指南

从零散截图重建指南，比录制更耗时。下一项任务可以按 Command+3 打开 Action Capture，并选择 Start Action Capture。每次有效点击都会在点击前保存屏幕，并生成草稿标题，例如 Click "[[element-name]]"，还可以选择添加点击标记。录制结束后，文档会以已排好的顺序打开。参见如何从点击创建分步指南。

何时重建比录制成本更高

在示例中，客服在 61 个文件上花费了筛选、排序和标题编写的时间。录制同一项权限任务时，每次有效点击只保存一帧，因此筛选阶段需要处理的帧更少。当屏幕已经存在且任务无法重复时，例如客户会话中出现的缺陷，应使用截图重建。

常见问题

可以导入哪些图片格式？

macOS 截图默认为 PNG。PNG 和 JPG 文件可直接导入。如果某张图片无法导入，请先将其转换为 PNG 或 JPG，例如使用 Image Converter。

导入会改动原始文件吗？

不会。Temposhot 会将图片复制到文档中。编辑、裁剪和标注都只作用于副本。

可以把导入的图片与 Action Capture 页面混用吗？

可以。通过 Images…、Add from Capture History 或新截取，将页面添加到同一文档中，然后在 Pages 面板中重新排序。

能否添加截图中没有的步骤？

可以。选择缺失步骤之前的页面，然后从 Add Pages 菜单运行 Capture new images…。新帧会插入到所选页面之后。

为什么页面没有 Focus on action 选项？

Focus on action 需要记录点击位置。导入的图片以及没有点击位置的截取页面都没有该信息，因此应改用 Framing 并选择 Custom。

文档会在编辑时自动保存吗？

更改写入后，编辑器顶部会显示 Saved。离开编辑器前请等待该标签出现。如果 Save failed 一直显示，请保持 Temposhot 运行，释放一些磁盘空间，然后重新进行更改。

一份指南应包含多少页？

一份指南只涵盖一项任务。示例涵盖一项权限设置，共 16 页。超过约 20 页的指南通常包含两项任务，此时应使用单独的标题另写一份指南，读者更容易找到。

指南是否应包含失败路径？

当失败较常见时应包含。为错误消息添加一页，并简要说明修复方法。失败页面应放在导致失败的步骤之后，使读者先看到原因，再看到修复方法。

只修改受影响的页面，无需重建整份 PDF

屏幕发生变化时，只替换该页面：添加新图片或新截取，将其移动到正确位置，删除旧页面，然后重新导出。文档会保留其他页面、标题和标记。详情请参阅 Documents 页面。

为每个导出文件添加版本号，例如 permission-guide-v2.pdf。读者已收到的文件保持不变，版本名称可以说明读者手中是哪一份副本。

记录变更日志

在导出文件旁边，为每个被替换的页面记录一行：页码、原因和日期。例如：“第 9 页：对话框位置已变化，于 2026-05-20 用新截图替换。”该列表会告诉下一位编辑者哪些页面已修改以及修改原因，无需逐页比较两份 PDF。