В чём разница между растровым и векторным изображениями.

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

Знакомьтесь: растр

В переводе с латыни rastrum - это решётка. Растровое изображение - это набор цветных точек - или пикселей, - одинакового размера и формы, что в конечной форме напоминает решётку. Точки эти чрезвычайно малого размера, и человеческий глаз воспринимает их не по отдельности, а единым рисунком. Самые популярные форматы для хранения растровых изображений - GIF, JPEG, PNG.

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

Знакомьтесь: вектор

Векторная (от латинского vector - «несущий») графика не описывает картинку миллионами разноцветных пикселей, как растровая. Она оперирует математическими формулами. Допустим, компьютер получает команду: нарисовать треугольник определенных размеров. Задается местоположение треугольника, и вот он нарисован. Таким же образом рисуются линии, кривые, окружности, текстовые блоки: всё это можно описать формулой и изобразить. Каждому объекту присваивают атрибуты - толщина линий, цвет. Если нужно поменять размер, то компьютер пересчитывает формулу, и картинка тут же меняется.

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

Итак, основные различия:

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

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

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

Векторные линии и обводки, которые должны уверенно считываться в готовой продукции, должны иметь толщину не менее 0,2 пункта (0,07 мм).

Для растровых полутоновых изображений (Contone) мы рекомендуем использовать разрешение не ниже 150 ppi, в идеале - 300 ppi. Для растровых однобитных изображений (Bitmap) разрешение должно быть не ниже 300 ppi, но в идеале - 600 ppi. При выборе типа сжатия растровой графики предлагаем остановиться на ZIP, но если вы используете алгоритм JPEG, то рекомендуем показатель качества зафиксировать на максимальном уровне.

Вопрос посетителя:

Здравствуйте! Начал учиться работе с программой Photoshop, и вот задался вопросом, а эта ли программа мне нужна? Как я понимаю, фотошоп - это растровый редактор, а к примеру Adobe Illustrator - это векторный, так в чем отличие этих программ, а точнее в чем отличие растровой и векторной графики в целом? Где какая графика используется? АНТОН КРЕТОВ

Здравствуйте! Постараюсь максимально подробно ответить на все Ваши вопросы! На счет того, что Photoshop - это растровый редактор Вы абсолютно правильно понимаете, давайте теперь разберемся в остальном.

Отличие векторной графики от растровой:

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

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

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

Где применяют векторную графику, а где растровую:

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

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

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

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

Какая программа Вам нужна:

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

В этом материале мы рассмотрим основные отличия растровых и векторных изображений. Узнаем все преимущества векторной и растровой графики, а также где такую графику лучше использовать для своих целей. Итак, вы, наверное, не раз задавали себе такой вопрос: «Из чего же состоит картинка, которая отображается на экране моего компьютера?» Может быть, вы удивитесь, но на самом деле фото как такового не существует!

Что такое растровое изображение?

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

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

Таким вот оказывается любое растровое изображение, полученное с фотокамеры, с камеры мобильного телефона или скачанное с Интернета. Каждый пиксель, как я говорил, описан определенной последовательностью цифр и символов. Как узнать, что это за последовательность? Да очень просто! Выбираете инструмент «Пипетка » (в любом графическом редакторе он есть) и наводите на нужный пиксель. Если проверяете в фотошопе, то вам дополнительно нужно будет зайти в палитру цветов.

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

Теперь давайте познакомимся с понятием векторного изображения . Чтобы продемонстрировать наглядный пример, в я попробую создать новый документ. Перейдем в меню «Файл » —> «Создать «. Давайте , с помощью которого можно будет создавать векторную графику. К примеру, я возьму инструмент «Перо » (2) . Обязательно нужно, чтобы стояла настройка «Слой-фигура » (3) . После этого я расставляю точки в нужных местах (4) . В результате получается определенная фигура. Вы ее можете сделать по своему усмотрению.

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

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

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

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

Векторные изображения хорошо использовать там, где требуется большое увеличение картинки без потери качества. Например, в это могут быть различные визитки, логотипы, баннеры на сайте и много другое. Программа Adobe Photoshop хоть и позволяет работать с векторными картинками, но все же она является растровым редактором. Для работы с векторными изображениями гораздо лучше подходят программы CorelDraw или Adobe Illustrator.

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

Двумерная графика - это простые фотографии или картинки, а трехмерная - это объемная работа с объектами в пространстве 3D.
Рассмотрим способы и инструменты для создания 2D графики.

Двумерная графика, делится, в свою очередь, на две: растровую и векторную графику.

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

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

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

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

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

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

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

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

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

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

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

Плюсы и минусы растровых и векторных изображений

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

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

В каких случаях использовать растр, а в каких — вектор?

Растровые изображения, как правило, используются для фотографий, поэтому Photoshop является программой для работы с растром. С другой стороны Adobe Illustrator – программа для работы с векторными файлами, которая автоматически создает формулы в процессе создания изображения. Логотипы, бланки и другие графические элементы лучше всего создавать векторными, тогда как фотографии – растровыми. Все векторы должны быть преобразованы в растры для использования в веб-разработках. Текст, как правило, создается в векторном формате.
Если Вы в раздумьях – создать изображение векторным или растровым, используйте простое правило: если Вы разрабатываете его с нуля, и для него понадобится всего лишь несколько цветов, остановите свой выбор на векторе. Если же Вы работаете над редактированием изображения с богатой цветовой гаммой, лучше использовать растровый формат. Для многих проектов вектор и растр используются одновременно. Например, для брошюры можно логотип создать векторным, а фотографию, на которой изображены счастливые клиенты – растровой.