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