Convertidor online gratuito de MERMAID a JPG

Qué es el formato MERMAID

En el contexto de los mapas mentales y diagramas de flujo, un archivo MERMAID es una definición de diagrama de Mermaid en texto sin formato, que normalmente se guarda con la extensión .mmd o .mermaid. El texto describe diagramas de flujo, mapas mentales, diagramas de secuencia, diagramas de clases, diagramas de estados y otros elementos visuales relacionados; un renderizador de Mermaid convierte ese código fuente en una imagen o documento.

Los archivos Mermaid se crean o editan en Mermaid Live Editor, Visual Studio Code con una extensión de Mermaid, Obsidian, flujos de trabajo de Markdown compatibles con GitHub y otras herramientas de documentación. Al abrir el archivo en un editor de texto se muestra código en lugar del diagrama renderizado.

Qué es el formato JPG

JPG, también llamado JPEG, es un formato de imagen rasterizada comprimida compatible con navegadores, aplicaciones de oficina, teléfonos, visores de imágenes y la mayoría de los sistemas de publicación. Es adecuado para compartir un diagrama de flujo o mapa mental terminado cuando no se requiere el código fuente editable de Mermaid.

Los archivos JPG suelen ser más pequeños que las imágenes sin comprimir y funcionan bien con diagramas que contienen degradados o elementos fotográficos. La compresión JPEG puede difuminar las etiquetas pequeñas y no conserva la transparencia, por lo que es menos adecuado que PNG o SVG para diagramas densos con texto fino.

Cómo convertir MERMAID a JPG

Convertir en línea sin instalar software

1. Abra el convertidor gratuito en 101convert.com.
2. Suba el archivo .mmd o .mermaid.
3. Elija JPG como formato de salida e inicie la conversión.
4. Descargue la imagen renderizada y compruebe que las etiquetas, las flechas y los límites del diagrama sean visibles.

Este proceso renderiza el código fuente de Mermaid antes de crear el JPG; no se limita a cambiar el nombre de la extensión del archivo.

Convertir localmente con Mermaid CLI e ImageMagick

Instale el renderizador de línea de comandos de Mermaid con npm:

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

Renderice el código fuente a SVG, que conserva el diagrama como gráficos vectoriales:

mmdc -i diagram.mmd -o diagram.svg

Convierta el SVG a un JPG con fondo blanco mediante ImageMagick:

magick -background white diagram.svg -density 300 -quality 92 diagram.jpg

Use los mismos comandos con diagram.mermaid si ese es el nombre del archivo fuente. La configuración -density 300 renderiza una imagen rasterizada más grande antes de la compresión, lo que mejora la legibilidad de las etiquetas pequeñas.

Exportar mediante un editor gráfico de Mermaid

Abra el código fuente en Mermaid Live Editor u otro editor compatible con Mermaid, renderice el diagrama y elija Export o Download → PNG. Si el editor no ofrece JPG directamente, convierta el PNG exportado con un editor de imágenes mediante Export → JPEG y establezca una calidad de alrededor del 90–95 por ciento.

Consideraciones sobre calidad y compatibilidad

JPG no puede almacenar transparencia, por lo que los fondos transparentes de Mermaid se convierten en negros, blancos u otro fondo seleccionado durante la conversión. Establezca explícitamente un fondo blanco cuando la imagen vaya a insertarse en documentos o imprimirse.

La compresión JPEG tiene pérdida. Para diagramas de flujo con líneas finas, lienzos grandes o texto pequeño, use una configuración de alta calidad y dimensiones de salida suficientes; PNG suele ser más nítido, mientras que SVG es preferible cuando el destinatario admite gráficos vectoriales y requiere un escalado ilimitado.

El renderizado puede variar entre herramientas porque las versiones de Mermaid, las fuentes instaladas, la configuración de seguridad y la configuración del diagrama afectan al diseño. Conserve el archivo original .mmd o .mermaid junto con el JPG si es posible que se necesiten modificaciones posteriormente.