Рассказываем, зачем и как работать с файлами в формате SVG и для чего их можно модифицировать через код. Зачем использовать SVG Если вам нужны четкие, адаптивные или анимированные элементы интерфейса, иконки, логотипы, векторные изображения, то лучше всего использовать формат SVG. Ниже мы расскажем об основных преимуществах формата. Масштабирование изображения с сохранением качества pixel perfect При использовании формата PNG или растровых изображений разработчики ограничены пикселями. Масштабирование картинки снижает ее качество...

SVG-спрайт — это файл для хранения векторной графики формата SVG. Записывается по принципу: file-name.svg Для чего нужен SVG-спрайт? Для динамической стилизации векторных изображений через CSS и оптимизации. Чем хороши спрайты? ◌ Встроенные svg или по-другому "инлайн svg" занимают over-много места в html файле. Если одна и та же инлайн-иконка повторится на сайте 100 раз, то html будет долго грузиться + разметка станет нечитабельной. Используя спрайт, вы обойдетесь без лишнего дублирования кода — элементы будут ссылаться на один и тот же код во внешнем файле...