Некоторые преимущества использования SVG-изображений в качестве фона вместо растровых:

• Масштабируемость. 13 SVG-изображение можно увеличить хоть в десятки раз — его качество останется прежним. 1
• Лёгкая возможность форматирования. 1 С помощью CSS можно изменить расположение, форму, размер, пропорции, цвет, заливку и другие свойства составляющих частей изображения. 2
• Невысокий вес файлов. 1 Это позволяет ускорить процесс загрузки сайта. 1 Вес не зависит от глубины или количества цветов — только от числа используемых в картинке геометрических объектов. 1
• Интерактивность. 1 С помощью JavaScript можно настроить реагирование всей картинки или какой-то её части на поведение пользователя на сайте, например на наведение мышки. 1