SVG とは, Scalable Vector Graphics の略で, 座標情報によるベクター形式データのこと.

ソースは XML ベースのテキスト・ファイルであるが, HTML / CSS / JavaScript と組み合わせることも可能.

＜img＞ タグを使って写真ファイルのように外部ソースを HTML の中に取り込むことができる. また, ソースを直接記述することも可能.

画面のサイズを拡大してもビットマップ・データのように解像度が落ちないので, スマートフォン用と高解像度用の画像ファイルをそれぞれ用意する必要がない.

背景を透明に設定でき, アニメーションにも対応している.

作り方は Illustrator などのドローソフトで描いて SVGファイル として保存する.