Convertir Mermaid en PNG ou SVG

Collez du code Mermaid et obtenez une image pour vos présentations, documents, fichiers README ou messageries. Les organigrammes et les diagrammes de séquence, de classes, d’états, entité-relation et Gantt sont dessinés sur votre appareil, et vous voyez l’image avant de la télécharger.

Gratuit pour toujours · Fonctionne sur votre appareil · 0 octet envoyé

Choisir un fichier .mmd ou déposez-le ici · ne quitte jamais cet appareil

Code Mermaid Enregistrer sous Taille du PNG Thème Fond transparent

Comment utiliser Mermaid en image

Collez votre code Mermaid ou choisissez un fichier .mmd ou .md.
Choisissez PNG ou SVG, une taille et un thème.
Cliquez sur « Créer l’image », vérifiez l’aperçu et téléchargez-la.

Utile aussi pour

Mermaid en PNG
Mermaid en SVG en ligne gratuit
exporter un diagramme Mermaid en image
organigramme Mermaid en image
alternative à Mermaid Live Editor

Exemples Mermaid pour commencer

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é par conception — et vérifiable

Vos fichiers ne sont jamais envoyés, car il n'y a nulle part où les envoyer.

Aucun envoi n'existeLes fichiers sont lus et écrits dans cet onglet du navigateur. Il n'y a aucun serveur qui pourrait les recevoir.
Le navigateur l'imposeLa politique de sécurité du contenu (CSP) de cette page n'autorise que des connexions vers ce site, qui ne sert rien d'autre que l'application elle-même.
Vérifiez par vous-mêmeOuvrez les outils de développement, regardez l'onglet Réseau et lancez une opération : aucune requête ne transporte votre document.
Open sourceChaque ligne de code est sur GitHub, et s'appuie sur qpdf, pdf.js & pdf-lib.

Questions fréquentes

Mes fichiers sont-ils envoyés quelque part ?

Non. Fizzdoc effectue tout le travail dans votre onglet de navigateur, grâce à des moteurs open source compilés en WebAssembly et en JavaScript. Votre fichier est lu depuis votre appareil, traité localement, puis le résultat est enregistré directement sur votre appareil. Vous pouvez le vérifier vous-même : ouvrez les outils de développement de votre navigateur, allez dans l'onglet Réseau et lancez une opération — aucune requête ne transporte votre fichier.

Quels diagrammes fonctionnent ?

Tout ce que Mermaid sait dessiner : organigrammes, diagrammes de séquence, de classes, d’états, entité-relation, Gantt, camemberts, cartes mentales, frises chronologiques et graphes Git. Si le code contient une erreur, le message de Mermaid indique quoi corriger.

PNG ou SVG ?

Le SVG reste net à toute taille et convient le mieux aux sites web et aux outils de design. Le PNG fonctionne partout, y compris dans Word, PowerPoint et les messageries ; choisissez 2× ou 4× pour des présentations et impressions nettes.

Est-ce que Fizzdoc est gratuit ?

Oui, et ça restera gratuit : pas d'inscription, pas de filigrane, pas de limite quotidienne et pas d'offre premium. Fizzdoc est open source sous licence Apache-2.0, donc n'importe qui peut faire tourner sa propre copie.