Diagramas Mermaid
PNG, SVG o Mermaid: qué formato exportar
Exporta a PNG cuando el diagrama vaya a una presentación, un correo o una herramienta que solo acepte imágenes; a SVG cuando deba verse nítido a cualquier tamaño o editarse en una herramienta de diseño; y a Mermaid cuando viva en una wiki o un repositorio y vaya a cambiar.
PNG: la imagen universal
PNG es una imagen rasterizada: una cuadrícula de píxeles.
- Úsalo para presentaciones, correos, chats, tickets y cualquier herramienta que solo acepte imágenes.
- Ventajas: se abre en todas partes y se ve igual en todas partes.
- Límites: se ve borroso si lo amplías más allá de su resolución, el texto no se puede seleccionar y editarlo implica redibujarlo.
Expórtalo en alta resolución si se va a proyectar o imprimir.
SVG: nítido a cualquier tamaño
SVG es un formato vectorial: formas y texto descritos matemáticamente.
- Úsalo para páginas web, sitios de documentación, impresiones grandes y diagramas que quieras retocar en Figma, Illustrator o Inkscape.
- Ventajas: perfectamente nítido con cualquier zoom, archivos normalmente pequeños, el texto sigue siendo texto.
- Límites: algunas herramientas ofimáticas y clientes de correo lo manejan mal; las fuentes pueden cambiar si no están disponibles.
Mermaid: el diagrama como texto
El código Mermaid describe la estructura y la plataforma lo dibuja.
- Úsalo para README, wikis, pull requests y cualquier documentación que cambie; consulta Mermaid en GitHub y GitLab y en Notion y Obsidian.
- Ventajas: versionable, editable en segundos, sin archivos que volver a exportar.
- Límites: la maquetación la decide el motor de renderizado y el aspecto varía entre plataformas.
Guía rápida
- Presentación o correo: PNG.
- Web, impresión o diseño: SVG.
- Wiki, README o revisión de código: Mermaid.
- Si dudas o tienes varios destinos: exporta SVG y Mermaid y guarda los dos.
Qué exporta Flowchartio
El PNG y el SVG se generan en tu navegador a partir de la versión actual del diagrama. La exportación Mermaid es un archivo .mmd con sintaxis flowchart TD, un subgrafo por responsable y las formas convertidas a sus equivalentes en Mermaid, como se describe en subgrafos y estilos. Como los tres salen del mismo modelo, siempre coinciden.
¿Todavía no tienes un diagrama que exportar? Genera uno a partir de una descripción o lee cómo convierte la IA un texto en diagrama.
Convierte tu proceso en un diagrama de flujo
Descríbelo en unas frases. Flowchartio dibuja el diagrama y luego lo ajustas conversando.
Generar un diagrama