--- title: SVG slug: Glossary/SVG tags: - Beginner - CodingScripting - Glossary - Graphics - SVG - 'l10n:priority' translation_of: Glossary/SVG ---

Scalable Vector Graphics (SVG) は {{Glossary("XML")}} の文法に基づいた 2 次元ベクター画像フォーマットです。

{{Glossary("W3C")}} は、1990 年代後半に SVG に取り組み始めましたが、 SVG は {{Glossary("Microsoft Internet Explorer", "Internet Explorer")}} 9 が対応したときにはじめて有名になりました。主要な{{Glossary("browser","ウェブブラウザー")}}はすべて SVG に対応するようになりました。

SVG は {{Glossary("XML")}} の文法に基づいており、{{Glossary("CSS")}} によるスタイルの設定と、 {{Glossary("JavaScript")}} を用いたインタラクティブ化が可能です。HTML5 では {{Glossary("HTML")}} ドキュメントに SVG {{Glossary("Tag","タグ")}}を直接埋め込むことができるようになりました。

SVG 画像は、ベクター画像形式であるため無制限に拡大することができ、画面のサイズに応じてインターフェース要素やグラフィックを作成できるため、{{Glossary("Responsive web design", "レスポンシブデザイン")}}においても有用です。SVG にはクリッピング、マスキング、フィルター、アニメーションなどの便利なツールも用意されています。

詳細情報

基礎知識

SVG を学ぶ

技術情報