このツールについて
SVG ビューアーは、幅と高さ、内部座標の範囲、パスやグループの数、要素の構造を見やすく表示します。アイコンやイラスト、ダウンロードした素材の内容を使用前に確認できます。
使い方
- SVG ファイルを選ぶか、SVG ソース全体を貼り付けます。
- 「SVG を表示」を押し、幅、高さ、viewBox、ファイルサイズ、要素数を確認します。
- 構造ツリーを展開して各部分を見るか、ソース欄で元のテキストを確認します。
- 安全性に関するメッセージを読み、静的プレビューで外観を確認します。
機能
- 幅、高さ、viewBox に加え、要素、パス、グループ、グラデーション、symbol の数を表示します。
- ソースはテキストで表示し、構造ツリーは展開・折りたたみができます。入力ファイルは変更しません。
- 元の内容と安全処理済みプレビューを分けて表示し、除去された内容があればお知らせします。
ソース表示とプレビューの違い
- ソース欄には、コメントやプレビューで除去される内容も含め、入力したテキストを残します。表示されたテキストが実行されることはありません。
- プレビューは対応する静的な図形のみ表示します。背景の変更や拡大には SVG プレビューをご利用ください。
SVG の安全性について
プレビューには安全処理済みの静的コピーを使います。スクリプト、クリック時の動作、アニメーションは実行せず、外部画像、フォント、スタイルも読み込みません。外部参照、埋め込み Web ページ、未対応の内容を除去するため、元の表示と異なる場合があります。DOCTYPE や独自の実体を含む文書には対応していません。
SVG ファイルや UTF-8 ソースは最大 2 MiB、ノード数は要素とテキストを含め 20,000 個、入れ子は 96 階層までです。大きすぎる場合や構造が複雑な場合は、先にファイルを簡略化してください。
プライバシー
SVG はお使いのブラウザー内で処理され、サーバーにはアップロードされません。
入力や結果は自動保存されません。クリアやページ移動の前に必要なファイルを保存し、元のファイルも保管してください。
よくある質問
SVG ファイルとは何ですか？
SVG は XML で図形を表すファイルです。パス、図形、文字、グラデーションなどを含み、ベクター部分は通常、拡大しても輪郭が粗くなりません。
SVG にコードが含まれるのはなぜですか？
SVG はタグ付きのテキストで図形を記録し、スクリプトやイベント、外部参照を含む場合もあります。内容をテキストで見ることと実行することは別です。
SVG ビューアーはスクリプトを実行しますか？
いいえ。ソースと構造ツリーはテキスト表示です。プレビューにはスクリプトや操作に反応する内容を除去した静的なコピーを使います。
SVG 内の外部リソースは読み込まれますか？
外部の画像、フォント、スタイルは読み込みません。それらに依存する部分は表示されない場合があり、除去した内容をお知らせします。