Mermaid naar PNG of SVG converteren

Plak Mermaid-code en krijg een afbeelding voor presentaties, documenten, README-bestanden of chat. Flowcharts, sequence-, klasse-, state-, ER- en Gantt-diagrammen worden op je eigen apparaat getekend en je ziet het plaatje voordat je het downloadt.

Voor altijd gratis · Werkt op je eigen apparaat · 0 bytes geüpload

Kies een .mmd-bestand of sleep het hierheen · verlaat dit apparaat nooit

Mermaid-code Opslaan als PNG-grootte Thema Transparante achtergrond

Zo gebruik je Mermaid naar afbeelding

Plak je Mermaid-code of kies een .mmd- of .md-bestand.
Kies PNG of SVG, een formaat en een thema.
Klik op “Afbeelding maken”, controleer het voorbeeld en download het.

Ook handig voor

Mermaid naar PNG
Mermaid naar SVG online gratis
Mermaid-diagram exporteren als afbeelding
Mermaid flowchart naar plaatje
Mermaid live editor alternatief

Mermaid-voorbeelden om mee te beginnen

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

Privé door ontwerp — en je kunt het controleren

Je bestanden worden nooit geüpload, want er is nergens naartoe om ze te uploaden.

Er is geen uploadstapBestanden worden gelezen en geschreven binnen deze browsertab. Er is geen server die ze zou kunnen ontvangen.
De browser dwingt het afHet Content Security Policy van deze pagina staat alleen verbindingen terug naar deze site toe, die niets anders dan de app zelf levert.
Zie het zelfOpen de ontwikkelaarstools, houd het tabblad Netwerk in de gaten en voer een taak uit: geen enkel verzoek bevat je document.
Open sourceElke regel staat op GitHub, gebouwd op qpdf, pdf.js & pdf-lib.

Veelgestelde vragen

Worden mijn bestanden ergens geüpload?

Nee. Fizzdoc doet het werk in je browsertab, met opensource-engines die zijn gecompileerd naar WebAssembly en JavaScript. Je bestand wordt van je apparaat gelezen, lokaal verwerkt, en het resultaat wordt direct weer op je apparaat opgeslagen. Je kunt dit zelf controleren: open de ontwikkelaarstools van je browser, ga naar het tabblad Netwerk en voer een taak uit — er wordt geen enkel verzoek met je bestand verstuurd.

Welke diagrammen werken?

Alles wat Mermaid kan tekenen, zoals flowcharts, sequence-, klasse-, state-, entiteit-relatie-, Gantt-, cirkel-, mindmap-, tijdlijn- en Git-graph-diagrammen. Bevat de code een fout, dan vertelt de melding van Mermaid zelf wat je moet aanpassen.

PNG of SVG?

SVG blijft scherp op elk formaat en is het best voor websites en ontwerptools. PNG werkt overal, ook in Word, PowerPoint en chat-apps; kies 2× of 4× voor scherpe dia’s en drukwerk.

Is Fizzdoc gratis?

Ja, en het blijft gratis: geen account, geen watermerk, geen dagelijkse limiet en geen premium-abonnement. Fizzdoc is open source onder de Apache-2.0-licentie, dus iedereen kan zijn eigen versie draaien.