Mermaid2Img
在线编辑和图片导出

支持实时预览的 Mermaid 在线编辑器

用文本创建 Mermaid 图表，输入时实时预览，从模板开始，并在不上传图表代码的情况下导出高质量图片。

打开 Mermaid 在线编辑器浏览模板

试用 Mermaid 在线编辑器

flowchart TD
  A[从 Mermaid 代码开始] --> B{需要图片？}
  B -->|PNG| C[导出用于文档]
  B -->|SVG| D[导出矢量图]
  B -->|PDF| E[导出用于分享]
  C --> F[可用于文档]
  D --> F
  E --> F

什么是 Mermaid 在线编辑器？

Mermaid 在线编辑器让你在浏览器里编写 Mermaid 语法、实时查看图表、从模板开始，并导出 PNG、JPG、SVG 或 PDF。Mermaid2Img 还提供样式控制、本地历史和多种图表模板。

编辑时实时预览

一个页面导出 PNG/JPG/SVG/PDF

支持模板、主题、缩放、拖拽和本地历史

Mermaid 代码只在浏览器中处理

不只是 Mermaid 在线预览

Mermaid2Img 把在线编辑器、模板、样式控制、本地历史和多格式导出放在一个工作台里，适合文档、产品和工程团队反复使用。

实时预览 Mermaid 语法和布局
PNG、JPG、SVG、PDF 一站式导出
22 种图表模板覆盖主流文档场景
浏览器本地处理，适合私密图表

选择合适的 Mermaid 导出格式

Mermaid2Img 可以把同一张图导出为不同格式，先按使用场景选择，再下载会更稳。

PNG
README、工单、文档和聊天分享

需要兼容性最强、显示清晰的位图时，优先用 PNG。

JPG
小文件和快速分享

不需要透明背景，只想得到更轻量预览图时，用 JPG。

SVG
网页、矢量文档和设计交付

需要无限缩放、可选中文字或后续再调整样式时，用 SVG。

PDF
打印、方案文档和演示材料

图表需要作为正式文档附件流转时，用 PDF。

如何使用

1

粘贴 Mermaid 代码，或从模板开始。

2

查看实时预览，并根据语法提示修正。

3

导出为 图片，或打开完整工作台使用高级控制。

常见问题

什么是 Mermaid 在线编辑器？

Mermaid 在线编辑器可以让你编写 Mermaid 文本语法，并即时渲染成流程图、时序图、ER 图、甘特图等图表。

编辑器里可以导出图表吗？

可以。Mermaid2Img 支持在浏览器中将 Mermaid 图表导出为 PNG、JPG、SVG 和 PDF。

Mermaid2Img 只是编辑器吗？

不是。它把 Mermaid 在线编辑器、实时预览、模板、样式控制、本地历史和图片导出整合在一个工作台里。

立即在线编辑和导出

下面的编辑器可直接试用；需要更多主题、尺寸和背景控制时，可打开完整工作台。

Loading editor...