SVGのフォールバック画像を用意したときのブラウザのHTTPアクセス状況

サイトでSVG画像を使う場合、IE 8以下やAndroid 2.3以下の標準ブラウザが対応していないため、フォールバックでPNG画像などを用意するケースがあるかと思います。 次のようにobject要素のフォールバック機構を使うと、SVG対応ブラウザはSVG画像が、そうでない場合はPNG画像が、さらに画像が表示されない環境ではテキストが表示されるはずです。 <object data="figure1.svg" type="image/svg+xml"> <img src="figure1.png" alt="代替テキスト" /> </object>

[masuP]

“フォールバック画像はobject要素にした方が良いのかもしれませんが、その場合 IE 7以下ではPNG画像も表示されなくなってしまう現象があり”