Convertidor online gratuito de MMD a SVG

Un diagrama de Mermaid guardado como archivo .mmd puede necesitar conversión cuando otra aplicación solo acepta SVG para incrustarlo, imprimirlo, editarlo o publicarlo en la web. SVG conserva el diagrama como gráficos vectoriales escalables en lugar de una imagen rasterizada de tamaño fijo.

Qué es el formato MMD

En el contexto de los mapas mentales y los diagramas de flujo, .mmd es un archivo de texto sin formato que contiene el código fuente de un diagrama de Mermaid. Contiene sintaxis de Mermaid para diagramas de flujo, diagramas de secuencia, diagramas de clases, diagramas de estados, mapas mentales y estructuras visuales relacionadas; normalmente no contiene el gráfico renderizado.

Los archivos de Mermaid se crean en editores compatibles con Mermaid, sistemas de documentación, proyectos de Markdown, repositorios de código y herramientas de diagramación compatibles con Mermaid. Un archivo puede contener declaraciones como flowchart TD o mindmap, seguidas de nodos, conexiones, etiquetas e instrucciones de estilo.

Qué es el formato SVG

SVG es un formato de gráficos vectoriales basado en XML compatible con navegadores web, aplicaciones de diseño, software de oficina, plataformas de documentación y muchos flujos de trabajo de impresión. Almacena trazados, formas, texto y estilos en lugar de una cuadrícula de píxeles, por lo que un diagrama renderizado puede ampliarse sin el desenfoque asociado a PNG o JPEG.

Usa SVG cuando el destino necesite un gráfico web incrustable, una ilustración escalable para documentación, gráficos vectoriales editables o un recurso de impresión de alta resolución. El resultado es un diagrama renderizado; normalmente no es un archivo de origen que pueda editarse de nuevo como sintaxis de Mermaid.

Cómo convertir MMD a SVG

El método de escritorio más directo es Mermaid CLI, cuyo ejecutable es mmdc. Instala Node.js y, a continuación, instala la CLI en un terminal:

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

Guarda el código fuente de Mermaid como diagram.mmd y, después, ejecuta:

mmdc -i diagram.mmd -o diagram.svg

La opción de entrada selecciona el código fuente MMD y la opción de salida especifica el nombre del archivo SVG. Para usar un tema o una configuración de página personalizados, crea un archivo de configuración JSON como config.json y ejecuta:

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

También puedes convertir el archivo en 101convert.com de forma gratuita y sin instalar software: elige la conversión de MMD a SVG, carga el archivo .mmd, inicia la conversión y descarga el archivo .svg resultante.

Calidad y compatibilidad

El resultado depende de la versión de Mermaid utilizada por el convertidor. La sintaxis no compatible, la indentación no válida en los mapas mentales, la ausencia de declaraciones de diagrama o las funciones introducidas en una versión más reciente de Mermaid pueden causar errores o modificar el diseño. Prueba el código fuente en una vista previa de Mermaid antes de realizar la conversión.

El texto SVG puede depender de las fuentes instaladas, por lo que un diagrama puede redistribuirse al abrirse en otro sistema. Para mantener una apariencia uniforme, usa fuentes comunes o convierte el texto en contornos en un editor vectorial después del renderizado; convertirlo en contornos elimina la posibilidad de editar el texto y puede aumentar el tamaño del archivo. El comportamiento interactivo de Mermaid y la posibilidad de editar el código fuente generalmente no se conservan como SVG, y las imágenes externas o los recursos personalizados pueden requerir un tratamiento independiente.