それに対し今も一般的に使っているGIF・JPG・PNGはいずれもビットマップ形式の画像と呼ばれ、画像を点の集合で表現しています。 ビットマップ形式とベクター形式 ビットマップ形式はその性質上、画像を構成しているピクセル数が作成時点で決まっています。 ですので想定サイズを超過(拡大)してしまうと画像が荒くなり、ぼやけた状態になってしまいます。 それに対してベクター形式フォーマットのSVG画像は拡大縮小に柔軟に対応します。 演算により効率良く形や色を表現するので、サイズ変更がされてもその都度鮮明な画像を維持できるのです。 ここが通常のGIF・JPG・PNGを使うよりもSVG画像を使う方が利点となる部分ですね。 SVGの2種類の書き方 SVG画像の具体的な記述の仕方については割愛しますが、大きく分けて2種類の記述方法があります。 インラインによるSVG画像の記述例 <svg role="img"
![SVG画像を使う場合SEO検索で気を付ける事](https://cdn-ak-scissors.b.st-hatena.com/image/square/2cc374f589fbdda56b44cc22a1beab34a5b464d3/height=288;version=1;width=512/https%3A%2F%2Flpeg.info%2Fimages%2Fsvg_seo_img1.jpg)