Web・通信・セキュリティ

SVG品質・viewBoxチェッカー

SVGファイルを1個入れるだけで、viewBox・サイズ・ID・参照関係・安全上確認したい要素を自動診断します。

  • ✓ 登録不要
  • ✓ ブラウザ内処理
  • ✓ Tool入力の外部送信なし

またはファイルを選択

.svg、最大5MB。選択直後にブラウザ内で解析します。

処理範囲と入力データの取り扱い

SVGはブラウザ内だけで文字列・XMLとして解析され、外部へ送信・保存されません。SVG内のscriptや外部URLも実行・取得しません。

SVGとviewBox

viewBoxはSVGの内部座標系を定義します。4つの値は最小X、最小Y、幅、高さを表します。

width / heightとの違い

widthとheightは主に表示サイズ、viewBoxは内部座標を示します。縦横比が異なる場合はpreserveAspectRatioを含めて表示方法を確認します。

ID参照

clipPath、mask、gradient、filter、useなどではID参照が使われます。重複IDや存在しない参照先は表示結果に影響する場合があります。

外部参照

SVG内部から画像やCSS resourceを参照できます。このToolは外部resourceを取得せず、文字列として参照の有無だけを診断します。

script・foreignObject

SVGにはscriptやforeignObjectを含められるため、利用先に応じた確認が必要です。このToolでは実行もプレビューも行いません。

title / desc

titleとdescはSVGの内容を伝えるアクセシビリティ情報として使われます。用途によって必要性が異なるため、有無を情報として表示します。

よくある質問

viewBoxがないと必ず間違いですか?

いいえ。用途によるため要確認扱いです。

SVGを自動修正できますか?

しません。