[SVG] IE8 などの SVG 非対応ブラウザで代替画像を表示する方法いろいろまとめ

SVG 画像を Web 制作で使用する場合に、IE8 などの SVG 非対応ブラウザへは代替画像を表示することで対応することが多いのではないかと思います。調べてみると代替画像を表示する方法も色々あるようなのでまとめてみました。 object タグを使用して表示する object タグを使って SVG ファイルを読み込み、SVG ファイルが読み込まれなかった場合は、代替の img タグで指定された画像を表示します。 <object data="svg_image.svg" type="image/svg+xml" width="500" height="300"> <img src="svg_image.png" alt="svg_image" width="500" height="300" /> </object> 代替画像の表示をする代表的な方法のようですが、何故か私の環境では IE8