HTML
SVG
中級読み方：エスブイジー｜英語：Svg
Scalable Vector Graphicsの略。拡大しても劣化しないベクター画像形式。アイコンやロゴに最適。
やさしい説明
SVGは、数式で図形を描くベクター画像形式です。
PNGやJPEGと違い、どれだけ拡大しても画質が劣化しません。アイコンやロゴに最適です。
具体例・使い方
アイコン、ロゴ、グラフ、イラストなどに使われる
CSSやJavaScriptで色やサイズを動的に変更できる
よくある疑問
Q: SVGとPNGの使い分けは？
A: アイコンやロゴはSVG、写真はPNG/WebPが適しています。SVGはファイルサイズも小さいです。