Преимущества SVG перед растровыми форматами в веб-интерфейсах

Почему ты до сих пор не используешь SVG? Серьёзно?

До сих пор встречаю логотипы в PNG.
(А иногда вообще в JPG на белом фоне, который, конечно, не совпадает с цветом сайта)

Что это за 2008-й на дворе?

Но ладно логотип...
🙄 А иконки-то куда?

Вот скрин из мобильной версии Яндекс Музыки — иконка в плеере в хлам расплылась.

(То ли Яндекс, то ли телефон, но факт остаётся фактом — пиксели вместо интерфейса)

А теперь коротко, но по фактам:

SVG = любовь:

🔍 Идеально масштабируется на любом экране

⚡️ Весит меньше PNG

🎨 Можно анимировать, перекрашивать через CSS

💻 Идеально для адаптивных UI и тёмной темы

Так что, дорогие дизайнеры (и верстальщики тоже):

ИСПОЛЬЗУЙТЕ ВЕКТОР, МАТЬ ЕГО, SVG.

👀 Видели трэш-иконки в интерфейсах крупных сайтов?

Скиньте в комментах, сделаем мини-разбор. Или мини-позор 😅