Векторная графика представляет изображения в виде математических формул. В отличие от растровых изображений, векторы можно масштабировать без потери качества.
Редакторы, такие как Adobe Illustrator, Figma или Inkscape, используют кривые Безье, линии и фигуры для построения композиций.
Каждый элемент — это отдельный объект: линия, фигура, текст или маска. Все они могут быть объединены, выровнены или трансформированы без искажения пикселей.
Контур объекта задаётся набором точек и кривых, что позволяет создавать сложные формы и анимации.
Преимущества векторов: лёгкий вес файлов, возможность неограниченного масштабирования, точность редактирования.
Недостатки: сложность отображения текстур и фотореализма без растровых вставок.
Основной формат для векторов — SVG (Scalable Vector Graphics). Он поддерживается браузерами, легко читается, анимируется и стилизуется с помощью CSS и JS.