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

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

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

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

Как устроена

Основная характеристика — разрешение, которое вычисляется в пикселях (px). Чем больше пикселей в картинке, тем выше детализация. Например, картинка с разрешением 1920×1080 состоит из 2 073 600 px.

Также важным параметром считается DPI (dots per inch) — количество знаков на дюйм. Этот показатель значим в полиграфии: изображения с низким DPI (например, 72) подходят для экранов, но для печати требуется 300 DPI и выше.

Форматы

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

JPEG (JPG) — сжатие, теряя качество, для фотографий, графического дизайна.

PNG — поддерживает прозрачность, для логотипов, иконок и веб-дизайна.

GIF — поддерживает анимацию, но до 256 цветов.

BMP — несжатый, поддерживает нынешнее качество, но размером до 4 Гб.

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

Плюсы:

Высокая детализация;

Реалистичная передача цветов и теней

Поддержка эффектов: градиенты и текстуры

Минусы:

Теряет качество при увеличении

Большие файлы при высоком разрешении

Недостаточные возможности при редактировании отдельных деталей

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

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

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

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

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

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

Рассмотрим базовые форматы

Изображения хранятся в специальных форматах, которые направлены на работу с контурами и кривыми:

SVG — формат для дизайна сайтов, поддерживает подвижные элементы, анимацию.

AI — формат редактора Adobe Illustrator, который строится на математических формулах.

EPS — используется в полиграфии и поддерживается графическими редакторами: Adobe, CorelDRAW, IIIustrator.

CDR — формат редактора CorelDRAW, для создания и редактирования.

Векторные изображения подходят, чтобы создать логотипы, иконки, чертежи, но не для фотографий.

Плюсы:

Масштабируемость, не теряя качество

Размер файлов до 15 Мб

Предоставляет редактирование отдельных элементов

Минусы:

Количество цветов, градиентов

Непригодность для фотореалистичных изображений

Не все виды могут поддерживаться в браузерах, редакторах

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

Оба вида изображений содержат особенности, и выбор опирается на задачи.

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

Параметры файлов. Растровые занимают больше места, при разрешении 300 т/д. Векторные данные компактнее, потому что содержат координаты точек, математические формулы.

Сфера применения:

Растровая графика — фотоснимки, цифровое рисование, текстуры.

Векторная графика — чертежи, схемы, иллюстрации, логотипы.

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

Где используется растровая и векторная графика

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

Создание сайтов и интерфейсы. На интернет-страницах векторные изображения (SVG) используются для иконок, анимированных элементов, логотипов. Фотографии и фон остаются растровыми.

Компьютерные технологии и игры. Персонажи и детали интерфейса в 2D-играх создаются в векторе. Однако текстуры и объекты для реалистичности в играх — растровые.

Техническое черчение и 3D-моделирование. Чертежи, схемы и архитектурные планы создаются в векторном формате, так как требуют высокой точности.

Продолжение статьи будет посвящена программам для работы и итоговым выводам.

Программы, чтобы работать с графикой

Графические редакторы делятся на два типа: растровые и векторные. Каждый из них предусмотрен для работы с установленными форматами изображений и предоставляет инструменты для обработки.

Растровые редакторы

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

Adobe Photoshop — редактор, который поддерживает работу с наложениями слоев, фильтров и ретуши.

GIMP — бесплатная альтернатива Photoshop, содержит тридцать форматов изображения.

Krita — ориентирован на цифровую технику живописи и рисования.

Paint.NET — редактор для базового редактирования рисунков и фотографий.

Векторные редакторы

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

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

CorelDRAW — востребован в полиграфии и рекламном дизайне.

Inkscape — бесплатный редактор, поддерживающий формат SVG.

Figma — онлайн-инструмент для дизайна интерфейсов, работающий с векторной графикой.

Заключение

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

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

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

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