Mermaidを画像に変換
Mermaidコードを貼り付けるだけで即時プレビューし、きれいな画像ファイルを書き出せます。README、技術文書、仕様書、共有用に便利です。
Mermaidから画像を試す
flowchart TD
A[Mermaidコードから開始] --> B{画像が必要？}
B -->|PNG| C[ドキュメント用に書き出し]
B -->|SVG| D[ベクター画像を書き出し]
B -->|PDF| E[共有用に書き出し]
C --> F[ドキュメントに利用可能]
D --> F
E --> FMermaidから画像への変換とは？
Mermaidから画像への変換は、Mermaidのテキスト図をダウンロード可能な画像ファイルにするワークフローです。Mermaid2Imgはオンライン編集、ライブプレビュー、テンプレート、ブラウザ内エクスポートに対応しています。
編集しながらリアルタイムプレビュー
PNG/JPG/SVG/PDFをまとめて出力
テンプレート、テーマ、ズーム、パン、ローカル履歴に対応
Mermaidコードはブラウザ内に保持
Mermaidのオンラインプレビュー以上
Mermaid2Imgはオンラインエディタ、テンプレート、スタイル設定、ローカル履歴、複数形式のエクスポートを1つのワークスペースにまとめています。
Mermaidの書き出し形式を選ぶ
同じ図を複数形式で書き出せるため、用途に合うファイルを選んでからダウンロードできます。
多くの場所で扱いやすい鮮明なビットマップが必要なときに使います。
透明背景が不要で、軽いプレビュー画像が欲しいときに向いています。
拡大しても崩れない線や後からの調整が必要なときに使います。
図を文書として配布したいときに適しています。
使い方
Mermaidコードを貼り付けるか、テンプレートから始めます。
ライブプレビューを確認し、必要に応じて構文を修正します。
画像として書き出すか、フルワークスペースで詳細設定を行います。
よくある質問
ブラウザでMermaidを画像に変換できますか？
はい。Mermaid2Imgはブラウザ内で図をレンダリングし、エクスポートファイルを生成します。
Mermaidコードはサーバーにアップロードされますか？
いいえ。通常のレンダリングとエクスポートはブラウザ内で行われるため、図の内容はローカルに残ります。
どのMermaid図に対応していますか？
フローチャート、シーケンス図、クラス図、状態図、ER図、ガントチャート、マインドマップ、円グラフ、Gitグラフなどに対応しています。
オンラインで編集して書き出す
下の埋め込みエディタを試すか、詳細設定はフルワークスペースで開けます。