Mermaid-zu-SVG-Konverter
Exportieren Sie Ihre Mermaid-Diagramme als skalierbare SVG-Vektorgrafiken. Perfekt für Web-Einbindung, Druckmaterialien und responsive Designs.
Mermaid-zu-SVG-Konverter
Mermaid-Code eingeben und dann mit der Schaltfläche Export als SVG herunterladen
Example
Mermaid to SVG example
A simple Mermaid flowchart showing how code becomes a live preview and exportable PNG.
Mermaid code
graph TD
A[User opens Mermaid Editor] --> B[Write Mermaid code]
B --> C{Preview looks right?}
C -- Yes --> D[Export PNG]
C -- No --> E[Edit diagram]
E --> BSo konvertieren Sie Mermaid zu SVG
Schreiben oder fügen Sie Ihren Mermaid-Diagrammcode im Editor ein
Sehen Sie die Vorschau des gerenderten Diagramms in Echtzeit
Klicken Sie auf SVG herunterladen, um die Vektordatei zu speichern
Oder kopieren Sie das SVG-Markup zum direkten Einbetten in HTML
Warum SVG verwenden?
Unendlich skalierbar
SVG-Bilder verlieren nie an Qualität, egal wie weit Sie hineinzoomen. Perfekt für Präsentationen und Druck.
Leichtgewichtig
SVG-Dateien sind typischerweise kleiner als PNG-Äquivalente und machen Ihre Seiten schneller ladbar.
Bearbeitbar
SVG ist XML-basiert, sodass Sie Farben, Schriften und Stile mit CSS oder JavaScript weiter bearbeiten können.
Barrierefrei
SVG unterstützt Textelemente, auf die Screenreader zugreifen können, was die Barrierefreiheit verbessert.
Häufig gestellte Fragen
Was ist der Unterschied zwischen SVG und PNG?
SVG ist ein Vektorformat, das unendlich ohne Qualitätsverlust skaliert, während PNG ein Rasterformat mit fester Auflösung ist. Verwenden Sie SVG für Web und Druck, PNG für soziale Medien und Messaging.
Kann ich SVG direkt in HTML einbetten?
Ja, Sie können das SVG-Markup kopieren und direkt in Ihr HTML einfügen. Sie können es auch als Bildquelle mit dem img-Tag verwenden.
Wird das SVG in allen Browsern gleich aussehen?
Ja, SVG wird in allen modernen Browsern gut unterstützt, einschließlich Chrome, Firefox, Safari und Edge.