draw.io → PNG・SVG 変換

draw.io の XML を貼り付けるか .drawio ファイルを開くと、その場で描画され PNG や SVG で保存できます。アップロードはしません。

ブラウザ内だけで動作します。入力内容は送信・保存されません。

使い方

  1. XML を貼り付けるか .drawio ファイルを開きます。
  2. ページが複数あれば 1 つ選びます。
  3. draw.io の座標のままにするか、上から下への自動レイアウトに切り替えます。
  4. PNG または SVG でダウンロードします。

mxGraphModel から図形、文字、塗り・線の色、コネクタを読み取ります。圧縮された図(base64 + deflate)はブラウザ内で展開します。

自動レイアウトは位置を無視し、つながった箱を矢印の向きに並べて上から下へ積みます。各箱の 1 行目は太字の見出し、残りの行はその下に書きます。コネクタのない箱は省きます。

よくある質問

draw.io のすべての図形を描けますか?

いいえ。四角形、角丸四角形、楕円、ひし形、テキスト、経由点つきの直線コネクタを描きます。それ以外は四角形になり、長い文字は折り返しません。

圧縮された .drawio も開けますか?

はい。通常の XML と圧縮形式(URL エンコードした XML を raw deflate して base64)の両方を読めます。

PNG のサイズは?

SVG と同じです。draw.io 座標では 1 単位が 1 ピクセル、自動レイアウトは 150 dpi で描かれ、幅は 1,854 px です。

関連ツール