按当前图表尺寸导出
将当前图表导出为固定像素图片；设备支持时，浏览器最多按渲染尺寸的两倍输出。
浏览器内图片导出
Mermaid 转 PNG 转换器
在线将 Mermaid 源码转换为 PNG，实时预览并导出适合演示文稿、工单、文档、聊天和其他图片分享场景的位图。
将 Mermaid 源码转换为 PNG
粘贴 Mermaid 源码，检查渲染结果，然后下载适合演示、工单、文档和图片分享的 PNG。
把 Mermaid 源码转换为通用图片
PNG 可用于演示软件、工单、聊天和无法渲染 Mermaid 源码或 SVG 的发布系统。
兼容常用平台
可上传到只接受普通图片、不支持 Mermaid 或 SVG 的工具。
实时 Mermaid 预览
修改源码时同步查看渲染结果，并在源码旁直接检查语法反馈。
无需本地安装
直接在现代浏览器中使用，无需安装 Mermaid CLI、桌面应用或编辑器插件。
继续使用 OnUML
将当前源码带入完整编辑器，继续使用 AI 生成、修复、分享和项目管理。
如何将 Mermaid 转换为 PNG
先渲染并检查图表，确认标签、布局和主题符合目标场景后再导出。
- 01
粘贴 Mermaid 源码，或修改默认时序图示例。
- 02
等待实时预览，并修复报告的语法问题。
- 03
选择与幻灯片、文档或聊天背景有足够对比度的主题。
- 04
检查标签大小和图表宽度，因为 PNG 导出后像素尺寸固定。
- 05
点击“下载 PNG”保存图片。
如何获得易读的 Mermaid PNG
PNG 便于分享但分辨率固定，导出前应检查布局、标签长度、颜色对比度和最终显示尺寸。
按最终尺寸设计
精简密集图表和过长标签，避免读者必须放大固定尺寸图片。
选择经得住分享的对比度
确保主题在目标背景以及平台压缩图片后仍然清晰。
保留 Mermaid 源码
PNG 是输出资源，不是可维护模型；保留源码才能继续修改和重新导出。
PNG 与 SVG 的选择
需要普通图片兼容性时选择 PNG，需要无损缩放、响应式显示或 SVG 工作流时选择 SVG。
Mermaid 转 PNG 示例
默认时序图展示源码、预览和 PNG 导出的过程，可以替换为自己的图表后下载。
sequenceDiagram
participant Author as 作者
participant Preview as 预览
participant Export as 导出
Author->>Preview: 粘贴 Mermaid 源码
Preview-->>Author: 渲染图表
Author->>Export: 下载 PNG保持图表可维护
比较 Mermaid 与 PlantUML 工作流
了解发布结果为 PNG 时，文本图表源码如何继续保持可评审和可维护。
阅读 Mermaid 与 PlantUML 对比 →相关 Mermaid 工具
继续使用通用编辑器，浏览本批工具目录，或用相关建模视角对照当前图表。
常见问题
如何将 Mermaid 转换为 PNG？
粘贴 Mermaid 源码，确认实时预览，然后点击“下载 PNG”保存当前图表。
导出的 PNG 使用什么分辨率？
PNG 按当前图表的渲染尺寸导出，并可使用最高 2 倍的设备像素比。需要任意缩放或超大尺寸展示时应使用 SVG。
可以把时序图导出为 PNG 吗？
可以，编辑器支持的时序图及其他 Mermaid 图表类型都可以渲染并下载为 PNG。
需要上传 Mermaid 文件吗？
不需要，可以直接在浏览器中粘贴或编辑源码并导出。
为什么导出的 PNG 看起来太小？
图表过密或标签过长时应先精简布局；需要任意缩放时可改用 SVG。
导出后需要保留 Mermaid 源码吗？
需要。源码是可维护版本，后续修改后可重新生成图片。