Векторные фоновые изображения против растровых фоновых изображений

Question

В настоящее время я использую повторяющийся шаблон растровых изображений на одном из моих веб-сайтов, который не настолько сложен, чтобы его нельзя было преобразовать в векторный, но пока еще не был увеличен, чтобы выглядеть достойно на HiDPI/Retina дисплеи.

Я рассматриваю возможность преобразования растрового шаблона в векторный и установки полученного .svg изображение в качестве фона, но я хочу знать, есть ли какие-либо недостатки использования векторных изображений в качестве фона веб-сайта.

Answer 1

• В зависимости от сложности изображения (фильтры, маски, градиенты...), оно может потреблять больше ресурсов процессора для рендеринга изображения; хорошо то, что все больше графических задач отправляются в GPU, так что это не большая проблема
• Не совместим со старыми браузерами
• Поддержка браузеров еще не идеальна, поэтому, если вы используете сложные функции, могут быть различия в том, как выглядит окончательное изображение

Но я твердо верю, что векторная графика имеет гораздо больше преимуществ, чем недостатков, так что дерзайте.