Изящная деградация для SVG картинок

Алексей Тен на своём сайте опубликовал интересную технику подмены SVG изображения на растровый вариант для браузеров, без поддержки SVG.


<svg width="96" height="96">
  <image xlink:href="svg.svg" src="svg.png" width="96" height="96"/>
</svg>

Прелесть метода заключается в том, что браузер загружает только одно изображение, которое он реально может показать. В своей статье Алексея подробно объясняется принцип работы.

Замечу лишь, что деградация слегка агрессивная по отношению с старым версиям Safari (включая iOS), Opera Mobile и Opera Mini. Эти браузеры не распознают inline SVG, но прекрасно отображают SVG в виде внешнего файла, подключаемого через тег <img>.

PS: Крис Койер в свой статье сообщает, что в IE 9, 10 и 11 всё же есть дополнительный запрос альтернативной картинки, а так же приводит ещё несколько техник.