Векторная графика SVG. HTML уроки
HTML-код
- Опубликовано: 15 июл 2020
- Привет!📢
В этом уроке, я рассказываю как использовать svg иконки на сайте. Рассказываю про отличия svg от png. Также показываю как влияет использование svg на оптимизацию сайта.
SVG - язык разметки масштабируемой векторной графики.
SVG изображения можно увеличивать сколько угодно абсолютно без потери качества.
НЕ СОМНЕВАЙТЕСЬ И РАЗВИВАЙТЕСЬ! У ВАС ВСЁ ПОЛУЧИТСЯ! :)
Желаю приятного обучения! 🔥
▶ Телеграм: t.me/Dmitry_Kolotilshikov
📢 Автор видеоурока: Дмитрий Колотильщиков
Спасибо огромное. Единственный кто объяснил как это сделать!!!
Большое тебе спасибо!!
Спасибо! Единственное толковое объяснение! Подписался везде.
Благодарю вас за отличный урок!
Спасибо! Интересно и понятно было
Спасибо!
Да, ты просто красава! Спасибо огромное!)
Отличный урок!
Просто и понятно. молодец
Спасибо🎉
Спасибо за инфу!
Спасибо большое за это видео! Очень помогли с ховером
Спасибо большое! С меня лайк и подписка
Суперски! Спасибо!!!
🙏🙏🙏
Было полезно
Старался лайк достоин ты
Очень полезно
Like!
Супер
Познавательно, но как подключать картинки с макета при верстке сохраненные в svg? Там внутри не такой код.
А есть способ импортнуть эти пути из отдельного файла и вставить как переменную например, а не засорять html документ этой кучей букв?)
🔥🔥🔥🔥🔥🔥
спасибо
отличное видео. спасибо!
ты супер.
больше роликов.
больше инфо.
спасибо за мотивацию!)
спасибо
по больше роликов.
js
Спасибо за ролик.
Добавлю от себя что не обязательно svg весит меньше чем например png.
Я сгенерил svg по подобию аналогичного png и вышла такая картина
logo_128_1.svg 391 B 13 ms
logo_128_1.png 390 B 11 ms
это в байтах тебе показывает, то есть это треть одного килобайта
▶ Telegram: t.me/Dmitry_Kolotilshikov
ссылка не работает (
@@noobsslayer7520 t.me/Dmitry_Kolotilshikov
Sir, I hope you can make videos in English for your international viewers.
однозначно решает
Добрый день. Если svg и symbol добавить в отдельный файл браузеры не отображают эти иконки. Как обойти запрет браузеров на отображение svg/
скрыть дисплей, потом вызвать?
полезное видео
но запутанно когда подключаешь SVG картину к сайту и задаешь id
Инфа про svg неполная. Например что такое viewbox(на этом могут ногу сломать)
View box что это? Расскажите пожалуйста
пиво, хочу холодное я хряпнуть пиво
А нужно ли сохранять svg иконки в папке для картинок или можно этого и не делать и просто вставлять в разметку?
можно просто вставлять в разметку, это уже необходимый код
фух,наконецто более понятно стало.Ну можна же спокойно обьяснить,чего все усложняют,куда то спешат,молча печатают и потом:понятно???
Хэй, видос годный, но не упомянул о возможности разных методов вставки SVG, в конторах не одобрят такую грязь в коде.
И да, точечное изменение цвета, возможно, CSS-переменные помогут!
Всем guys - peace :3
а как одобряют, как это вынести или минимизировать?
А если вставлять svg в теге img, вместо jpg или png, это сильно будет отличаться от вашего метода?
в уроке дело в том, что вы вставляете код, а не изображение, это производительнее и меньше весит
Здравствуйте, можете помочь, очень нужно! Как преобразовать SVG файл, который имеет иконку браузера гугл и открывается в гугле в нормальный обычный SVG формат, который открывается в соответствующих программах, а не гугле
Здравствуйте! вы можете переконвертировать файл в Adobe Photoshop или в Adobe Illustrator
@@dmitry_kolotilshikov благодарю вас за ответ, а как это сделать в иллюстраторе, объясните, пожалуйста, вот я открыла его в иллюстраторе, а потом как переконвертировать?
@@AnastasiiaSagittariusнужно выделить каждый элемент картинки и правой кнопкой мыши выбрать export selection
@@dmitry_kolotilshikov благодарю вас, все получилось))))
и вообще цвет в svg не меняется у меня хотя сделал как у тебя
вставляю цветные а они чёрно-белые по факту
слава україні
И нахрена так через жопу?! Сначала скрыть дисплей, потом вызвать?
Много ненужной инфы, диз
спасибо за первый дизлайк на канале)
@@dmitry_kolotilshikovВсе доходчиво и понятно. Спасибо.
"Не нужной" для тебя, а мне даже этой инфы не достаточно, чтобы всё понять, кто ж виноват, что ты "Гением родился", если ты уже шаришь, нахер смотришь? Я смотрю как новичок, и эта инфа полезная + даже хотелось бы еще некоторые моменты уточнить