Mermaid zu Bild – Diagramme als PNG oder SVG exportieren

So wandeln Sie ein Mermaid-Diagramm in ein Bild um

Fügen Sie Mermaid-Code ein oder laden Sie eine UTF-8-Datei im Markdown- oder MMD-Format. Die Vorschau aktualisiert sich nach einer kurzen Eingabepause.

Bei mehreren Diagrammen wählen Sie eines über der Vorschau. Unter Optionen können Sie Design, Hintergrund, Rand und Ausgabeformat einstellen.

Laden Sie PNG als Rasterbild oder SVG als skalierbares Diagramm herunter. Die PNG-Skalierung ändert die Auflösung, nicht das Layout.

Häufige Fragen zu Mermaid-Bildern

Wird das gesamte Markdown-Dokument in ein Bild umgewandelt?

Nein. Das Werkzeug liest Mermaid-Codeblöcke aus Markdown und exportiert jeweils ein Diagramm. Umliegende Überschriften, Absätze und normale Codeblöcke werden nicht übernommen. Für die vollständige Dokumentvorschau verwenden Sie Markdown Editor.

Soll ich PNG oder SVG wählen?

PNG bewahrt die gerenderte Darstellung und eignet sich für Dokumente und Präsentationen. SVG bleibt beim Vergrößern scharf, aber Schriften können auf anderen Geräten abweichen. Beide unterstützen transparente Hintergründe; PNG bietet 1× bis 4× Skalierung.

Welche Diagramme kann ich darstellen?

Gängige Mermaid-Diagramme sind Fluss-, Sequenz-, Klassen-, Zustands- und Entity-Relationship-Diagramme sowie Gantt- und Kreisdiagramme. Beschriftungen nutzen verfügbare Geräteschriften. Interaktive Rückrufe, eingebettetes HTML und externe Bilder werden nicht unterstützt.

Erfolgt die Verarbeitung lokal, und gibt es Größenlimits?

Darstellung und Export erfolgen im Browser. Die Eingabe ist auf 200.000 Zeichen begrenzt, importierte Dateien auf 200 KB und Dokumente auf 20 Diagramme. Pro Diagramm sind 20.000 Zeichen und bis zu 250 Verbindungen erlaubt. PNG erlaubt maximal 8.192 Pixel pro Seite und 16 Megapixel.