Konverter online gratis MMD ke SVG

Diagram Mermaid yang disimpan sebagai file .mmd mungkin perlu dikonversi ketika aplikasi lain hanya menerima SVG untuk penyematan, pencetakan, pengeditan, atau publikasi web. SVG mempertahankan diagram sebagai karya seni vektor yang dapat diskalakan, bukan sebagai gambar raster berukuran tetap.

Apa itu format MMD

Dalam konteks mind-map dan flowchart, .mmd adalah file teks biasa sumber diagram Mermaid. File ini berisi sintaks Mermaid untuk flowchart, sequence diagram, class diagram, state diagram, mind map, dan struktur visual terkait; biasanya file ini tidak berisi grafik hasil render itu sendiri.

File Mermaid dibuat dalam editor yang kompatibel dengan Mermaid, sistem dokumentasi, proyek Markdown, code repository, dan diagramming tool yang mendukung Mermaid. Sebuah file dapat berisi deklarasi seperti flowchart TD atau mindmap, yang diikuti oleh node, koneksi, label, dan instruksi styling.

Apa itu format SVG

SVG adalah format grafik vektor berbasis XML yang didukung oleh web browser, aplikasi desain, software perkantoran, platform dokumentasi, dan banyak alur kerja pencetakan. SVG menyimpan path, bentuk, teks, dan styling, bukan grid piksel, sehingga diagram hasil render dapat diperbesar tanpa buram seperti pada PNG atau JPEG.

Gunakan SVG ketika tujuan akhirnya memerlukan grafik web yang dapat disematkan, ilustrasi dokumentasi yang dapat diskalakan, karya seni vektor yang dapat diedit, atau aset cetak beresolusi tinggi. Hasilnya adalah diagram yang telah dirender; biasanya hasil tersebut bukan source file yang dapat diedit kembali menjadi sintaks Mermaid.

Cara mengonversi MMD ke SVG

Metode desktop yang paling langsung adalah Mermaid CLI, yang executable-nya adalah mmdc. Instal Node.js, lalu instal CLI di terminal:

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

Simpan source Mermaid sebagai diagram.mmd, lalu jalankan:

mmdc -i diagram.mmd -o diagram.svg

Opsi input memilih source MMD, sedangkan opsi output menentukan nama file SVG. Untuk custom theme atau konfigurasi halaman, buat file konfigurasi JSON seperti config.json, lalu jalankan:

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

Anda juga dapat mengonversi file di 101convert.com secara gratis tanpa menginstal software: pilih konversi MMD-ke-SVG, unggah file .mmd, mulai konversi, lalu unduh file .svg yang dihasilkan.

Kualitas dan kompatibilitas

Output bergantung pada versi Mermaid yang digunakan oleh converter. Sintaks yang tidak didukung, indentasi yang tidak valid dalam mind map, deklarasi diagram yang hilang, atau fitur yang diperkenalkan dalam rilis Mermaid yang lebih baru dapat menyebabkan error atau mengubah layout. Uji source dalam preview Mermaid sebelum konversi.

Teks SVG dapat bergantung pada font yang terinstal, sehingga diagram dapat mengalami reflow ketika dibuka di sistem lain. Untuk tampilan yang konsisten, gunakan font umum atau konversi teks menjadi outline dalam vector editor setelah rendering; pembuatan outline menghilangkan kemampuan pengeditan teks dan dapat meningkatkan ukuran file. Perilaku interaktif Mermaid dan kemampuan pengeditan pada tingkat source umumnya tidak dipertahankan sebagai SVG, dan gambar eksternal atau aset custom mungkin memerlukan penanganan terpisah.