SVG

SVGとは

SVGは、図形や線、文字などを座標と数値で表す、XMLベースのベクター画像形式です。表示サイズを変えても輪郭が粗くなりにくく、ウェブ標準の一部としてブラウザーで表示できます。

どんな場面で使うか

ロゴ、アイコン、図表、単純なイラストなど、さまざまな画面サイズで鮮明に見せたい画像に使います。HTMLへ直接埋め込むと、CSSによる色変更やJavaScriptによる操作も可能です。

選ぶとき・使うときのポイント

写真のように細かな色の変化が多い画像には通常JPGやWebPが向きます。外部から受け取ったSVGにはスクリプトなどが含まれる可能性があるため、内容を確認せずHTMLへ直接埋め込まないようにします。