Поддержка браузера.SVG

Можно использовать сценарий caniuse.js , чтобы обнаружить, если браузеры поддерживают SVG или нет:

caniuse.svg()

... или можно позволить апачскому серверу, имеющему дело с ним:

RewriteEngine On
RewriteCond %{HTTP_USER_AGENT} MSIE\s[5-8]\.
RewriteCond %{REQUEST_FILENAME} ^.+?\.svg$
RewriteRule ^(.+?)\.(?:svg)$ $1\.png [L]

только необходимо создать .png версии каждого .svg файла, и не имеет значения, если файл для фона CSS или для тега img.

ВЎWith возражают элементу!

<object data="example.svg" type="image/svg+xml">
     <!-- If browser don't soport / don't find SVG  -->
     <img src="example.png" alt="Logotype" />
</object>

• caniuse.com — SVG

отредактировал: я раньше связывался с очень хорошей сравнительной таблицей SVG, но она не была обновлена с 2011, таким образом, это больше не релевантно.

Если я работаю с <img> элементы (в противоположность фоновым изображениям CSS), я использую удобное обходное решение, комбинацию [1 115] Modernizr (библиотека JavaScript, которая обнаруживает доступность определенных функций, , таких как поддержка .svg, на браузерах), и несколько строк jQuery:

$(".no-svg img").each(function() {
    var $this = $(this);
    if ($this.attr("src").indexOf(".svg") > -1) {
        var isSvg = $this.attr("src").toString();
        var isPng = isSvg.replace(".svg", ".png");
        $this.attr("src", isPng);
    }
});