Mermaid から PNG への変換

Mermaidダイアグラムを高品質なPNG画像に変換。解像度と背景をカスタマイズして完璧なエクスポートを。

Mermaid から PNG への変換

Mermaid コードを入力し、Export ボタンから PNG をダウンロードします

100%

Example

Mermaid to PNG example

A simple Mermaid flowchart showing how code becomes a live preview and exportable PNG.

Mermaid to PNG example preview of a flowchart exported from Mermaid code
Mermaid to PNG example preview of a flowchart exported from Mermaid code

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 --> B

MermaidをPNGに変換する方法

1

エディタにMermaidダイアグラムコードを入力または貼り付け

2

リアルタイムでレンダリングされたダイアグラムをプレビュー

3

必要に応じてスケールと背景設定を調整

4

PNG をダウンロードをクリックして画像を保存

よくある質問

エクスポートされるPNG画像の解像度は?

デフォルトでは高DPIディスプレイ向けに2xスケールでエクスポートされます。必要に応じて1xから4xまで調整可能です。

透明な背景でエクスポートできますか?

はい、PNGエクスポートで透明または白の背景を選択できます。

ダイアグラムのサイズ制限はありますか?

ハードリミットはありません。ただし、非常に大きなダイアグラムはレンダリングに時間がかかる場合があります。エクスポートはすべてブラウザ内で行われます。