このツールについて
1 行に詰め込まれた SVG やインデントが不揃いな SVG を読みやすくします。XML を検証し、問題なく改行できるタグの階層を整理します。パス、文字、名前空間は保持します。
使い方
- SVG ファイルを選ぶか、整形するソースを貼り付けます。
- インデントを 2 または 4 スペースから選びます。
- 「SVG を整形」を押します。入力エラーがある場合は、タグや属性を確認します。
- 結果を確認し、コピーするか formatted.svg をダウンロードします。
機能
- 2・4 スペースのインデントと、サンプル、クリア、コピー、ダウンロードに対応します。
- 図形、グラデーション、定義、文字を保持し、ピクセル画像には変換しません。
- 無効な XML は出力せず、入力の修正を促します。
整形のルール
- 文字や混在する内容の空白は表示に影響するため、慎重に保持します。そのため、タグごとに改行されない部分もあります。
- コメント、CDATA、名前空間、パスの意味を保ちます。属性の引用符や空要素の書き方は統一される場合があります。
- 整形は安全処理ではありません。ダウンロードには元のスクリプトや外部参照が残る場合があります。プレビューは別の安全処理済みコピーです。出所不明の原本をそのまま信頼しないでください。
SVG の安全性について
プレビューには安全処理済みの静的コピーを使います。スクリプト、クリック時の動作、アニメーションは実行せず、外部画像、フォント、スタイルも読み込みません。外部参照、埋め込み Web ページ、未対応の内容を除去するため、元の表示と異なる場合があります。DOCTYPE や独自の実体を含む文書には対応していません。
SVG ファイルや UTF-8 ソースは最大 2 MiB、ノード数は要素とテキストを含め 20,000 個、入れ子は 96 階層までです。大きすぎる場合や構造が複雑な場合は、先にファイルを簡略化してください。
プライバシー
SVG はお使いのブラウザー内で処理され、サーバーにはアップロードされません。
入力や結果は自動保存されません。クリアやページ移動の前に必要なファイルを保存し、元のファイルも保管してください。
よくある質問
整形すると図形は変わりますか？
読みやすさを整える処理で、パスやグラデーションは変更しません。文字に影響する空白も保持します。ただしプレビューは安全処理により原本と異なる場合があります。
SVG と XML の関係は何ですか？
SVG は XML の構文で図形を表します。タグの対応や属性の引用符が正しく、ルート要素が SVG である必要があります。
整形するとファイルは小さくなりますか？
通常は小さくなりません。インデントや改行で少し大きくなる場合があります。容量を減らすには SVG 圧縮ツールをご利用ください。
整形と圧縮の違いは何ですか？
整形は読みやすさを、圧縮は容量の削減を重視します。整形したファイルには元の内容が残るため、潜在的なリスクがすべて除去されるわけではありません。