Mermaid to Image

100%

Paste Mermaid code or Markdown containing a Mermaid code block.

Turn Mermaid flowcharts and other diagrams into images without uploading your source. Paste diagram code or load a Markdown file containing Mermaid blocks. Preview each diagram, then export it individually.

How to convert a Mermaid diagram to an image

  1. Paste Mermaid code, or load a UTF-8 Markdown or MMD file. Preview updates automatically after you pause typing.
  2. If the document has several diagrams, choose one above the preview. Open Options to set the theme, background, padding and output format.
  3. Download PNG for a raster image or SVG for a scalable diagram. PNG scale changes the exported resolution, not the diagram layout.

Mermaid to image FAQ

Does this convert an entire Markdown document to an image?

No. It extracts Mermaid code blocks from Markdown and exports one diagram at a time. Surrounding headings, paragraphs and ordinary code blocks are not included. Use Markdown Editor to preview the complete document.

Should I choose PNG or SVG?

PNG preserves the rendered appearance and works well in documents and presentations. SVG stays sharp when enlarged, but fonts may differ on another device. Both support transparent backgrounds; PNG offers 1× to 4× export scale.

Which diagrams can I render?

Common Mermaid diagrams include flowcharts, sequence, class, state and entity-relationship diagrams, Gantt charts and pie charts. Labels use available device fonts. Interactive callbacks, embedded HTML and external images are not supported.

Is processing local, and are there size limits?

Rendering and export happen in your browser. Input is limited to 200,000 characters, imported files to 200 KB, and documents to 20 diagrams. Each diagram allows 20,000 characters and up to 250 connections. PNG exports are limited to 8,192 pixels per side and 16 megapixels.

Related tools: Markdown Editor · Text to Image · Whiteboard

Code Formatters

Format and beautify Java, Python, JavaScript, JSON, HTML and more; adjust indentation, spacing and line breaks.

More tools

JSON & Data Tools

Inspect, compare and validate JSON; test JSONPath expressions, or convert data to CSV, YAML and XML.

More tools

Spreadsheet Tools

Open and edit CSV or Excel sheets, format tabular text, and convert CSV to Excel or SQL.

Markdown Tools

Write and preview Markdown, render Mermaid diagrams, and convert Markdown, HTML and tables between formats.

Text Tools

Compare passages, count words and keywords, sort or replace lines, and view DOCX text.

Audio Conversion & Playback

Convert between MP3, WAV, FLAC and more, play audio or raw PCM, and inspect or edit audio metadata.

Audio Editing & Effects

Trim, join or split recordings, remove silence or noise, and adjust volume, speed, pitch or channels.

More tools

Speech Tools

Transcribe audio to text, generate speech from text, or record your voice in the browser.

Video Tools

Convert and compress video, trim or join clips, resize frames, and extract audio.

More tools

Video Playback & Recording

Play local or streaming video, record your screen or camera, and use your camera as an online mirror.

PDF Tools

Compress or merge PDFs, split and rearrange pages, convert pages to images, and view or compare documents.

More tools

Image Tools

Convert image formats, resize or crop photos, compress files, compare pictures, and extract text with OCR.

More tools

Image Creation

Capture and beautify screenshots, turn text into images or GIFs, draw on a whiteboard, and create word clouds or favicons.

Subtitle Tools

Edit SRT or VTT captions with a video preview, shift timing, convert formats, and manage subtitle tracks.

More tools

Archive Tools

Open ZIP, 7Z, RAR or TAR files, extract selected contents, and create new archives with optional ZIP/7Z passwords.

Encoders | Decoders

Encode and decode Base64 or Base32, escape URLs, HTML and Unicode text, and inspect JWT contents.

More tools

Number Tools

Convert number bases and values between binary, decimal and hex; turn numbers into words or text into binary.

Calculators

Work out percentages and fractions, summarize statistics, and calculate grades, discounts or aspect ratios.

Time Tools

Show an online clock, run a countdown or stopwatch, and calculate dates, ages or time-zone differences.

Network Tools

Check your IP and IPv6 connection, inspect HTTP requests or HAR files, and calculate CIDR address ranges.

Unit Conversions

Convert length, weight, temperature, data storage and other units.

Color Tools

Convert HEX, RGB and HSL values, extract colors from an image, check contrast, or test your display with solid colors.

QR Codes & Barcodes

Generate and scan QR codes or barcodes, including QR codes for links and Wi-Fi networks.

Developer & Security Tools

Generate hashes, UUIDs and passwords, test regular expressions, create URL slugs and check file permissions.

More tools

Utility Tools

Check screen resolution and refresh rate, measure with a screen ruler, test keys, or read from a teleprompter.

Games

2048, Minesweeper, Sudoku, Gomoku, Tank Battle

More tools