object要素で、SVGファイルを組み込む

本来のサイズは、幅228ピクセル、高さ107ピクセルですが、表示領域いっぱいに拡大しています。
それでも鮮明で、サイズは16kです。

<object data="img/svg_smp.svg" type="image/svg+xml" width="100%">
  <img src="img/svg_smp.png" alt="代替えPNG画像" width="228" height="107">
</object>

PNGファイルを同じように拡大して貼ってみると、違いは一目瞭然です。

<object data="img/svg_smp.png" type="image/png" width="100%">
  <img src="img/svg_smp.gif" alt="代替えGIF画像" width="228" height="107">
</object>

ちなみに、SVGファイルは。<img>要素でも組み込むことができます。

<img src="img/svg_smp.svg" alt="サンプル画像" width="228" height="107">