Online konvertor MMD do PNG zdarma

Co je formát MMD

V kontextu mind map a vývojových diagramů je .mmd soubor diagramu Mermaid v prostém textu. Obsahuje syntaxi Mermaid popisující uzly, spojení, popisky, směry a typy diagramů, jako jsou vývojové diagramy, mind mapy, sekvenční diagramy a diagramy tříd.

Editory Mermaid, systémy dokumentace, úložiště kódu a pracovní postupy pro tvorbu diagramů vytvářejí nebo používají soubory MMD. Typický soubor obsahuje zdrojový kód, například flowchart TD; A[Start] --> B[Finish], nikoli předem vykreslené obrazové body. Soubor lze upravovat v libovolném textovém editoru, ale k vytvoření obrázku vyžaduje renderer kompatibilní s Mermaid.

Co je formát PNG

PNG je rastrový formát obrázků podporovaný webovými prohlížeči, kancelářskými aplikacemi, editory obrázků, prezentačním softwarem a většinou operačních systémů. Hodí se pro diagramy, protože používá bezztrátovou kompresi, zachovává ostré okraje plných barev a podporuje průhlednost.

PNG použijte, když cílové prostředí přijímá obrázky, ale nevykresluje syntaxi Mermaid, nebo když potřebujete pevný vizuální snímek pro dokumentaci, e-mail, prezentace či archivaci. PNG není ideální pro neomezené zvětšování; SVG je obvykle vhodnější, když diagram musí zůstat vektorově ostrý při libovolné velikosti.

Jak převést MMD na PNG

Pomocí integrovaného online převodníku

Soubor můžete zdarma převést na webu 101convert.com bez instalace softwaru. Nahrajte soubor .mmd, pokud budete vyzváni, vyberte jako výstupní formát PNG, spusťte převod a stáhněte vykreslený obrázek. Zdroj musí obsahovat platnou syntaxi Mermaid; soubor s nesouvisejícím textem nebo nepodporovanou syntaxí se nemusí vykreslit.

Pomocí Mermaid CLI

Mermaid CLI je nejpřímější metoda pro desktop nebo příkazový řádek:

1. Nainstalujte Node.js a poté nainstalujte Mermaid CLI pomocí npm install -g @mermaid-js/mermaid-cli.
2. Uložte zdroj Mermaid do souboru, například diagram.mmd.
3. Vykreslete jej pomocí mmdc -i diagram.mmd -o diagram.png.

Příkaz načte zdroj Mermaid, vykreslí jej prostřednictvím browser engine a zapíše výstup PNG. Mezi užitečné volby patří -b transparent pro průhledné pozadí, -s 2 pro dvojnásobný scale factor, -w 2000 pro cílovou šířku a -H 1200 pro cílovou výšku. Například:

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

V systémech, kde nejsou dostupné závislosti Chromium, může Mermaid CLI vyžadovat balíčky operačního systému používané jeho browser enginem Puppeteer. Konfiguraci renderování lze zadat pomocí -p puppeteer-config.json.

Omezení kvality a kompatibility

Výstup PNG obsahuje pouze vykreslený vzhled; pozice uzlů, odkazy, popisky a syntaxe Mermaid nelze upravovat jako objekty diagramu. Pokud budou pravděpodobně potřeba budoucí úpravy, uchovejte původní soubor .mmd spolu s PNG.

Vykreslení se může mezi verzemi Mermaid lišit, protože se mění syntaxe diagramů, výchozí motivy, fonty a algoritmy rozvržení. Nainstalujte kompatibilní verzi Mermaid CLI a ověřte vlastní fonty na počítači, na kterém probíhá vykreslování. Pokud malé popisky vypadají rozmazaně, zvyšte hodnotu -s, -w nebo -H, ale po převodu nezvětšujte PNG s nízkým rozlišením.