Добрый день! Насколько в наши дни актуально использовать спрайты?
SVG INLINE:
+ Насколько я знаю Есть вставлять иконки инлайном то открывается кучу возможностей для их манипуляции.
Можно менять цвет на какой угодно, можно анимировать, практический вроде не дает нагрузки на сервер при загрузки страницы.
- Очень много кода
- Нету возможности вставлять иконки если иконка зависит от класса. Тут уже без background-image не обойтись. Например у горячих новостей своя иконка .news -hot
Например у новых новостей своя иконка.news -new и тд
SVG SPRITE:
+ Не проверял но вроде не плохая скорость загрузки сайта при спрайтах
- Если мы вставляем иконки через background-image то есть через спрайты то у нас есть ограничения. Менять цвет иконки только если есть дубликат иконки с другим цветом и при ховере делать замену картинки. Как по мне это не очень практично и иногда бывают баги с бликами. Когда пользователь зашел в первый раз на страницу и наводит на иконку то она имеет блик/баг и только при повторном ховере заменяется картинка.
- Если клиент захотел добавить новую иконку или заменить старую но приходится заново собирать спрайт на фронте что не очень удобно.
Если что-то упустил, дополните пожалуйста и хочу услышать ваши мнения =) Спасибо.
Если вставляешь как inline, то надо следить чтоб не было конфликтов id. Если хочешь анимировать на js, то только inline.
Если анимация на css, либо на svg, либо ее нет вовсе, то можно просто картинкой вставить. Анимацию можно реализовать внутри самого svg файла. <img src="image.svg">
