Mermaid zu Bild

100%

Mermaid-Code oder Markdown mit einem Mermaid-Codeblock einfügen.

Erstellen Sie Bilder aus Mermaid-Flussdiagrammen und anderen Diagrammen, ohne den Quelltext hochzuladen. Fügen Sie Diagrammcode ein oder laden Sie eine Markdown-Datei mit Mermaid-Blöcken. Prüfen und exportieren Sie jedes Diagramm einzeln.

So wandeln Sie ein Mermaid-Diagramm in ein Bild um

  1. 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.
  2. Bei mehreren Diagrammen wählen Sie eines über der Vorschau. Unter Optionen können Sie Design, Hintergrund, Rand und Ausgabeformat einstellen.
  3. 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.

Ähnliche Tools: Markdown-Editor · Text in Bild umwandeln · Online-Whiteboard

Code-Formatter

Java, Python, JavaScript, JSON, HTML und mehr formatieren und verschönern; Einrückung, Abstände und Zeilenumbrüche vereinheitlichen.

Weitere Tools

JSON- und Daten-Tools

JSON ansehen, vergleichen und prüfen, JSONPath-Ausdrücke testen oder Daten in CSV, YAML und XML umwandeln.

Weitere Tools

Tabellen-Tools

CSV- oder Excel-Tabellen öffnen und bearbeiten, tabellarischen Text formatieren und CSV in Excel oder SQL umwandeln.

Markdown-Tools

Markdown schreiben und als Vorschau ansehen, Mermaid-Diagramme darstellen sowie Markdown, HTML und Tabellen umwandeln.

Text-Tools

Texte vergleichen, Wörter und häufige Begriffe zählen, Zeilen sortieren oder ersetzen und DOCX-Text ansehen.

Audiokonvertierung und Wiedergabe

MP3, WAV, FLAC und weitere Formate umwandeln, Audio oder Roh-PCM abspielen sowie Metadaten ansehen oder bearbeiten.

Audiobearbeitung und Effekte

Aufnahmen schneiden, verbinden oder teilen, Stille und Rauschen entfernen sowie Lautstärke, Tempo, Tonhöhe oder Kanäle anpassen.

Weitere Tools

Sprach-Tools

Audio in Text transkribieren, Sprache aus Text erzeugen oder die eigene Stimme im Browser aufnehmen.

Video-Tools

Videos umwandeln und komprimieren, Clips schneiden oder verbinden, Bilder skalieren und Audio extrahieren.

Weitere Tools

Videowiedergabe und Aufnahme

Lokale oder gestreamte Videos abspielen, Bildschirm oder Kamera aufnehmen und die Kamera als Online-Spiegel nutzen.

PDF-Tools

PDFs komprimieren oder zusammenführen, Seiten teilen und neu anordnen, als Bilder exportieren sowie Dokumente ansehen oder vergleichen.

Weitere Tools

Bild-Tools

Bildformate umwandeln, Fotos skalieren oder zuschneiden, Dateien komprimieren, Bilder vergleichen und Text per OCR erkennen.

Weitere Tools

Bilder erstellen

Screenshots aufnehmen und gestalten, Text in Bilder oder GIFs verwandeln, auf dem Whiteboard zeichnen sowie Wortwolken oder Favicons erstellen.

Untertitel-Tools

SRT- oder VTT-Untertitel mit Videovorschau bearbeiten, Zeiten verschieben, Formate umwandeln und Untertitelspuren verwalten.

Weitere Tools

Archiv-Tools

ZIP-, 7Z-, RAR- und TAR-Dateien öffnen, einzelne Inhalte entpacken und neue Archive erstellen; ZIP und 7Z lassen sich mit Passwort schützen.

Encoder | Decoder

Base64 oder Base32 kodieren und dekodieren, URLs, HTML und Unicode-Text maskieren sowie JWT-Inhalte ansehen.

Weitere Tools

Zahlenwerkzeuge

Werte zwischen Binär-, Dezimal- und Hexadezimalsystem umrechnen, Zahlen ausschreiben oder Text in Binärwerte umwandeln.

Rechner

Prozente und Brüche berechnen, Statistikwerte zusammenfassen sowie Noten, Rabatte oder Seitenverhältnisse ermitteln.

Zeit-Tools

Online-Uhr anzeigen, Countdown oder Stoppuhr verwenden und Datums-, Alters- oder Zeitzonenunterschiede berechnen.

Netzwerk-Tools

IP-Adresse und IPv6-Verbindung prüfen, HTTP-Anfragen oder HAR-Dateien untersuchen und CIDR-Adressbereiche berechnen.

Einheitenumrechnung

Länge, Gewicht, Temperatur, Datenspeicher und weitere Einheiten umrechnen.

Farbwerkzeuge

HEX-, RGB- und HSL-Werte umrechnen, Farben aus Bildern entnehmen, Kontraste prüfen oder den Bildschirm mit Vollfarben testen.

QR-Codes und Barcodes

QR-Codes oder Barcodes für Links und WLAN-Netze erstellen und auslesen.

Entwicklungs- und Sicherheits-Tools

Hashes, UUIDs und Passwörter erzeugen, reguläre Ausdrücke testen, URL-Slugs erstellen und Dateiberechtigungen prüfen.

Weitere Tools

Dienstprogramme

Bildschirmauflösung und Bildwiederholrate prüfen, mit dem Bildschirmlineal messen, Tasten testen oder den Teleprompter nutzen.

Spiele

2048, Minesweeper, Sudoku, Gomoku, Panzerschlacht

Weitere Tools