Mermaid in PNG oder SVG umwandeln

Fügen Sie Mermaid-Code ein und erhalten Sie ein Bild für Folien, Dokumente, README-Dateien oder Chats. Flussdiagramme sowie Sequenz-, Klassen-, Zustands-, ER- und Gantt-Diagramme werden direkt auf Ihrem Gerät gezeichnet, und Sie sehen das Bild vor dem Download.

Für immer kostenlos · Läuft auf Ihrem Gerät · 0 Bytes hochgeladen

.mmd-Datei auswählen oder hier ablegen · verlässt dieses Gerät nie

Mermaid-Code Speichern als PNG-Größe Design Transparenter Hintergrund

So verwenden Sie Mermaid als Bild

Fügen Sie Ihren Mermaid-Code ein oder wählen Sie eine .mmd- oder .md-Datei.
Wählen Sie PNG oder SVG, eine Größe und ein Design.
Klicken Sie auf „Bild erstellen“, prüfen Sie die Vorschau und laden Sie es herunter.

Auch praktisch für

Mermaid zu PNG
Mermaid zu SVG online kostenlos
Mermaid-Diagramm als Bild exportieren
Mermaid-Flussdiagramm in Bild umwandeln
Alternative zum Mermaid Live Editor

Mermaid-Beispiele zum Loslegen

flowchart

flowchart TD
    Start([Order placed]) --> Pay{Paid?}
    Pay -->|Yes| Ship[Pack and ship]
    Pay -->|No| Remind[Send a reminder]
    Remind --> Pay
    Ship --> Done([Delivered])

sequenceDiagram

sequenceDiagram
    participant U as User
    participant A as App
    participant S as Server
    U->>A: Log in
    A->>S: Check password
    S-->>A: OK
    A-->>U: Welcome back

classDiagram

classDiagram
    class Customer {
      +String name
      +String email
    }
    class Order {
      +String id
      +Date placedAt
      +total() Number
    }
    Customer "1" --> "*" Order : places

erDiagram

erDiagram
    CUSTOMER ||--o{ ORDER : places
    ORDER ||--|{ LINE_ITEM : contains
    PRODUCT ||--o{ LINE_ITEM : "appears in"

gantt

gantt
    title Website launch
    dateFormat YYYY-MM-DD
    section Build
    Design      :a1, 2025-01-06, 5d
    Development :a2, after a1, 10d
    section Launch
    Testing     :after a2, 4d

pie

pie title Where the week goes
    "Coding" : 45
    "Meetings" : 30
    "Reviews" : 15
    "Email" : 10

Privat by Design — und nachprüfbar

Ihre Dateien werden nie hochgeladen, weil es dafür keine Möglichkeit gibt.

Es gibt keinen Upload-SchrittDateien werden innerhalb dieses Browser-Tabs gelesen und geschrieben. Es gibt keinen Server, der sie empfangen könnte.
Der Browser erzwingt esDie Content Security Policy dieser Seite erlaubt nur Verbindungen zu dieser Website zurück, die außer der App selbst nichts ausliefert.
Überzeugen Sie sich selbstÖffnen Sie die Entwicklertools, beobachten Sie den Netzwerk-Tab und starten Sie einen Vorgang: Keine Anfrage enthält Ihr Dokument.
Open SourceJede Zeile Code ist auf GitHub einsehbar, basierend auf qpdf, pdf.js & pdf-lib.

Häufig gestellte Fragen

Werden meine Dateien irgendwohin hochgeladen?

Nein. Fizzdoc erledigt die Arbeit direkt in Ihrem Browser-Tab, mit Open-Source-Engines, die zu WebAssembly und JavaScript kompiliert sind. Ihre Datei wird von Ihrem Gerät gelesen, lokal verarbeitet, und das Ergebnis wird direkt wieder auf Ihrem Gerät gespeichert. Sie können das selbst überprüfen: Öffnen Sie die Entwicklertools Ihres Browsers, wechseln Sie zum Netzwerk-Tab und führen Sie einen Vorgang aus — keine Anfrage enthält Ihre Datei.

Welche Diagramme funktionieren?

Alles, was Mermaid zeichnen kann: Flussdiagramme, Sequenz-, Klassen-, Zustands-, Entity-Relationship- und Gantt-Diagramme, Kreisdiagramme, Mindmaps, Zeitleisten und Git-Graphen. Enthält der Code einen Fehler, sagt Ihnen die Meldung von Mermaid selbst, was zu korrigieren ist.

PNG oder SVG?

SVG bleibt in jeder Größe scharf und eignet sich am besten für Websites und Design-Tools. PNG funktioniert überall, auch in Word, PowerPoint und Chat-Apps; wählen Sie 2× oder 4× für scharfe Folien und Drucke.

Ist Fizzdoc kostenlos?

Ja, und das bleibt so: keine Anmeldung, kein Wasserzeichen, kein Tageslimit und keine Premium-Stufe. Fizzdoc ist Open Source unter der Apache-2.0-Lizenz, sodass jeder seine eigene Kopie betreiben kann.