# 操作步骤指南生成器
将步骤与本地截图排成带标注的操作指南，打印为 PDF，并导出独立 HTML 和可编辑项目。
> 标准页面: https://elysiatools.com/zh/tools/step-by-step-guide-builder
- **分类:** Document Tools
- **关键词:** 操作步骤指南生成器, 步骤, PDF, HTML
## 概述
将步骤与本地截图排成带标注的操作指南，打印为 PDF，并导出独立 HTML 和可编辑项目。
截图只在当前浏览器内处理。不自动保存：关闭、重新运行或打开新结果窗口前，请下载项目。
按步骤顺序填入空截图位，多出的图片新增步骤。仅按顺序配对，不做 AI 识别。
遮盖立即替换像素，无法撤销。清除标注不会恢复被遮盖的内容。
在打印对话框中选择“另存为 PDF”。如不需要，请关闭浏览器页眉页脚。
最多 30 步 · PNG/JPEG/WebP · 单图 10 MB · 处理后图片总量 20 MB。长截图分段打印。
图片高宽比不超过 30；每份报告最多 120 个打印片段、35 MB 生成图片数据。大图会缩小。
## 输入项
- **初始内容** (select)
- **编辑器语言** (select)
## 适用场景
- 需要为内部系统、软件工具或业务流程快速编制图文并茂的 SOP 规范时。
- 截图包含机密信息，需要纯浏览器本地处理且不将图片上传至服务器时。
- 需要按步骤快速排版长截图与操作说明，并输出为单文件 HTML 或打印为 PDF 时。
## 工作原理
- 选择初始内容为示例指南或空白模板，并指定编辑器界面语言。
- 按流程创建操作步骤，并按顺序导入 PNG、JPEG 或 WebP 格式的界面截图填充槽位。
- 使用内置工具对截图添加要点标记，或使用像素级遮盖工具永久抹除敏感数据。
- 通过浏览器打印对话框另存为 PDF，或导出单文件 HTML 与项目工程文件以便后续更新。
## 使用案例
- IT 运维人员为团队整理服务器远程连接与环境部署排错手册。
- 产品经理为新功能上线制作面向客户的图文操作指引与常见问题排查文档。
- 企业行政与 HR 制作新员工入职系统账号激活与办公软件配置指南。
## 常见问题
### 导入的截图会被上传到云端服务器吗？
不会，所有截图与标注均在当前浏览器本地完成渲染与处理，数据不会上传到任何服务器。
### 工具有自动保存草稿功能吗？
没有自动保存功能。在关闭标签页、重新运行或打开新窗口前，请务必先下载保存项目文件。
### 如何将制作好的指南导出为 PDF？
点击打印按钮呼出系统打印对话框，打印机选择“另存为 PDF”，并建议取消勾选浏览器自带的页眉页脚。
### 支持的图片数量和大小上限是多少？
整份指南最多支持 30 个步骤，单张图片限制 10 MB 以内，处理后图片总预算为 20 MB。
### 敏感信息遮盖后可以撤销恢复吗？
不可撤销。遮盖工具会直接替换像素数据，即使清除标注图层也无法还原被遮盖的原始内容。
## 相关工具
- [PDF表格排版引擎](https://elysiatools.com/zh/tools/pdf-table-layout-engine): 将结构化表格数据渲染为带重复表头与斑马纹的分页PDF
- [HTML转PDF（精确排版）](https://elysiatools.com/zh/tools/html-to-pdf-precise): 使用浏览器渲染HTML/CSS生成精确页眉页脚的PDF
- [HTML转PDF渲染器](https://elysiatools.com/zh/tools/html-to-pdf-renderer): 将有限HTML子集渲染为PDF
- [PDF页眉页脚片段](https://elysiatools.com/zh/tools/pdf-header-footer-snippets): 将HTML转换为PDF，并插入Logo/标题/日期等页眉页脚片段
- [PDF转HTML](https://elysiatools.com/zh/tools/pdf-to-html): 将PDF文档转换为HTML网页，保留格式和结构
- [HTML/CSS 排版转 PDF](https://elysiatools.com/zh/tools/pdf-typesetting-html-css-nojs-print): 从 HTML+CSS 直接排版多页印刷级 PDF：@page 尺寸/页边距、章节页眉、页码计数器、裁切与套准标记、出血。
- [深度研究 PDF 转 HTML 文章](https://elysiatools.com/zh/tools/deep-research-pdf-to-html-article): 把 ChatGPT 深度研究的 PDF 导出转成独立、适合阅读的 HTML 文章——标题、重排段落、独立公式,以及每个引用自动链接到来源。无需手动粘贴来源列表:引用本来就带在 PDF 里。
- [邮件HTML转PDF](https://elysiatools.com/zh/tools/libreoffice-html-mail-to-pdf): 将邮件HTML内容渲染为PDF并保留基础排版
## 示例
- [PDF示例](https://elysiatools.com/zh/samples/pdf-samples): 2026-02-01 到 2026-02-10 工具生成的PDF示例
- [Markdown 幻灯片示例](https://elysiatools.com/zh/samples/md-slide-deck-to-pdf): 用于测试 PDF 导出的 Remark/Marp 风格 Markdown 幻灯片
- [Test Pyramid Examples - 测试策略指导](https://elysiatools.com/zh/samples/test-pyramid-examples): 全面的测试金字塔实现示例，包括单元测试、集成测试、端到端测试、测试组织和平衡软件质量保证的战略测试模式
- [Contentful 基于云的CMS 示例](https://elysiatools.com/zh/samples/contentful-samples): 全面的Contentful示例，涵盖内容建模、API集成、Webhook、迁移和前端集成模式
## 相关内容
- [操作截图到可复核图文指南与培训交付](https://elysiatools.com/zh/hubs/screenshot-based-procedure-guide-review-and-handoff): 将一个获授权的操作任务整理成图文指南，人工核对步骤配图、敏感信息和独立试做结果，交付审核后的 HTML、打印 PDF 与可编辑项目。