SVG ビューアー

参考

SVG とは？

SVG (Scalable Vector Graphics) は、2D ベクターグラフィックス用の XML ベースの形式です。ラスター画像 (PNG、JPG) と異なり、SVG は品質を失わずに無限にスケーリングします。viewBox 属性は座標系を定義し、レスポンシブスケーリングの鍵です。最近のブラウザは SVG をネイティブにレンダリングするので、インライン、CSS、または <img> として埋め込めます。

一般的な用途

• アイコンデザイン — 統合前にアイコンをプレビュー。
• デバッグ — viewBox と寸法が正しくレンダリングされることを確認。
• ロゴレビュー — デザインツールからエクスポートされた SVG をチェック。
• 学習 — 実際の SVG マークアップをインタラクティブに探索。

プライバシー

すべてのレンダリングはブラウザ内で100%実行されます。データはサーバーに送信されません。