SVGの読み方

HTML用語「SVG」の読み方を掲載してます。

読み⽅

エスブイジー。
Scalable Vector Graphics（スケーラブル ベクター グラフィックス）の略。

SVG とは

XMLベースの2次元ベクター画像形式の1つ。
SVGファイルは、パス・テキスト・シェイプなどの集合を画像として扱う「ベクトル形式」で画像を描画するため、拡大縮小に強く画質が劣化せず、スマホやタブレットや高解像度ＰＣと言ったRETINAディスプレイを採用している画像でもキレイな画質で表示することができる。

また、「数値データをもとにして演算された画像」なのでCSSやJavaScriptのアニメーションと相性が良く、動きやぼかしなどのエフェクトを加える事が可能なので、最近は多くのwebページが利用している。