Fallback SVG to PNG in img element

At my company, we love to work with svg, but it's not compatible with old browsers like IE8 and inferiors (source). So, here is a good fallback using Modernizr SVG option

First, load modernizr in the head of your document.

Next, copy this code just before the end of document's body :

// Check if browser can handle SVG
if(!Modernizr.svg){
    // Get all img tag of the document and create variables
    var i=document.getElementsByTagName("img"),j,y;

    // For each img tag
    for(j = i.length ; j-- ; ){
        y = i[j].src
        // If filenames ends with SVG
        if( y.match(/svg$/) ){
            // Replace "svg" by "png"
            i[j].src = y.slice(0,-3) + 'png'
        }
    }
}

At last, create a png version of each svg image you have in your page at the same location as svg files.

Here is a condensed version (143bytes)

if(!Modernizr.svg)var i=document.getElementsByTagName("img"),j,y;for(j=i.length;j--;)y=i[j].src,y.match(/svg$/)&&(i[j].src=y.slice(0,-3)+"png")