Mermaid naar SVG-converter
Exporteer je Mermaid-diagrammen als schaalbare SVG-vectorafbeeldingen. Perfect voor webintegratie, drukwerk en responsieve ontwerpen.
Mermaid naar SVG-converter
Schrijf Mermaid-code en gebruik daarna de knop Export om SVG te downloaden
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 --> BHoe Mermaid naar SVG te converteren
Schrijf of plak je Mermaid-diagramcode in de editor
Bekijk het gerenderde diagram in realtime
Klik op SVG downloaden om het vectorbestand op te slaan
Of kopieer de SVG-markup om direct in HTML in te sluiten
Waarom SVG gebruiken?
Oneindig schaalbaar
SVG-afbeeldingen verliezen nooit kwaliteit, ongeacht hoeveel je inzoomt. Perfect voor presentaties en drukwerk.
Lichtgewicht
SVG-bestanden zijn doorgaans kleiner dan PNG-equivalenten, waardoor je pagina's sneller laden.
Bewerkbaar
SVG is XML-gebaseerd, dus je kunt kleuren, lettertypen en stijlen verder bewerken met CSS of JavaScript.
Toegankelijk
SVG ondersteunt tekstelementen die schermlezers kunnen lezen, wat de toegankelijkheid verbetert.
Veelgestelde vragen
Wat is het verschil tussen SVG en PNG?
SVG is een vectorformaat dat oneindig schaalt zonder kwaliteitsverlies, terwijl PNG een rasterformaat is met vaste resolutie. Gebruik SVG voor web en print, PNG voor social media en berichten.
Kan ik SVG direct in HTML insluiten?
Ja, je kunt de SVG-markup kopiëren en direct in je HTML plakken. Je kunt het ook als afbeeldingsbron gebruiken met de img-tag.
Ziet de SVG er in alle browsers hetzelfde uit?
Ja, SVG wordt goed ondersteund in alle moderne browsers, waaronder Chrome, Firefox, Safari en Edge.