SVG-графика для сайта

0/5 ·
Создан: 27 августа 2019 г. Обновлён: 23 марта 2026 г.

Вам нужен инструмент для создания лёгкой, масштабируемой и интерактивной графики, которая не теряет качество при любом разрешении экрана. Здесь вы разберете работу с SVG-форматом: от внедрения векторных объектов в структуру HTML до создания анимаций и сложных фильтров.

Внутри разбираются:

  • Техники встраивания графики через теги img, object, background-image и прямую вставку кода.
  • Управление атрибутами viewBox и preserveAspectRatio для корректного отображения.
  • Анимация векторов с помощью CSS, SMIL и JavaScript-библиотек Snap.js и SVG.js.
  • Создание кастомных прелоадеров и элементов интерфейса с использованием SVG-фильтров (размытие, изменение цветовой матрицы).

Курс подойдет веб-разработчикам, которые хотят улучшить визуальную составляющую интерфейсов. На выходе вы получите навыки создания анимированных SVG-компонентов, готовых к внедрению на сайт.

Другие материалы автора

И
Можно купить
80 ₽ 990 ₽ −92%

Интенсив по заработку для фрилансеров

Артём Исламов
И
Можно купить
80 ₽ 300 ₽ −73%

Идеальное портфолио за 3 часа

Артём Исламов
0 · 0 отзывов

Отзывов пока нет. Будьте первым!

Ещё интересные курсы

HTML и CSS. Уровень 1 + Уровень 2 (Верстальщик Web) Можно купить
842 ₽ 25 400 ₽ −97%

HTML и CSS. Уровень 1 + Уровень 2 (Верстальщик Web)

Специалист
Сертифицированный веб-разработчик: HTML, CSS, Javascript, PHP, MySQL. Уровень 1 Можно купить
80 ₽ 923 ₽ −91%

Сертифицированный веб-разработчик: HTML, CSS, Javascript, PHP, MySQL. Уровень 1

Udemy
Видеокурс HTML и CSS за 3 дня Можно купить
158 ₽ 2 199 ₽ −93%

Видеокурс HTML и CSS за 3 дня

И
Можно купить
200 ₽ 650 ₽ −69%

Изучаем Blockchain, создав свой собственный на JavaScript

Udemy
L
Можно купить
224 ₽ 700 ₽ −68%

Learning Path: Modern Web Development with JavaScript

Udemy
П
Можно купить
172 ₽ 850 ₽ −80%

Познавая вёрстку: HTML, CSS и кое что ещё

Gleb Chubarenko
П
Можно купить
126 ₽ 900 ₽ −86%

Полный веб-разработчик: с нуля до мастера

Udemy
П
Можно купить
80 ₽ 490 ₽ −84%

Про TDD, BDD и вот это всё. Зачем JS-разработчику писать тесты

ProfIT
С
Можно купить
300 ₽ 999 ₽ −70%

Создание современных веб-приложений с помощью Go

Trevor Sawler
S
Можно купить
500 ₽ 3 100 ₽ −84%

Scripts Organizer - менеджер скриптов для WordPress

DPlugins