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

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

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

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

Количество точек, составляющих растровое изображение, огромно. Если взять стандартный размер обоев на рабочий стол – 1024 ×768 пикселей, то получится, что там аж 786432 точек.

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

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

В чем различие

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

Качество

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

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

Оттенки, из которых формируются пиксели, представляют собой смесь 3-х колеров, взятых в разной пропорции: красного – red, зеленого – green, синего – blue. Поэтому цветовая схема растровой графики называется RGB.

Битовая глубина – количество бит, которые используются для определения колеров, отображаемых каждым пикселем. Чем выше показатель, тем богаче палитра картинки, тем качественнее она выглядит. Если при 8-битном формате количество цветов составляет 256, то при 16-битном – более 65 тысяч.

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

Точность редактирования

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

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

Размер файлов

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

Вес, скорость загрузки и качество растрового файла определяются разрешением – количеством пикселей на дюйм. Параметр обозначают как dpi – точки на дюйм, либо как ppi – пиксели на дюйм. Например, если разрешение фотографии составляет 300 dpi, то в квадрате размером один дюйм, то есть 2,54 см, находится 300 точек.

примеры изображения

Чтобы фотографии легче загружались в интернет, применяют меньшее разрешение – 72 dpi. А для качественной печати требуется размер не менее 300 dpi.

По разрешению несложно вычислить, сколько пикселей должно иметь растровое изображение, чтобы при печати на листе определенного формата сохранилось его качество. Для примера, нужно распечатать фото с разрешением 300 dpi на листе 20 × 30 см. Переведем формат бумаги в дюймы, получится 7,8 × 11,8. Умножим каждое значение на 300. Выходит, что распечатанная фотография окажется качественной, если ее размер будет 2340 × 3540.

Масштаб

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

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

работа с графикой

Легкость в редактировании

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

Но это не значит, что редактирование растра невозможно. В растровых графических редакторах предусмотрено послойное создание элементов рисунка, которые затем можно объединить в один слой. В самом распространенном графическом редакторе Photoshop послойное изображение хранится в форматах PSD и TIFF. Если перевести картинку в стандартный формат хранения JPG, то слои автоматически объединятся. Также растровое изображение можно хранить в форматах PNG, BMP, а также GIF для анимации.

Растровые форматы PSD, PNG и TIFF сохраняют прозрачные элементы графики. Но если перевести картинку в формат JPG, то прозрачность исчезнет.

Единственная сложность в редактировании векторной графики – проблематичное открытие и изменение файлов формата AI, EPS, PDF, CDR, SVG в «чужих» графических программах, в том же Фотошопе. Приходится переформатировать векторный файл. «Родные» для работы с вектором редакторы – Adobe Illustrator и Corel Draw.

Мнение эксперта
Карнаух Екатерина Владимировна
Закончила Национальный университет кораблестроения, специальность "Экономика предприятия"
Впрочем, вектор можно легко конвертировать в растр, но при этом потеряются все качества, характерные для векторного изображения. Такое изменение графического объекта называется растрированием, проявляется пикселизацией, то есть появлением пикселей. Желательно растрировать копию векторного файла, а оригинал сохранить. Ведь изменить объект обратно без потери качества не получится.

Эффекты

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

Уровень детализации

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

машина на картинке

Плюсы и минусы

Рассмотрим, какие особенности векторной и растровой графики дизайнеры считают преимуществами и недостатками.

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

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

Примеры пиксельной графики – это все существующие фотографии и иллюстрации, нарисованные в растровом графическом редакторе. Растр – это телевизионные кадры, картинки на мониторах компьютеров, смартфонов, планшетов.

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

голландская мельница

Сравнительная таблица

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

Растровая графика Векторная графика
сетка, состоящая из пикселей разных оттенков геометрические фигуры, образуемые линиями с опорными точками
тяжелые файлы легкие файлы
качество теряется при масштабировании качество сохраняется при масштабировании
хранение в форматах IPG, TIFF, PSD, PNG, GIF хранение в форматах AI, EPS, CDR, SVG, SVF
предназначается для обработки фото, создания иллюстраций и макетов сайтов используется для чертежей, логотипов, рекламных вывесок, иконок, упаковочных изображений, надписей, визиток
высокая реалистичность низкая реалистичность
нельзя векторизировать без потери качества можно растрировать без потери качества

пример изображения

Краткий итог

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

Современные дизайнеры часто соединяют в одной работе вектор и растр, чтобы максимально точно реализовать задумку.

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

Малиновская Дарья
Оцените автора
Отличи
Добавить комментарий