SVG ビューア

SVG ビューア&バリデータ

どんな SVG も開いて好きな倍率でプレビュー。viewBox とサイズを読み、ソースの誤りも確認できます — アップロードは不要です。

SVG ビューア

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

ここに SVG をドロップ

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

ベクターの中身を見る

どんな SVG もプレビューして検査

SVG は素の XML テキストなので、開けないファイルはたいてい 1 文字の誤りであって、データの破損ではありません。このビューアはブラウザが描くものをそのまま描き、描けないときはその旨をはっきり伝えます。

800% まで拡大して path の輪郭を確認したり、viewBox を読んで拡大縮小の挙動を把握したり、ソースをコピーしてエディタに貼り付けたりできます。

3 ステップ

SVG ファイルを開く手順

01

SVG をドロップ

端末から .svg ファイルを選びます — アップロードはされません。

02

拡大して検査

画面を移動し、背景を切り替え、サイズ情報を読みます。

03

コピーまたは修正

ソースをコピー。壊れている場合は解析エラーを読みます。

かんたん回答

SVG ビューアのよくある質問

ここでの表示が違って見えるのはなぜ?

プレビューは隔離された画像コンテキストで描画されるため、外部フォントやリモート画像は読み込まれません。ウェブフォントに依存する文字はシステムフォントに置き換わることがあります。

viewBox とは何ですか?

viewBox は図形が描かれる座標系を定義します。width と height は既定の描画サイズ、viewBox は拡大縮小の仕方を決めます。viewBox がないファイルでは、ブラウザが想定する値を表示します。

SVG の検証はできますか?

整形式かどうかは検証できます。ファイルは XML として解析され、解析エラーはブラウザが出したメッセージとともに表示されます。SVG 仕様への完全準拠チェックは行いません。

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

いいえ。読み込みも描画もすべてブラウザ内で完結します。