How to convert Mermaid to PNG
- Paste or type your Mermaid code in the box above.
- Pick a theme, background and resolution.
- Click Download PNG, or Copy image to paste it straight into Slack, Google Docs or an email.
Why export Mermaid as PNG?
PNG is the most widely supported image format. It works in slide decks, wikis that don't render Mermaid, issue trackers, chat apps and email. Exporting at 2x or 3x keeps diagrams sharp on high-DPI (Retina) screens and when zoomed in presentations.
Tips for the best PNG output
- Use a transparent background when placing the diagram on coloured slides.
- Use 3x resolution for print or large presentations.
- Labels are rendered as SVG text for the export, so fonts stay crisp and nothing is clipped.
- Need vectors instead? Use the Mermaid to SVG converter or Mermaid to PDF.
Everything runs in your browser. Your diagram is never uploaded to a server when you convert it.
Frequently asked questions
Is the Mermaid to PNG converter free?
Yes, completely free with no watermark and no sign-up.
Can I export a PNG with a transparent background?
Yes. Choose Transparent in the Background menu before downloading.
What resolution are the PNG files?
You can export at 1x, 2x or 3x the diagram's natural size here. Inside the full editor, Pro users can export at up to 6x.
Is my diagram uploaded anywhere?
No. Rendering and PNG conversion happen entirely in your browser.
More free tools
- Mermaid to SVG — Convert Mermaid diagrams to clean, scalable SVG files online.
- Mermaid to PDF — Convert Mermaid diagrams to vector PDF files in your browser.
- Markdown Mermaid Viewer — Paste Markdown (README, docs, notes) and preview every ```mermaid code block as a rendered diagram.
- AI diagram generator — create Mermaid diagrams from text.