Konverter online gratis MMD ke PNG

Apa itu format MMD

Dalam konteks peta pikiran dan flowchart, .mmd adalah file diagram Mermaid berupa teks biasa. File ini berisi sintaks Mermaid yang menjelaskan node, koneksi, label, arah, dan jenis diagram seperti flowchart, peta pikiran, diagram urutan, dan diagram kelas.

Editor Mermaid, sistem dokumentasi, repositori kode, dan alur kerja pembuatan diagram membuat atau menggunakan file MMD. File biasa berisi sumber seperti flowchart TD; A[Start] --> B[Finish], bukan piksel yang telah dirender. File ini dapat diedit dengan editor teks apa pun, tetapi memerlukan renderer yang kompatibel dengan Mermaid untuk menghasilkan gambar.

Apa itu format PNG

PNG adalah format gambar raster yang didukung oleh browser web, aplikasi perkantoran, editor gambar, software presentasi, dan sebagian besar sistem operasi. Format ini cocok untuk diagram karena menggunakan kompresi lossless, mempertahankan tepi warna solid yang tajam, dan mendukung transparansi.

Gunakan PNG ketika tujuan akhir menerima gambar tetapi tidak merender sintaks Mermaid, atau ketika Anda memerlukan snapshot visual tetap untuk dokumentasi, email, presentasi, atau pengarsipan. PNG tidak ideal untuk penskalaan tanpa batas; SVG biasanya lebih baik ketika diagram harus tetap tajam sebagai vektor pada ukuran apa pun.

Cara mengonversi MMD ke PNG

Menggunakan konverter online bawaan

Anda dapat mengonversi file di 101convert.com secara gratis tanpa menginstal software. Unggah file .mmd, pilih PNG sebagai format output jika diminta, mulai konversi, lalu unduh gambar yang telah dirender. Sumber harus berisi sintaks Mermaid yang valid; file dengan teks yang tidak terkait atau sintaks yang tidak didukung mungkin gagal dirender.

Menggunakan Mermaid CLI

Mermaid CLI adalah metode desktop atau command-line yang paling langsung:

1. Instal Node.js, lalu instal Mermaid CLI dengan npm install -g @mermaid-js/mermaid-cli.
2. Simpan sumber Mermaid sebagai file seperti diagram.mmd.
3. Render file tersebut dengan mmdc -i diagram.mmd -o diagram.png.

Perintah ini membaca sumber Mermaid, merendernya melalui browser engine, dan menulis output PNG. Opsi yang berguna mencakup -b transparent untuk latar belakang transparan, -s 2 untuk faktor skala dua kali, -w 2000 untuk lebar target, dan -H 1200 untuk tinggi target. Contoh:

mmdc -i diagram.mmd -o diagram.png -b transparent -s 2

Pada sistem yang tidak memiliki dependensi Chromium, Mermaid CLI mungkin memerlukan paket sistem operasi yang digunakan oleh browser engine Puppeteer. Konfigurasi rendering dapat diberikan dengan -p puppeteer-config.json.

Keterbatasan kualitas dan kompatibilitas

Output PNG hanya berisi tampilan yang telah dirender; posisi node, tautan, label, dan sintaks Mermaid tidak dapat diedit sebagai objek diagram. Simpan file .mmd asli bersama PNG jika kemungkinan akan dilakukan pengeditan di masa mendatang.

Hasil rendering dapat berbeda antarversi Mermaid karena sintaks diagram, tema default, font, dan algoritme tata letak mengalami perubahan. Instal versi Mermaid CLI yang kompatibel dan verifikasi font khusus pada mesin rendering. Tingkatkan -s, -w, atau -H ketika label kecil terlihat buram, tetapi hindari memperbesar PNG beresolusi rendah setelah konversi.