Mermaid 转 PNG 转换器

输出图片带背景

深色主题导出使用深色背景，其他主题使用白色。请在导出前选择主题，并检查是否适合目标环境，当前工具不提供透明背景。

像素尺寸随渲染结果生成

导出使用渲染尺寸，并采用最高 2 倍浏览器设备缩放，不是固定 4K 输出，也没有任意指定宽高的控件。

密集图表需要调整布局

缩短标签、调整方向或把过大的说明拆成多张图。拉伸已导出的 PNG 不会增加细节。

保留源码并按需选择 SVG

保留 Mermaid 源码便于修改。如果目标支持 SVG，且图表需要在多种尺寸下保持清晰，可改用 SVG。

演示案例：适合放入工单的审批循环

这份变更审批示例包含一个判断、两条带标签的分支和一条重试回路。将完整源码粘贴到编辑器，先沿两条路径检查：拒绝后经过 Revise proposal 返回评审，通过后进入 Schedule release。把标签控制在实际工单显示尺寸下能读清的长度，再导出 PNG。

flowchart LR
    Request[Receive change request] --> Review{Approved?}
    Review -->|Yes| Release[Schedule release]
    Review -->|No| Revise[Revise proposal]
    Revise --> Review

先解决语法错误，再排查导出图片

预览提示解析失败时，检查首行是否声明 flowchart LR，以及矩形的方括号和判断节点的花括号是否配对。用 Review 这类稳定 ID 标识节点，显示文字写在括号中。带标点的标签可以加引号，例如 Step["Review (manual)"]。每次小范围修改后重新渲染；重复下载不能修复源码错误。

分别判断模糊、裁切和背景问题

先直接打开下载的 PNG 并查看图片尺寸。如果原图清楚，放进幻灯片后才模糊，应缩小显示尺寸，或在目标平台支持时改用 SVG。如果原图已经过密，缩短标签、把 LR 改成 TD，或拆分流程；预览缩放不是导出分辨率设置。若目标平台裁切图片，先检查它的适应或裁切选项。PNG 使用与主题相关的背景，放入浅色文档前应选择浅色主题并检查文字对比度。