Convertisseur en ligne gratuit de MMD en SVG

Un diagramme Mermaid enregistré dans un fichier .mmd peut nécessiter une conversion lorsqu’une autre application accepte uniquement le format SVG pour l’intégration, l’impression, la modification ou la publication sur le web. SVG conserve le diagramme sous forme d’illustration vectorielle redimensionnable plutôt que d’image raster de taille fixe.

Qu’est-ce que le format MMD ?

Dans le contexte des cartes mentales et des organigrammes, .mmd est un fichier texte brut contenant le source d’un diagramme Mermaid. Il contient la syntaxe Mermaid pour les organigrammes, les diagrammes de séquence, les diagrammes de classes, les diagrammes d’état, les cartes mentales et les structures visuelles associées ; il ne contient normalement pas le graphique rendu lui-même.

Les fichiers Mermaid sont créés dans des éditeurs compatibles avec Mermaid, des systèmes de documentation, des projets Markdown, des dépôts de code et des outils de création de diagrammes prenant en charge Mermaid. Un fichier peut contenir des déclarations telles que flowchart TD ou mindmap, suivies de nœuds, de connexions, de libellés et d’instructions de style.

Qu’est-ce que le format SVG ?

SVG est un format de graphiques vectoriels basé sur XML, pris en charge par les navigateurs web, les applications de conception, les logiciels bureautiques, les plateformes de documentation et de nombreux flux d’impression. Il stocke des tracés, des formes, du texte et des styles plutôt qu’une grille de pixels, de sorte qu’un diagramme rendu peut être agrandi sans le flou associé au PNG ou au JPEG.

Utilisez SVG lorsque la destination nécessite un graphique web intégrable, une illustration de documentation redimensionnable, une illustration vectorielle modifiable ou un élément destiné à l’impression haute résolution. Le résultat est un diagramme rendu ; il ne s’agit généralement pas d’un fichier source pouvant être reconverti en syntaxe Mermaid modifiable.

Comment convertir MMD en SVG

La méthode de bureau la plus directe consiste à utiliser Mermaid CLI, dont l’exécutable est mmdc. Installez Node.js, puis installez la CLI dans un terminal :

npm install -g @mermaid-js/mermaid-cli

Enregistrez le source Mermaid sous le nom diagram.mmd, puis exécutez :

mmdc -i diagram.mmd -o diagram.svg

L’option d’entrée sélectionne le source MMD et l’option de sortie indique le nom du fichier SVG. Pour utiliser un thème personnalisé ou une configuration de page, créez un fichier de configuration JSON tel que config.json, puis exécutez :

mmdc -i diagram.mmd -o diagram.svg -c config.json

Vous pouvez également convertir le fichier gratuitement sur 101convert.com sans installer de logiciel : choisissez la conversion MMD vers SVG, importez le fichier .mmd, démarrez la conversion, puis téléchargez le fichier .svg obtenu.

Qualité et compatibilité

Le résultat dépend de la version de Mermaid utilisée par le convertisseur. Une syntaxe non prise en charge, une indentation incorrecte dans les cartes mentales, des déclarations de diagramme manquantes ou des fonctionnalités introduites dans une version plus récente de Mermaid peuvent provoquer des erreurs ou modifier la mise en page. Testez le source dans un aperçu Mermaid avant la conversion.

Le texte SVG peut dépendre des polices installées, de sorte qu’un diagramme peut être réorganisé lorsqu’il est ouvert sur un autre système. Pour obtenir une apparence cohérente, utilisez des polices courantes ou convertissez le texte en tracés dans un éditeur vectoriel après le rendu ; la vectorisation supprime la possibilité de modifier le texte et peut augmenter la taille du fichier. Le comportement interactif de Mermaid et la possibilité de modifier le source ne sont généralement pas conservés au format SVG, et les images externes ou les ressources personnalisées peuvent nécessiter une gestion distincte.