Question

I am trying to use an SVG form an image on a website as it’s far more crisper than an PNG/GIF or JPG that I can use. Thing is I want to make sure that older browsers can also see this image (based on this: http://caniuse.com/svg) so is there a standard way to degrade gracefully with SVG images back to PNG/GIF or JPG?

Answer 1

By “older browsers”, you mean IE. Or at least until IE9 caught up with the rest of the world in SVG support for the first time in over a decade.

Check to see what IE does with the SVG element and namespace. iirc, it just ignored anything related to SVG and you can use conditional comments to fix IE and fall back to using an image in its stead.

**SVG stuff here ignored by IE<9**
    <!--[if lt IE 9]>
    <img src="">
    <![endif]-->