Векторная графика

Векторная графика — это способ представления изображений с помощью математических описаний геометрических объектов: точек, линий, кривых, многоугольников и других примитивов. В отличие от растровой графики, где изображение состоит из пикселей (точек цвета), векторное изображение строится на основе формул, описывающих контуры и заливки. Ключевая особенность векторной графики — независимость от разрешения: она может масштабироваться до любого размера без потери качества, так как при отображении математические уравнения пересчитываются заново для заданного размера.

История

Идея использования математических кривых для описания форм восходит к середине XX века. В 1960-х годах французский инженер Пьер Безье, работавший в компании Renault, разработал кривые, названные его именем (кривые Безье), которые стали основой для компьютерного моделирования автомобильных кузовов. Примерно в то же время в США Пол де Кастельжо из Citroën независимо предложил аналогичный алгоритм.

Первые коммерческие системы векторной графики появились в 1970-х годах. Одной из ранних была система Sketchpad Ивана Сазерленда (1963), но она была экспериментальной. В 1980-х годах с развитием персональных компьютеров начали выпускаться программные продукты для векторного рисования, такие как Adobe Illustrator (1987) и CorelDRAW (1989). Эти программы сделали векторную графику доступной для дизайнеров и иллюстраторов.

В 1990-х годах был разработан формат SVG (Scalable Vector Graphics), который стал открытым стандартом W3C (Консорциум Всемирной паутины) для векторной графики в вебе. SVG позволил встраивать векторные изображения в HTML-документы, что дало толчок к широкому использованию векторной графики в интернете — от иконок до сложных иллюстраций.

Принципы построения

Векторное изображение состоит из объектов, каждый из которых описывается набором математических данных:

Точки — координаты в двумерном пространстве (X, Y).
Линии — отрезки между двумя точками.
Кривые — чаще всего кривые Безье, которые задаются двумя опорными точками (начало и конец) и двумя контрольными точками, определяющими форму изгиба.
Замкнутые контуры — многоугольники или фигуры, образованные линиями и кривыми, которые могут быть залиты цветом, градиентом или текстурой.
Свойства — каждому объекту присваиваются атрибуты: толщина и цвет обводки, тип заливки, прозрачность и другие.

Изменение любого объекта сводится к изменению его математического описания. Например, перемещение точки или изменение контрольных точек кривой мгновенно пересчитывает всё изображение.

Форматы векторной графики

Существует множество форматов для хранения векторных изображений. Основные из них:

Формат	Разработчик	Особенности
SVG	W3C	Открытый стандарт, основан на XML, поддерживается всеми современными браузерами. Используется для веб-графики, иконок, логотипов.
EPS	Adobe	Старый формат, широко использовался в полиграфии. Основан на PostScript.
AI	Adobe	Собственный формат Adobe Illustrator. Хранит полную информацию о слоях, эффектах и настройках.
CDR	Corel	Собственный формат CorelDRAW.
PDF	Adobe	Универсальный формат для документов, может содержать как векторные, так и растровые элементы.
WMF/EMF	Microsoft	Форматы для векторной графики в операционных системах Windows.

Программное обеспечение

Для создания и редактирования векторной графики существует ряд программ, как коммерческих, так и свободных:

Adobe Illustrator — профессиональный редактор, лидер рынка. Поддерживает сложные инструменты, работу с цветом, типографикой и экспорт в различные форматы.
CorelDRAW — популярный пакет для векторной иллюстрации и макетирования, особенно распространён в полиграфии.
Inkscape — свободный и открытый редактор векторной графики. Работает с форматом SVG как с основным. Поддерживает многие функции, характерные для коммерческих аналогов.
Affinity Designer — относительно новый редактор от Serif, завоевавший популярность благодаря низкой цене и высокой производительности.
Sketch — редактор для macOS, ориентированный на веб- и интерфейсный дизайн.

Применение

Векторная графика используется в самых разных областях:

Графический дизайн — создание логотипов, визиток, буклетов, упаковки. Логотипы почти всегда выполняются в векторном формате, чтобы их можно было масштабировать от маленькой иконки до рекламного щита.
Веб-дизайн — иконки, кнопки, иллюстрации, анимация. SVG-изображения легко адаптируются под разные разрешения экранов.
Типографика — шрифты также являются векторными объектами (контуры букв описываются кривыми Безье).
Инженерная графика и САПР — чертежи, схемы, планы зданий и деталей. Векторная графика позволяет точно задавать размеры и масштабы.
Картография — карты, где линии дорог, границ и контуров объектов описываются векторами.
Анимация — векторные изображения используются в 2D-анимации (например, в Adobe Animate или Toon Boom Harmony) благодаря возможности плавно изменять формы объектов.
Полиграфия — все печатные материалы (книги, журналы, плакаты) готовятся в векторных программах для обеспечения высокого качества при печати.

Преимущества и недостатки

Преимущества

Масштабируемость — изображение не теряет качества при любом увеличении или уменьшении.
Малый размер файла — для простых изображений (логотипов, иконок) векторный файл занимает значительно меньше места, чем растровый.
Редактируемость — отдельные элементы можно легко изменять, перемещать, удалять или добавлять без потери качества.
Независимость от разрешения — изображение выглядит одинаково чётко на любом экране и при печати.

Недостатки

Сложность с фотографическими изображениями — векторная графика не подходит для реалистичных фотографий, так как требует огромного количества кривых для описания сложных текстур и цветовых переходов.
Зависимость от программного обеспечения — для просмотра и редактирования векторных файлов часто требуется специализированное ПО.
Большой размер для сложных объектов — изображения с множеством деталей (например, сложные иллюстрации с тысячами кривых) могут занимать больше места, чем растровые аналоги.
Проблемы с совместимостью — разные форматы и версии программ могут по-разному интерпретировать одни и те же элементы.