イベント招待状
Google Fontsも正しく描画。ファイル情報にWebから読み込んだと表示されます。
オンラインSVGビューア
このSVGビューアは各ファイルを画像として表示するため、中に隠れたコードは実行されません。50個まで一度に開いてぼやけずにズームでき、フォント・レイヤー・コードを確認したら、PNG・JPG・PSDで保存できます。無料です。
SVGビューア無料 · ファイル内のコードは一切実行しません
またはサンプルを開く
ファイルはお使いのデバイス上で開かれ、アップロードされることはありません。ファイル内のコードも一切実行されません。SVG内のWebフォントやリンクされた画像は、ファイル情報に記載のとおり、ブラウザーがそれぞれのサーバーからダウンロードします。コードを含むファイルでは、これらは一切リクエストされません。
- コードは実行せず、アップロードもなし
- 最大50ファイルをサムネイル表示
- どのレイヤーも非表示・単独表示
- PNG・JPG・PSDを無料でダウンロード
5つの例でSVGビューアを試す
このページ用に描き下ろした5つのオリジナルファイルで、SVGビューアの機能を1つずつ紹介します。開くとビューアで表示されます。
「Claim your prize」カード
スクリプトを隠し持っていても画像としてのみ表示され、コードを含むと示されます。
アニメーションのローダー
SVGのプレビューでは回転し、ダウンロードすると最初のフレームを静止画で保存します。
天気アイコンセット
6ファイルを1つのギャラリーで表示し、PNGのZIPでまとめて保存。
ドライブ旅行のイラスト
名前付きグループがレイヤーになり、非表示・単独表示やPSDでの保存ができます。
イベント招待状
Google Fontsも正しく描画。ファイル情報にWebから読み込んだと表示されます。
アニメーションのローダー
SVGのプレビューでは回転し、ダウンロードすると最初のフレームを静止画で保存します。
ドライブ旅行のイラスト
名前付きグループがレイヤーになり、非表示・単独表示やPSDでの保存ができます。
天気アイコンセット
6ファイルを1つのギャラリーで表示し、PNGのZIPでまとめて保存。
「Claim your prize」カード
スクリプトを隠し持っていても画像としてのみ表示され、コードを含むと示されます。
SVGビューアの使い方（3ステップ）
インストール不要。最新のブラウザーならどれでも使えます。
ファイルをドラッグするか選択するか、ページのどこにでも貼り付けてください。SVGコードも使えます。
複数のファイルはサムネイルで、1つなら大きく開きます。ズームして、情報・レイヤー・コードを確認できます。
2倍のPNG、白背景のJPG、レイヤー分けしたPSDをダウンロード。細かく調整するなら「その他の書き出しオプション」から変換ツールへ。
このSVGビューアの強み
添付ファイル、アイコンセット、カッティング用ファイル、デザインの受け渡しに役立つ、無料SVGビューアの6つの強み。
コードは実行しない
SVGビューアは各ファイルを画像としてのみ表示するため、スクリプト、イベントハンドラー、javascript:リンクは動作せず、それぞれの数がファイル情報に表示されます。この賞品カードはスクリプトを隠していますが、ここではコードを含むと示された1枚の画像にすぎません。
正確に描画し、内容も説明
Google FontsなどのWebフォント、リンクされた画像、draw.ioのテキストもデザインどおりに表示。xmlnsがないファイルやXMLエラーのあるファイルは修復し、その旨を記録します。この招待状はCormorantとMontserratの文字を正確に表示し、ファイル情報にはWebから読み込んだと記されます。
セット全体をギャラリーで
最大50ファイルを、名前・ピクセルサイズ・ファイルサイズ・注記数付きのサムネイルで表示。1つを大きく開いて、残りを順に見られます。この天気セットの6つのアイコンは並べて表示され、PNGのZIPでまとめて保存できます。
ズームしてもくっきり
ズームのたびにベクターを新しいサイズで描き直すので、輪郭も文字も鮮明なまま。20MBまでの精細な図面も完全に開けます。こちらは招待状のタイトルを3倍に拡大したもので、筆記体の曲線もなめらかなままです。
レイヤーの表示切り替え
最上位のグループが、Inkscape・Illustrator・Figmaでの名前またはidでレイヤーとして表示されます。非表示にも単独表示にもでき、PNGとJPGのダウンロードは見たままの状態になります。ドライブ旅行のシーンには、空、太陽、メサ、砂漠、道路、車、サボテンが並びます。
読みやすいコード
コード表示ではすべての行を色分けして行番号を付け、XMLエラーを示すので、信頼する前にファイルの中身を読めます。1MBを超えるファイルはプレーンテキストで開き、すばやくスクロールできます。こちらはドライブ旅行のコードをレイヤーごとに表示したものです。
SVGビューアガイド：安全性・サムネイル・フォント・形式
よくある問題の確認方法と解決策。
見知らぬSVGを開くのは危険？
SVGは単なる画像ではなくコードで、スクリプトを含むことがあります。Windowsでダブルクリックすると通常はブラウザーで開き、スクリプトが実行されます。2025年と2026年には、こうした添付ファイル付きのフィッシングメールがセキュリティ企業によって確認されています。このSVGビューアはファイルを画像として表示するだけで、中にあるスクリプト、イベントハンドラー、javascript:リンクの数を数えます。
WindowsでSVGのサムネイルが出ない？
エクスプローラーは標準ではSVGのサムネイルを表示しないため、アイコンやカッティング用ファイルのフォルダーは同じアイコンが並ぶだけになります。すべて選択してSVGビューアにドロップすれば、最大50個が名前・サイズ・注記数付きのギャラリーで開きます。どれか1つを大きく開くことも、すべてをPNGにしてZIPにまとめることもできます。
コードで表示される、真っ白、フォントが違う？
画像ではなくコードが表示されるのは、たいていxmlnsがないためで、Webページからコピーしたマークアップによくあります。SVGビューアがこれを追加します。XMLエラーはWebページと同じように柔軟に読み込み、元の行と列をファイル情報に記録します。フォントが違う、または一部が空白の場合は、SVGが求めたフォントやファイルの名前と、その取り込み方が注記に表示されます。
ファイル情報でわかること
SVGビューアのファイル情報には、ディスク上のサイズ、ファイルの単位とピクセルでの幅と高さ、viewBox、要素数とレイヤー数が表示されます。各フォントは、ファイル内、Web、このデバイス、見つからない、のいずれかで示されます。外部ファイルは読み込めたかどうかが表示され、コードの数はブラウザーが実行するものを示します。
SVG・PNG・JPG：どれをダウンロードする？
編集やサイズ変更をするならSVGのまま保存しましょう。形状を記録しているので、ぼやけることがありません。PNGは透明部分を保てるので、スライド、チャット、画像を求めるフォームに最適。JPGはサイズが小さく、白背景になります。レイヤー分けしたPSDでは、最上位の各グループが1つのレイヤーになります。フラットな写真なら、AIで画像をPSDに変換がクレジットを使ってレイヤーを作成します。
SVGビューアが役立つ日常の作業
気になる添付ファイル1つから、アイコンセット丸ごとまで。
添付ファイルの確認
メールで届いたSVGの中身と、コードを含むかを確認。
クラフト・カッティング用ファイル
CricutやSilhouetteのデザインをレイヤーごとにプレビュー。
デザインの受け渡し
デザイナーのSVGのサイズ、viewBox、フォント、コードを確認。
アイコンセットの閲覧
アイコンセット全体を実際のサムネイルで表示。
SVGビューアのよくある質問
開き方、ビューアの選び方、解決策、JPG、サムネイル、安全性、スマホ、コードについて。