Diagrammes Mermaid

PNG, SVG ou Mermaid : quel format d’export choisir

Exportez en PNG quand le schéma va dans une présentation, un e-mail ou un outil qui n’accepte que des images ; en SVG quand il doit rester net à toutes les tailles ou être retouché dans un logiciel graphique ; en Mermaid quand il vit dans un wiki ou un dépôt et qu’il va évoluer.

Par Flowchartio · Mis à jour le · 2 min de lecture

PNG : l’image universelle

Le PNG est une image matricielle, une grille de pixels.

  • À utiliser pour les présentations, les e-mails, les messageries, les tickets et tout outil qui n’accepte que des images.
  • Points forts : s’ouvre partout, s’affiche partout de la même façon.
  • Limites : devient flou au-delà de sa résolution, le texte n’est pas sélectionnable, toute modification oblige à redessiner.

Exportez en haute résolution si le schéma sera projeté ou imprimé.

SVG : net à toutes les tailles

Le SVG est un format vectoriel : formes et texte décrits mathématiquement.

  • À utiliser pour les pages web, les sites de documentation, les grands formats imprimés et les schémas à retoucher dans Figma, Illustrator ou Inkscape.
  • Points forts : parfaitement net quel que soit le zoom, fichiers généralement légers, le texte reste du texte.
  • Limites : certains outils bureautiques et clients de messagerie le gèrent mal ; les polices peuvent changer si elles ne sont pas disponibles.

Mermaid : le schéma en texte

Le code Mermaid décrit la structure, et la plateforme dessine.

  • À utiliser pour les README, wikis, pull requests et toute documentation qui évolue ; voir Mermaid sur GitHub et GitLab et dans Notion et Obsidian.
  • Points forts : versionnable, modifiable en quelques secondes, aucun fichier à réexporter.
  • Limites : la mise en page dépend du moteur de rendu, et l’apparence varie d’une plateforme à l’autre.

Choisir en un coup d’œil

  • Présentation ou e-mail : PNG.
  • Site web, impression ou retouche graphique : SVG.
  • Wiki, README ou revue de code : Mermaid.
  • Plusieurs destinations ou doute : exportez en SVG et en Mermaid, et gardez les deux.

Les exports de Flowchartio

Le PNG et le SVG sont produits dans votre navigateur à partir de la version courante du schéma. L’export Mermaid est un fichier .mmd en syntaxe flowchart TD, avec un sous-graphe par responsable et les formes converties en leurs équivalents Mermaid, comme décrit dans sous-graphes et styles. Les trois provenant du même modèle, ils correspondent toujours.

Pas encore de schéma à exporter ? Générez-en un à partir d’une description, ou lisez comment l’IA transforme un texte en logigramme.

Transformez votre processus en logigramme

Décrivez-le en quelques phrases. Flowchartio dessine le flowchart, puis vous l’affinez en conversation.

Générer un flowchart