Convertidor de Mermaid a SVG
Exporta tus diagramas Mermaid como gráficos vectoriales SVG escalables. Perfecto para insertar en web, materiales impresos y diseños responsivos.
Convertidor de Mermaid a SVG
Escribe código Mermaid y luego usa el botón Export para descargar en SVG
Example
Mermaid to SVG example
A simple Mermaid flowchart showing how code becomes a live preview and exportable PNG.
Mermaid code
graph TD
A[User opens Mermaid Editor] --> B[Write Mermaid code]
B --> C{Preview looks right?}
C -- Yes --> D[Export PNG]
C -- No --> E[Edit diagram]
E --> BCómo convertir Mermaid a SVG
Escribe o pega tu código de diagrama Mermaid en el editor
Previsualiza el diagrama renderizado en tiempo real
Haz clic en Descargar SVG para guardar el archivo vectorial
O copia el código SVG para insertarlo directamente en HTML
¿Por qué usar SVG?
Infinitamente escalable
Las imágenes SVG nunca pierden calidad, sin importar cuánto las amplíes. Perfectas para presentaciones e impresión.
Ligero
Los archivos SVG son típicamente más pequeños que los equivalentes PNG, haciendo que tus páginas carguen más rápido.
Editable
SVG está basado en XML, por lo que puedes editar colores, fuentes y estilos con CSS o JavaScript.
Accesible
SVG soporta elementos de texto a los que pueden acceder los lectores de pantalla, mejorando la accesibilidad.
Preguntas frecuentes
¿Cuál es la diferencia entre SVG y PNG?
SVG es un formato vectorial que escala infinitamente sin pérdida de calidad, mientras que PNG es un formato ráster con resolución fija. Usa SVG para web e impresión, PNG para redes sociales y mensajería.
¿Puedo insertar SVG directamente en HTML?
Sí, puedes copiar el código SVG y pegarlo directamente en tu HTML. También puedes usarlo como fuente de imagen con la etiqueta img.
¿Se verá igual el SVG en todos los navegadores?
Sí, SVG está bien soportado en todos los navegadores modernos incluyendo Chrome, Firefox, Safari y Edge.