SVG 整形

SVG 整形ツール

1 行に詰め込まれた SVG を、インデントの付いた読みやすいコードに戻します — 描画される内容は一切変わりません。

SVG 整形

☞ すべてブラウザ内で処理 — アップロードは一切ありません

またはクリックして選択 — SVG のみ

整形の前後

変わるのは空白だけです — コメント、色の表記、path の精度はすべてそのまま保持されます。

整形後のコード

また読めるように

軽量化された SVG は長い 1 行で、ブラウザには問題なくても人間には苦痛です。このページは 1 段階につき半角スペース 2 つでインデントし直し、目的の要素を見つけやすくします。

それ以外は何も触りません。コメントは残り、色は書いたときの表記のまま、座標の小数も一桁も削られません — ファイルは大きくなりますが、それがこのツールの目的です。

3 ステップ

.svg ファイルを選びます — 端末から出ることはありません。

整形されたコードが半角スペース 2 つのインデントで表示されます。

コードをエディタに持ち込むか、ファイルを保存します。

かんたん解説

整形すると見た目が変わりますか？

いいえ。変わるのは要素と要素の間の空白だけです。色、座標、コメント、属性の順序はすべてそのまま残ります。

なぜファイルが大きくなったのですか？

インデントは実際の文字です。整形後のファイルは読み書きのためのものなので、サイトに公開する前にもう一度軽量化ツールを通してください。

壊れた SVG を直せますか？

いいえ。整形するには、まずファイルが解析できる必要があります。何も起きない場合は SVG ビューアで開いてください。パーサーが止まった箇所がわかります。

ファイルはアップロードされますか？

いいえ。整形はブラウザ内で行われ、ファイルが端末から出ることはありません。