SVG Preview

SVGコードを安全にプレビュー表示し、width・height・viewBoxを確認します。

入力データはブラウザ内で処理されます
データはサーバーへ送信されません

変換ツール

0 文字

または .svg ファイルをドラッグ&ドロップ

SVG Previewとは?

SVG Previewは、貼り付けたSVGコードをその場で安全にプレビュー表示できるツールです。 プレビューはスクリプト実行を許可しないサンドボックス化されたiframe内でレンダリングされるため、SVGに悪意のあるスクリプトが埋め込まれていても実行されません。

すべての処理はブラウザ内で完結し、SVGコードが外部サーバーへ送信されることはありません。 最適化を行いたい場合は、あわせてSVG Optimizerもご利用ください。

利用シーン

  • コードエディタで書いたSVGの見た目をすぐに確認したい
  • APIレスポンスに含まれるSVGコードをその場でプレビューしたい
  • SVGファイルのwidth・height・viewBoxの値を素早く確認したい

使い方

  1. SVGコードを貼り付ける、または.svgファイルをドラッグ&ドロップします。
  2. 入力すると自動的にプレビューが表示されます。
  3. width・height・viewBox属性が検出された場合は、その値も一覧表示されます。

よくある質問

このツールは無料ですか?

はい、完全無料でご利用いただけます。

SVGコードはサーバーに送信されますか?

いいえ、すべての処理はお使いのブラウザ内で行われます。SVGコードがサーバーへ送信されることはありません。

プレビューは安全ですか?

プレビューはスクリプト実行を許可しないサンドボックス化されたiframe内で表示されるため、SVGに埋め込まれたスクリプトやイベントハンドラは実行されません。

SVGの最適化もできますか?

このツールはプレビュー専用です。最適化(コメント除去やサイズ削減)を行いたい場合は、SVG Optimizerをご利用ください。