SVG

えすぶいじー

SVG (Scalable Vector Graphics) とは、画像を「点の集まり（ビットマップ）」ではなく、「数式（ベクター）」として描画する形式のこと。拡大・縮小しても画質が全く劣化しないため、レスポンシブなWebデザインのアイコンやロゴによく使われる。

最終更新: 2026/1/18

軽い

複雑な写真には向きませんが、単純な図形ならJPEGやPNGよりも圧倒的にファイルサイズを小さくできます。

Scalable（拡大縮小可能な）Vector（ベクター）Graphics。

アイコンをSVGで書き出す。 SVGはコード（テキスト）なので、CSSで色を変えられる。