Векторная графика: определение и форматы¶
Векторный формат — способ представления графической информации, при котором изображение описывается не отдельными пикселями, а математическими объектами: точками, линиями, кривыми Безье, замкнутыми контурами и формулами, задающими их свойства (цвет, заливку, толщину обводки). В отличие от растровой графики, где картинка хранится как сетка пикселей, векторный файл хранит инструкции по построению изображения, поэтому оно масштабируется без потери качества. Основные форматы векторной графики — SVG, PDF, EPS, AI, CDR, DXF.
¶Принцип работы
Векторное изображение строится из геометрических примитивов. Каждый примитив описывается координатами и параметрами: например, отрезок — двумя точками и толщиной линии, кривая Безье — набором управляющих точек, окружность — центром и радиусом. Цвет и заливка задаются отдельно от геометрии. Такое описание позволяет программе пересчитывать изображение под любой размер экрана или печати, интерпретируя те же данные заново.
Масштабирование векторной графики не приводит к «размытию» или появлению «лесенки» на краях: файл просто пересчитывается для нового разрешения. Это свойство делает векторные форматы стандартом для логотипов, иконок, чертежей, карт, шрифтов и любой графики, которую предполагается использовать в разных масштабах.
¶Сравнение с растровой графикой
| Параметр | Векторная графика | Растровая графика |
|---|---|---|
| Описание изображения | Математические примитивы | Сетка пикселей |
| Масштабирование | Без потери качества | Появление артефактов |
| Размер файла | Обычно меньше | Зависит от разрешения и глубины цвета |
| Фотоснимки | Неприменима | Основной формат |
| Редактирование | Изменение отдельных объектов | Обработка пикселей |
| Типичные задачи | Логотипы, иконки, чертежи | Фотографии, сложные текстуры |
Растровые форматы (JPEG, PNG, TIFF) лучше подходят для фотографий и изображений с плавными градиентами, где важна точная передача каждого пикселя. Векторные форматы предпочтительны там, где нужна чёткость контуров при любом увеличении.
¶Основные форматы
- SVG (Scalable Vector Graphics) — открытый формат на основе XML, разработанный консорциумом W3C. Поддерживается большинством браузеров и является стандартом для веб-графики: иконки, диаграммы, интерактивные элементы интерфейса.
- PDF (Portable Document Format) — формат компании Adobe, в котором векторные данные сочетаются с растровыми и текстом. Широко используется для документов и полиграфической подготовки.
- EPS (Encapsulated PostScript) — классический формат для передачи векторной графики между издательскими системами, на основе языка PostScript.
- AI — проприетарный формат Adobe Illustrator, по структуре близкий к PDF.
- CDR — формат CorelDRAW, распространённый в полиграфии и рекламном дизайне.
- DXF (Drawing Exchange Format) — формат компании Autodesk для обмена чертежами между САПР-системами (AutoCAD и аналогами).
- EMF/WMF — форматы Microsoft для векторной графики в Windows-приложениях.
¶Области применения
Векторные форматы используются везде, где важна масштабируемость и точность геометрии:
- Полиграфия и дизайн — логотипы, фирменный стиль, макеты рекламных материалов, которые печатают в разных размерах.
- Картография и черчение — географические карты, инженерные чертежи, схемы, планы зданий.
- Веб-разработка — SVG-иконки, диаграммы, анимация интерфейса, логотипы, которые должны одинаково выглядеть на экранах с разным разрешением.
- Шрифты — контуры букв описываются векторными кривыми, поэтому шрифт одинаково чётко отображается в любом кегле.
- Компьютерная графика и анимация — масштабируемые объекты, интерфейсы игр, инфографика.
¶Ограничения
Векторная графика плохо подходит для фотографий и изображений с большим количеством мелких деталей: попытка описать фотографию векторными кривыми приводит к огромным файлам и неестественному виду. Для таких задач используют растровые форматы или гибридные подходы (как в PDF, где вектор и растр сосуществуют). Кроме того, отображение сложных векторных сцен может быть вычислительно затратным, поэтому в играх и 3D-графике векторные данные часто растеризуются заранее.
Источники:
- «Computer Graphics: Principles and Practice», J. F. Hughes, A. van Dam и др.
- Спецификация SVG 1.1, W3C Recommendation
- «Real World Vector Graphics», C. M. Smith
- Справочник «Цифровая графика: растровые и векторные форматы»
