FREE ONLINE MERMAID CONVERTER

Mermaid to PNG, made simple.

Buy me a coffee

Convert Mermaid code to transparent PNG, SVG or JPEG. Pick a theme. Download in high resolution.

No sign-up.
Just good diagrams.
THE WORKSPACE / A LITTLE ROOM TO THINK

Source

MERMAID
Rendering...7 lines / UTF-8
Your source stays yours

Rendering and downloads happen on your device. No diagram uploads, analytics, or saved drafts. Download your source before leaving.

Preview

LIVE
Light
TRANSPARENT CANVAS
Connecting the dots...
100%

Make it yours.

A fresh look. The perfect format.

File format
Background
.png
Waiting for diagram
A BETTER WAY TO EXPORT

Your diagram. Ready for anywhere.

Turn Mermaid.js text into images for documentation, presentations and project plans. No screenshots, no watermarks, no account.

How to convert Mermaid to PNG

  1. Paste your Mermaid code. Use the source editor above, import a .mmd file, or start with a flowchart, sequence or class-diagram example.
  2. Check the live preview. Fix any syntax feedback, then select a theme. The preview updates without sending your source anywhere.
  3. Choose PNG and your resolution. Keep Transparent enabled for slides and overlays. Adjust padding and the filename to suit your document.
  4. Download the image. The displayed pixel dimensions are the actual export size. Large diagrams keep the selected resolution rather than being silently shrunk.
Open the Mermaid converter

PNG, SVG or JPEG?

PNG

Documents, slides and transparent images

Lossless pixels keep diagram text and colors crisp. Supports transparent backgrounds and high-resolution exports at 1x through 4x.

SVG

Scalable diagrams and design tools

Vector lines and text stay sharp when resized. Export a self-contained SVG for compatible documentation tools, websites and design software.

JPEG

When your destination requires JPEG

A maximum-quality JPEG with a solid theme-colored background. For precise text and transparency, PNG or SVG is usually the better choice.

Eight themes, every export format.

Choose Light or GitHub for bright documents; Dark, Dracula, Tokyo Night, Nord or Catppuccin for darker layouts; or Solarized for a warm palette. The same selection applies to PNG, JPEG and SVG. Custom Mermaid class colors still take precedence.

  • Light
  • Dark
  • Dracula
  • Tokyo Night
  • Nord
  • Catppuccin
  • GitHub
  • Solarized
GOOD QUESTIONS

Mermaid export, explained.

Is this Mermaid to PNG converter free?

Yes. The editor and PNG, JPEG and SVG downloads are free, with no account and no watermark. Optional Buy Me a Coffee contributions help cover hosting costs; they never unlock or restrict features.

How do I export Mermaid with a transparent background?

Select PNG, turn on Transparent, and download. The checkerboard is only a preview: the file contains real alpha transparency, not a checkerboard pattern. SVG also supports transparency. JPEG does not, so it uses a solid background from your selected theme.

Which format gives the sharpest diagram?

Use SVG when you need vector graphics that stay sharp at any zoom. Use PNG for crisp text, exact colors and compatibility with documents or slides. Choose 2x, 3x or 4x for more pixels. JPEG is lossy, so even maximum-quality JPEG can soften fine text or colored edges.

Can I convert large Mermaid diagrams to high-resolution images?

Yes. Large PNG and JPEG exports are rendered in small tiles and encoded at the selected dimensions, without automatic downscaling. The processing budget is 256 megapixels and 1,000,000 pixels per side. JPEG has a 65,500-pixel side limit. Unsupported settings are explained before download; PNG or SVG can preserve larger diagrams.

Is my Mermaid source uploaded to a server?

No. Rendering and image conversion happen locally in your browser. There are no analytics or remote conversion APIs. The host receives normal requests for the website files, not your diagram code. Drafts are not saved automatically, so download the .mmd source before closing the tab.

Which Mermaid diagram types can I export?

Flowcharts, sequence diagrams, class diagrams, state diagrams, entity-relationship diagrams, mindmaps, timelines, pie charts and Gantt charts are covered by our browser checks. The editor uses Mermaid with strict security and text-only SVG labels. External images, HTML labels and source configuration overrides are not supported.

Can I share a diagram with someone else?

The Share diagram button creates an unlisted link containing compressed source and theme in the URL fragment. Anyone with that link can open and edit a copy. It is not encrypted, password-protected or revocable, and may remain in browser history. Do not share confidential source this way.

Mermaid Studio is an independent tool built with Mermaid.js, not the official Mermaid project. Need syntax help? Read the Mermaid syntax reference.

Private by design. Rendered on your device.Built for the way you think.✳