Векторная графика и изображения: что это такое?

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

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

Файл, отображающий векторное изображение, содержит начальные координаты и параметры примитивов – векторные команды.

Самым близким аналогом векторной графики является графическое представление математических функций. Например, для описания отрезка прямой достаточно указать координаты его концов, а окружность можно описать, задав координаты центра и радиус.

Информация о цвете объекта сохраняется как часть его описания, т.е. тоже в векторной команде.

Векторные команды сообщают устройству вывода о том, что необходимо нарисовать объект, используя заложенное число элементов-примитивов. Чем больше элементов используется, тем лучше этот объект выглядит.

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

Файлы векторной графики могут содержать растровые объекты.

Достоинства векторной графики

• Векторные изображения занимают относительно небольшой объем памяти.
• Векторные объекты могут легко масштабироваться без потери качества

Недостатки векторной графики

• Векторная графика не позволяет получать изображения фотографического качества.
• Векторные изображения описываются тысячами команд. В процессе печати эти команды передаются устройству вывода (принтеру). Чаще всего изображение на бумаге выглядит не так как на экране монитора.

Характеристика векторной графики

Основные достоинства векторной графики:

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

Основные недостатки векторной графики:

1. Проблематичность ее использования для передачи сложных изображений (например фотографий).
2. Визуализация векторных изображений может потребовать значительно больше времени, чем растрового файла такой же сложности, поскольку каждый элемент изображения должен быть воспроизведен отдельно и в определенной последовательности.
3. Программная зависимость, поскольку не существует принципиальной возможности создать единый стандартный формат, который бы позволял свободно открывать любой векторный документ в любой векторной программе.
4. Bекторный принцип описания изображения не позволяет автоматизировать ввод графической информации, как это делает сканер или цифровая фотокамера для точечной графики.

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

Особенности

Несмотря на то, что изначально
программа была разработана как 
редактор изображений для полиграфии,
в данное время она широко используется
и в веб-дизайне. В более ранней версии
была включена специальная программа
для этих целей — Adobe ImageReady, которая была
исключена из версии CS3 за счёт интеграции
её функций в сам Photoshop, а также включения
в линейку программных продуктов Adobe Fireworks,
перешедшего в собственность Adobe после
приобретения компании Macromedia.

Photoshop тесно связан с другими
программами для обработки медиафайлов,
анимации и другого творчества. Совместно
с такими программами, как Adobe ImageReady (программа
упразднена в версии CS3), Adobe Illustrator, Adobe
Premiere, Adobe After Effects и Adobe Encore DVD, он может использоваться
для создания профессиональных DVD, обеспечивает
средства нелинейного монтажа и создания
таких спецэффектов, как фоны, текстуры
и т. д. для телевидения, кинематографа
и всемирной паутины. Photoshop также прижился
в кругах разработчиков компьютерных
игр. Основной формат Photoshop, PSD, может быть
экспортирован и импортирован всеми программными
продуктами, перечисленными выше. Photoshop
CS поддерживает создание меню для DVD. Совместно
с Adobe Encore DVD, Photoshop позволяет создавать
меню или кнопки DVD. Photoshop CS3 в версии Extended
поддерживает также работу с трёхмерными
слоями.

Из-за высокой популярности
Photoshop поддержка специфического для неё
формата PSD была реализована во многих
графических программах, таких как Macromedia
Fireworks, Corel PHOTO-PAINT, WinImages, GIMP, Corel Paint Shop Pro
и других.

Photoshop поддерживает следующие
цветовые модели или способы описания
цветов изображения (в нотации самой программы
— режим изображения):

• RGB
• LAB
• CMYK
• Grayscale
• Bitmap
• Duotone
• Indexed
• Multichannel

Поддерживается обработка 
изображений, как с традиционной
глубиной цвета 8 бит (256 градаций на один
канал), так и с повышенной 16 и
32 бит (65’536 и 4’294’967’296 градаций на канал 
соответственно). Возможно сохранение
в файле дополнительных элементов,
как то: направляющих (Guide), каналов (например,
канала прозрачности — Alpha channel), путей
обтравки (Clipping path), слоёв, содержащих векторные
и текстовые объекты. Файл может включать
цветовые профили (ICC), функции преобразования
цвета (transfer functions), пропорции пиксела (Pixel
Aspect Ratio).

Основные сведения

Если попросить человека нарисовать на листе бумаге кота, а затем указать размеры изображенного животного, то художник начнет мерить расстояние от ушей до хвоста. Для компьютера же был бы важен весь лист бумаги, ведь белый – это тоже цвет, который нужно отобразить.

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

Этот способ представления в корне отличается от широко распространенной растровой графики, где сохраняется информация о каждом пикселе.

Во многих ситуациях тип применяемой графики не имеет значения. Тем не менее, в определенных областях представление изображений с помощью графических примитивов гораздо удобнее; перечислим некоторые из них:

• Электронная полиграфия;
• Системы автоматического проектирования;
• Создание любых изображений, которые в дальнейшем будут масштабироваться.

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

Рассмотрим основные положительные стороны векторной графики по сравнению с растровой.

Сохранение качества изображения при изменении масштаба

• Точность при построении графических объектов;
• Малый размер файлов, содержащих изображение.

Однако существуют и некоторые недостатки векторной графики.

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

Основные форматы

Объекты векторной графики формируются в различных программах, а следовательно – применяются отличные друг от друга алгоритмы построения изображений. В связи с этим существуют разнообразные форматы векторной графики. Рассмотрим некоторые из них.

AI. Файлы с таким расширением получаются в результате работы программы Adobe Illustrator:

Отмечается высокое качество изображений. К сожалению, файлы, сохраненные в новых версиях программы, не могут быть прочитаны в старых.

CDR. Эти файлы – «детище» графического редактора CorelDRAW, который признан многими как самый лучший редактор векторной графики:

Отличительной особенностью этой программы является огромное количество возможностей редактирования изображений, однако это в главной степени и вменяется редактору в качестве недостатка, так как освоение неопытными пользователями проходит с большими трудностями.

• EPS. Данный формат поддерживается многими популярными графическими редакторами, изначально же он использовался Adobe Illustrator.
• SVG. Изображения, сохраненные в этом формате, обладают достаточно средним качеством. Формат никому не принадлежит и полностью открыт для использования. Активно применяется в веб-технологиях.

О чем нужно помнить

Работа с векторной графикой имеет свои специфические особенности. Ниже приведены некоторые рекомендации, которые помогут неопытному пользователю более уверенно чувствовать себя при выборе графического редактора и во время работы с ним.

• Не стоит заниматься версткой в программах, использующих векторную графику, особенно, если текста достаточно много;
• Не стоит работать с фотографиями, используя векторную графику. Также следует избегать любых картинок с богатой цветовой гаммой;
• Для лучшего понимания того, что происходит при создании изображений, необходимо обладать базовыми знаниями в геометрии.

Таким образом, векторная графика используется там, где необходимо обеспечить «безболезненную» масштабируемость изображений и малый размер файлов. Один из лучших редакторов, позволяющих применять векторную графику – CorelDRAW. Он обеспечивает широкий спектр возможностей для создания и редактирования изображений.

LibreOffice Draw

LibreOffice Draw — векторный графический редактор с открытым исходным кодом, в котором можно делать всё, что угодно, от эскиза на скорую руку до сложного плана. Но в основном предназначен для работы с графиками и диаграммами. Максимальный размер страницы для технических чертежей и обычных плакатов составляет 300×300 см.

Программа входит в состав пакета LibreOffice, разработанного фондом The Document Foundation. Здесь можно создавать рисунки любой сложности и экспортировать их в стандартные форматы, а также вставлять таблицы, диаграммы, формулы и другие элементы. Программа предназначена для самых разных изображений. Панели инструментов одним кликом подстраиваются под ваши предпочтения, стиль и задачи.

В LibreOffice Draw есть инструмент для создания простых 3D-объектов: куба, сферы и цилиндра. С его помощью можно также изменить источник света. Есть коллекция изображений, звуков и анимаций, которые можно использовать в своих работах.

Между объектами можно провести специальные соединительные линии, чтобы показать связь. Объекты на рисунке можно выравнивать (в этом помогут визуальные подсказки) и привязывать к направляющим и линиям сетки.

Версии Adobe Photoshop

Photoshop v.10.0, датируемый апрелем
2007 года, имеет название «Photoshop CS3». Аббревиатура
«CS3» означает, что продукт интегрирован
в третью версию пакета программ «Adobe Creative
Suite». В предыдущих продуктах — Photoshop CS
и CS 2, c целью отличия от прежних версий
и укрепления принадлежности к новой линейке
продуктов, был изменён символ программы:
вместо изображения глаза, которое присутствовало
в версиях с 3-й по 7-ю, в стилевом решении
использовалось изображение перьев. В
Photoshop CS3 в иконке приложения и экране-заставке
используются буквы из названия продукта
«Ps» на синем градиентном фоне. Список
нововведений включает в себя новый интерфейс,
увеличенную скорость работы, новый Adobe
Bridge, новые фильтры и инструменты, а также
приложение Device Central, позволяющее осуществлять
предварительный просмотр работы в шаблонах
популярных устройств, например мобильных
телефонов.

Последние версии включают в 
себя Adobe Camera RAW — плагин, разработанный
Томасом Ноллом (Thomas Knoll), который позволяет
читать ряд RAW-форматов различных цифровых
камер и импортировать их напрямую в Photoshop.

Хотя Photoshop практически монополизирует
профессиональный рынок, высокая цена
привела к появлению конкурирующих программных
продуктов, занимающих среднюю и низшую
ценовую нишу рынка, некоторые из которых,
к примеру GIMP, совершенно бесплатны. Для
завоевания этой части рынка и для противостояния
необычайно высоким показателям нелегального
использования своих профессиональных
продуктов, Adobe представил программы среднего
и низшего класса Photoshop Elements и Photoshop Album,
первая из которых является платной урезанной
версией Photoshop, а вторая распространяется
бесплатно и служит для организации и
элементарной обработки фотографий. Продукт
нацелен на любительский рынок, так как
ограниченная функциональность делает
Photoshop Elements неподходящим для подготовки
изображений к печати. Программа Adobe Photoshop
Lightroom служит исключительно для «проявки»
цифровых негативов, простой ретуши фотоснимков
и организации их каталога.

Макет в кривых: какой формат

Среди распространенных векторных форматов обычно используются cdr, ai, eps, svg и pdf.

Если осуществляется создание макета в кривых – формат будет соответствовать типичным требованиям, предъявляемым современной типографией. Кривыми называют состояние шрифта, соответствующее векторному макету. Если не позаботиться о таком виде создания шрифта, его можно редактировать только при наличии на компьютере. При пользовании другим ПК возможности для редактирования файла будут ограниченными. Иногда осуществляют замену правильных шрифтов другими, что приводит к изменению вида будущего издания.

Сегодня принята разработка макета в кривых, какой бы формат продукции не был запланирован заказчиком. В такой ситуации полиграфистам не придется заниматься редактированием макета, и не возникнет проблем при печати. Векторный редактор соответствует даже растровым файлам, хотя для передачи в печать понадобится подготовка, соответствующая требованиям типографии. При подготовке макета в кривых, какой формат разрабатывается для реальной печати следует уточнить у типографии, во избежание неприятных последствий при предпечатной обработке. Дизайнеру всегда проще работать с исходником либо самостоятельно заниматься подготовкой макета под ключ.

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

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

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

Векторные изображения могут быть легко преобразованы в растровый формат любого разрешения.

Создание полноцветных векторных рисунков фотографического качества достаточно трудоемко и технически сложно, что существенно ограничивает возможности работы с целым рядом категорий изображений и является её основным недостатком.

Наиболее популярным программным обеспечением для работы с векторной графикой являются CorelDraw и Adobe Illustrator.

Растровые изображения

Растр – это любые файлы, изображающие окружающий мир с натуры: отсканированные рисунки, фотографии, картинки, сделанные в компьютерных программах – хотя бы в том же Paint. Элементарная единица таких файлов – пиксель: очень маленький квадрат, залитый определенным цветом. Количество пикселей на единицу длины (чаще всего – дюймы, inches по-английски) определяет разрешение растрового изображения – dpi.

Растровые изображения имеют следующие свойства и характеристики:

• Для сайтов минимальное разрешение составляет 75 точек на дюйм: меньше – качество окажется слишком низким, больше – страница будет долго загружаться.
• Для печати требуется разрешение от 150 до 300 dpi – при меньшем количестве пикселей на дюйм изображение получится нечетким, размытым, зернистым.
• Масштабирование растра крайне нежелательно: при увеличении картинки становятся видны пиксели, изображение разбивается на цветные квадраты.
• Уменьшение растра менее проблематично, но если из большого файла сделать совсем маленький, контуры и мелкие детали будут сильно деформированы.

Растр применяют в дизайне, оформлении, иллюстрациях и других подобных сферах в том случае, если нужно максимально реалистично и полноценно передать сложный естественный объект, например, портрет или пейзаж с обилием мелких деталей. Для растровой графики практически не существует ограничений по типам изображений.

Существует много редакторов растровой графики, от совсем простых вроде Paint до профессиональных: Adobe Photoshop или программ семейства Corel: Photo-Paint, Paint Pro, Painter. Самый популярный формат (расширение) – JPEG (.jpg, .jpeg, .jpe, .jfif). Также часто используют BMP (.bmp, .dib, .rle), TIFF (.tiff), GIF (.gif), PNG (.png) и ряд других.

Расширенные функции программы

Расширенная версия программы 
Adobe Photoshop Extended предназначена для более
профессионального использования, а именно
— при создании фильмов, видео, мультимедийных
проектов, трехмерного графического дизайна
и веб-дизайна, для работы в областях производства,
медицины, архитектуры, при проведении
научных исследований.

В программе Adobe Photoshop Extended
современных версий (CS4, CS5) можно открывать
и работать с 3D-файлами, создаваемыми такими
программами, как Adobe Acrobat 3D, 3ds Max, Maya и Google
Earth. Photoshop поддерживает следующие форматы
файлов 3D: U3D, 3DS, OBJ, KMZ и DAE. Возможно использовать
трехмерные файлы для внедрения в двумерное
фото. Доступны некоторые операции для
обработки 3D-модели как работа с каркасами,
выбор материалов из текстурных карт,
настройка света. Также можно создавать
надписи на 3D-объекте, вращать модели,
изменять их размер и положение в пространстве.
Программа включает в себя также команды
по преобразованию плоских фотографий
в трехмерные объекты определенной формы,
такие как, например, банка, пирамида, цилиндр,
сфера, конус и др.

YouiDraw

YouiDraw — векторный open source-редактор с большим количеством настраиваемых кистей. В наличии современные инструменты, например – карандаш для выполнения простых линий и контуров, а также различные средства работы с цветами.

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

Можно изменять размер, масштаб и положение фигуры или текста, а также поворачивать и наклонять их так, как вам нужно. Программа очень удобная и простая. Есть инструменты для дизайна логотипов, включая готовый набор стилей, графические шаблоны и эффекты.

Основная аудитория YouiDraw – стартапы, агентства, предприятия, малый и средний бизнес. Создана программа на HTML5 Canvas, данные хранятся на Google Диске. Работать в ней можно откуда угодно. Это мощный веб-инструмент для дизайна векторной графики. Интегрируется программа практически с любым веб-приложением.

Сравнительная таблица растровой и векторной графики

Разница в принципах построения векторного и растрового изображения обуславливает различные сферы их применения. Так для редактирования фотореалистичных изображений должны применяться растровые форматы, тогда как чертежи и схемы, требующие высокой точности создаются и редактируются в векторном формате.

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

Рис. 3. Фрактальное изображение.

Что мы узнали?

Графические объекты бывают в растровом, векторном и фрактальном формате. Растровое изображение строится из точек, имеет большой информационный объем и теряет свои свойства при масштабировании. Векторное изображение строится из геометрических примитивов, весит меньше и не требовательно к масштабированию. Новый вид графики — фрактальная графика.

1. Вопрос 1 из 10

Начать тест(новая вкладка)

Растровая графика

Чтоб понять принцип построения растрового изображения, представьте себе лист масштабно-координатной бумаги (миллиметровки), каждая клеточка которого закрашена каким-то цветом. Такую клеточку называют пикселем.

Качество изображения называют разрешением. Его определяют количеством пикселей, которые как раз и формирует рисунок. Чем больше пикселей размещено на единице площади, тем выше разрешение, а следовательно выше и качество изображения. Например рисунок с разрешением 1280×1024 состоит из 1280 px по вертикали и 1024 px по горизонтали. Следует отметить, что в данном случае речь идёт о физическом размере изображения, а не о единице площади (дюйме, сантиметре и т.п.).

Основным недостатком растровых изображений является заметное ухудшение качества при масштабировании (имеется ввиду увеличение размера изображения). Дело в том, что увеличивая (уменьшая) размер изображения, Вы увеличиваете (уменьшаете) размер каждого пикселя, что, при значительном масштабировании, позволяет их визуально определить.

Кроме того, наиболее часто к недостаткам растра относят: отсутствие возможности поворота рисунка на угол, отличный от 90* без заметного искажения самого рисунка, а также размер файла, который напрямую связан с качеством изображения.

Достоинства растровых картинок также бесспорны. В первую очередь это фотографическое качество получаемого изображения, способное передать всю гамму цветов и их оттенков.

Наиболее распространеным программным обеспечением для работы с растровыми изображениями является Adobe Photoshop.

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

Достоинства векторной графики заключаются в возможности эффективного редактирования и масштабировании без потери качества.
Вместе с тем, последнее имеет определенные ограничения, так как значительное увеличение предполагает повышение детализации, чего естественно не происходит.
В случае значительного уменьшения, наоборот, число деталей становится явно избыточным. Размер файла при этом может существенно превысить размер растрового файла.
Это притом, что файлы простого векторного изображения обычно существенно меньше соответствующих растровых файлов и могут содержать редактируемый текст.

Нельзя и не подчеркнуть возможность поворота векторного изображения или его части на произвольный угол. При таком изменении в растровом формате происходит существенное
и необратимое изменение контуров, которые проходят под углом, отличным от 90°, и так при каждом повороте. Векторное же изображение нисколько не пострадает и может изменяться любое необходимое число раз.

Преимуществами векторной графики на основе языков маркировки являются также возможности выбора, индексирования и поиска элементов изображения и привязки ее к другим элементам.
Примером такого подхода может служить язык векторной разметки (Vector Markup Language, VML).

Давайте попробуем обобщить преимущества векторного изображения.

• Полная и сравнительно простая редактируемость, в том числе отдельных объектов.
• Распечатка и отображение с максимально возможным качеством (разрешением устройства).
• Произвольная масштабируемость без потери качества и изменения размера файла.
• Небольшой размер файла, определяющийся количеством объектов и, в меньшей степени, их сложностью, но не связанный с конечным размером изображения.
• Качество не зависит от операций редактирования.
• Размеры обычно указаны в аппаратно-независимых единицах.
• Возможная «прозрачность» при вставке на страницу.
• Редактируемый текст с произвольным размещением.
• Возможность преобразования текста в векторные кривые.
• Возможность простого преобразования в растровый формат с любым разрешением.
• Возможность создания макета страницы.
• Незаменимость для создания шрифтов.

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

Говоря о векторной графике, нужно подчеркнуть, что в связи со значительным ростом вычислительных мощностей, возникла возможность детальной векторной визуализации весьма сложных объектов:
памятников, архитектурных сооружений, анатомических особенностей. Именно векторная графика является основой для создания виртуальной реальности и всевозможных кинематографических спецэффектов.

Основные недостатки векторной графики.

• Программная зависимость.
• Невозможно или нерационально создание сложных рисунков (фотографии).
• Недостаточны живописные возможности.
• Жесткость контуров и, следовательно, переходов.
• Недоступно большинство эффектов трансформации, разработанных для растровых редакторов.
• «Мозаичность» изображения с использованием цветов или тонов.
• Привязанность к условной координатной сетке при редактировании.
• Низкое качество градиентных заливок.
• Невозможна реализация автоматической векторизации.

Векторная графика. Общие сведения

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

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

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

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

Самые популярные векторные форматы: SVG, AI.

Векторное изображение и его увеличенный фрагмент

Применение

Векторная графика используется для иллюстраций, иконок, логотипов и технических чертежей, но сложна для воспроизведения фотореалистичных изображений. Самый популярный редактор векторной графики — Adobe Illustrator.

Пример использования векторной графики: социальные иконки (источник изображения: MacKenzie www.freevector.com/social-websites-icons)
Пример использования векторной графики: иллюстрация (автор изображения: Катя Климович)

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

• Малый объём занимаемой памяти — векторные изображения имеют меньший размер, так как содержат в себе малое количество информации.
• Векторные изображения отлично масштабируются — можно бесконечно изменять размер изображения без потерь качества.

Недостатки

• Чтобы отобразить векторное изображение требуется произвести ряд вычислений, соответственно, сложные изображения могут требовать повышенных вычислительных мощностей.
• Не каждая графическая сцена может быть представлена в векторном виде: для сложного изображения с широкой цветовой гаммой может потребоваться огромное количество точек и кривых, что сведёт «на нет» все преимущества векторной графики.
• Процесс создания и редактирования векторной графики отличается от привычной многим модели — для работы с вектором потребуются дополнительные знания.