SVG(えすぶいじー)

詳細解説

JPEGやPNGなどのラスタ形式は、画像を画素（ピクセル）の格子の集まりとして記録するため、拡大表示すると輪郭が階段状にギザギザになるジャギーが現れます。これに対し、SVGは始点・終点の座標や線の太さ、塗りつぶしの色といった数式・図形情報として画像を保持し、表示する環境の解像度に合わせてその都度計算して描画します。そのため、スマートフォンの小さな画面から高精細な大型ディスプレイまで、単一のファイルで鮮明な図表やアイコンを表示できます。

中身がXMLのテキストデータであるため、テキストエディタで直接編集したり、プログラムから数値を書き換えてグラフを生成したりすることが容易です。また、HTML文書内に直接埋め込み、CSSで配色を変えたりJavaScriptで各要素にアニメーションやクリック操作を与えたりできる点も、画像ファイルとして切り出されたラスタ形式との大きな違いです。