SVG: スケーラブルベクターグラフィック

スケーラブルベクターグラフィック (SVG) はXML ベースのマークアップ言語で、二次元ベースのベクターグラフィックを記述します。

そのため、テキストベースで、どんなサイズでもきれいにレンダリングできる画像を記述するためのオープンなウェブ標準であり、特にCSS、DOM、JavaScript、SMIL を含む他のウェブ標準とうまく動作するように設計されています。 SVG は本質的に、テキストに対するHTML のような位置づけの、グラフィック向けのものです。

SVG 画像と関連する振る舞いはXML のテキストファイルに定義されるので、検索したり、インデックスをつけたり、スクリプトで操作したり、圧縮したりすることができます。加えて、これはあらゆるテキストエディターやドローソフトで作成したり編集したりできることを意味します。

旧来のJPEG やPNG のようなビットマップ画像形式と比較して、 SVG 形式のベクター画像は、品質を損なうことなく任意の大きさでレンダリングすることができ、テキストを更新することで、グラフィックエディターを使用せずに簡単にローカライズすることができます。適切なライブラリーを使用すれば、 SVG ファイルをその場でローカライズすることも可能です。

SVG は 1999 年からワールドワイドウェブコンソーシアム (W3C) によって開発されています。

チュートリアル

ゼロから始める SVG 入門: このチュートリアルは SVG の内部を説明することを目的としており、技術的な詳細が詰まっています。単に美しい画像を描きたいだけなら、Inkscape のドキュメントページにもっと有用なリソースがあるかもしれません。 W3C のSVG Primer も SVG の良い入門書です。また、アドベントカレンダーをテーマにした 25 種類の SVG をコーディングするSVG Tutorial もチェックしてみてください。