Как работать с форматом SVG: руководство для начинающих веб-разработчиков
Рассказываем, зачем и как работать с файлами в формате SVG и для чего их можно модифицировать через код. Зачем использовать SVG Если вам нужны четкие, адаптивные или анимированные элементы интерфейса, иконки, логотипы, векторные изображения, то лучше всего использовать формат SVG. Ниже мы расскажем об основных преимуществах формата. Масштабирование изображения с сохранением качества pixel perfect При использовании формата PNG или растровых изображений разработчики ограничены пикселями. Масштабирование картинки снижает ее качество...
Лучший способ использовать SVG на сайте
Уже давно все иконки на сайте используют в SVG формате. Это современно, адаптивно и удобно. Но что делать если svg иконок много? Как использовать спрайты на примере обычных растровых изображений мы уже знаем. Просто соединяем много иконок в одну картинку и выбираем нужный участок картинки через background-position. В случае с SVG самым быстрым способом будет воспользоваться этим сервисом. Создание SVG спрайта 1. Итак, заходим на SVG Sprit 2. Перетаскиваем нужные SVG иконки прям на страницу 3. Получаем...