#11. SVG для НАЧИНАЮЩИХ (Оптимизируем SVG. Спрайты и минификаторы)
HTML-код
- Опубликовано: 8 фев 2025
- Поддержать автора:
www.donational...
Минификатор: jakearchibald....
***** Музыка:
Music from Tunetank.com
SFRecords - Summer Lofi (Copyright Free Music)
Download free: tunetank.com/t...
IsaevIlnarMusic - Afternoon (Copyright Free Music)
Download free: tunetank.com/t...
IsaevIlnarMusic - Calmness (Copyright Free Music)
Download free: tunetank.com/t...
MelancholicBird - Night Of Nostalgia (Copyright Free Music)
Download free: tunetank.com/t...
Alex GL - Morning Walk (Copyright Free Music)
Download free: tunetank.com/t...
7:30 path fill="currentColor"
Блин, а я чота и не вспомнил про currentColor :с
Надо будет доснять видео. Спасибо за подсказку
@@kakieToYroki только я не правильно написал, каррентКолор не path, а родитель надо задавать
То есть в спрайт по сути в 1 файл можно запихнуть 100 иконок и в разных частях страницы отображать разные части спрайта через позишн относительно viewBox?
Да. Еще я видел техники, когда этот спрайт в localStorage сохраняют, чтобы каждый раз пользователь не скачивал этот файл. И получается такая небольшая оптимизация. Мы вот у себя на проекте хотим это внедрить :)
слушай, а интересно
А можно же спрайт ввнести из html в отдельный файл sprite.svg и обращаться к нему в href="./img/sprite.svg#idname"
Хмм… интересный способ. Надо будет попробовать