無料の Mermaid PNG 変換ツール

プロジェクトのノートにあるシーケンス図を、発表スライドでも使う必要がありました。SciFig の Mermaid から PNG への変換では、登場する参加者とメッセージをまとめて出力できました。スライド用に大きめの出力倍率を選び、ソースコードも残したので、ノートと画像の対応を分かりやすく保てました。

授業の配布資料では、コードを読む前に、まとまりのある工程を見てもらいたいと考えていました。Mermaid を PNG に変換すると、サブグラフとラベルを1枚の画像に残せます。コードの横に図を置くことで、各記述が目に見える処理をどう変えるのか、学生と話し合えました。

共同研究者が、Mermaid を表示できない文書にワークフロー画像を入れる必要がありました。SciFig で Mermaid を PNG に変換し、背景は白を選びました。図全体がファイルに収まり、ソースもプロジェクト資料に残したので、次の修正でもそのまま使えます。

同じ図を報告書とポスターの両方に合わせる必要がありました。Mermaid の SVG 出力で、コードから描画したベクター版を保存し、普段の共有には PNG を使えます。両方を一緒に管理すれば、元のノード関係を変えずに、用途に合うファイルを選べました。

クラス図を説明する際、開発環境の外でも文字を明瞭に見せたいと思っていました。SciFig なら適切な倍率で Mermaid 図を PNG に出力できます。エディターの画面を切り抜くのではなく図全体を残せたため、授業で取り上げる接続も配布資料に含められました。