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

Растровая графика - мир маленьких квадратиков

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

Главный принцип пикселя - Каждый пиксель сам за себя.

Ключевые характеристики пиксельного изображения:

• Размер или разрешение. Оно измеряется в пикселях, например, 1920x1080 pix. Это фиксированное количество точек.
• Качество - зависит от плотности пикселей на дюйм, выражается это качество обычно в DPI (dots per inch). • Наиболее популярные форматы - JPEG, PNG, GIF, BMP, TIFF.

Все ваши фото с телефона, отсканированные документы, реалистичные рисунки в Photoshop - это растровые картинки.

Плюсы растра:

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

Минусы растра:

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

Как узнать, подходит ли фотка из интернета для печати плаката?

Векторная графика - мир математических формул

Векторное изображение не состоит из точек. Оно состоит из формул. Компьютер запоминает не цвет каждого пикселя, а математические команды - например нарисовать линию от точки А до точки Б, толщиной 2 мм, красного цвета. Нарисовать окружность радиусом 5 см в центре этой линии, закрасить окружность синим и т.д..

Главный принцип вектора: Объект — это формула, а не набор точек

Ключевые характеристики:

• Алгоритм: Линии, кривые, заливки, градиенты, фракталы.
• Возможность редактировать. Любой элемент можно отредактировать отдельно.
• Наиболее популярные форматы: SVG, AI (Adobe Illustrator), CDR (CorelDRAW), EPS, PDF. Но надо отметить что все эти форматы не являются чисто векторными они могут содержать как векторную, так и растровую графику. Т.е. если у вас была растровая картинка и вы ее сохранили как PDF, или импортировали в CorelDRAW она не стала векторной. Для перевода растровой картинки в вектор существуют специальные программы трассировки, они обводят векторным контуром вашу растровую картинку.
• Примеры - это логотипы компаний, шрифты, схемы, чертежи CAD, анимация в мультфильмах.

Плюсы вектора:

• Бесконечное масштабирование. Вы можете растянуть логотип на размер футбольного поля или уменьшить до визитки — края останутся идеально ровными. Никаких пикселей! Конечно при некоторых допущениях - векторные линии должны быть нарисованы качественно.
• Легкий вес. Файл с миллионом кружочков будет весить килобайты, а не гигабайты как у растра.
• Идеальные линии. Шрифты и иконки выглядят кристально чисто на любом экране

Минусы вектора:

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

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

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

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

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

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

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

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

Когда что использовать?

Выбирайте РАСТР

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

Выбирайте ВЕКТОР

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

Коротко

Растр — это фотография. Её нельзя бесконечно увеличивать. Она реалистична, но тяжелая и хрупкая.

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

Профессиональные дизайнеры умеют комбинировать оба подхода: например, рисуют или редактируют растровый фон в Photoshop, потом поверх него накладывают векторный логотип и текст в Illustrator или CorelDRAW. Теперь и вы знаете эту разницу

Статьи на тему:
		Анатомия нелепого и смешного дизайна Давайте погрузимся в мир нелепого дизайна, где правила нарушены, здравый смысл отдыхает, а результат становится мемом >>
		7 смертных грехов верстки для roll-up стенда, которые портят любую идею Мы собрали семь смертных грехов верстки плаката для roll-up стенда, которых стоит избегать любой ценой.
		Постпечатная обработка баннера - от резки до кулисы Постпечатная обработка — это этап, превращающий напечатанный баннер в готовое изделие.
		Выбору баннера: плотность, типы, свет и фактура Выбор баннерной ткани — это всегда компромисс между условиями эксплуатации, бюджетом и желаемым визуальным эффектом.
		Руководство по выбору материалов для печати Backlit Успех вашего лайтбокса зависит от правильного выбора материала Backlit. Мы рекомендуем подбирать материал и систему крепления как единое решение.
		Общие рекомендации как наклеить самоклеющуюся пленку Как и когда появились наклейки? Какова история их создания и кому принадлежит эта отличная идея?
		История наклейки Как и когда появились наклейки? Какова история их создания и кому принадлежит эта отличная идея?
		Как узнать, подходит ли фотка из интернета для печати плаката? В этой статье предлагаем Вам ознакомиться с основными позициями, которые необходимо учитывать при разработке плаката, фотографии или рекламного изображения для его последующей печати
		ЦВЕТОПЕРЕДАЧА Заказчик смотрит в монитор и видит насыщенную картинку с ядерными, сочными цветами. Вполне закономерно, что он рассчитывает увидеть такой же сочный рисунок и на баннере после печати. Каково же его разочарование, когда он видит более блеклую и не такую контрастную картинку!
		Широкоформатная печать В сфере бизнеса не перестает набирать обороты такое направление, как широкоформатная печать
		Бумага для печати афиш Варианты изготовления афиш. Самым популярные и эффективные технологии печати афиш
		Материалы для лайтбоксов - бумага, бэклит, пленка Эта статья расскажет Вам как и на чем печатать изображение для световых коробов или лайтбоксов
		Цветовые модели "Цветовая модель — термин, обозначающий абстрактную модель описания представления цветов в виде кортежей чисел, обычно из трёх или четырёх значений, называемых цветовыми компонентами или цветовыми координатами"
		Психология цвета в рекламе "Цвет может привлекать и отталкивать, вселять чувство спокойствия и комфорта или возбуждать и тревожить. Цвета обращаются к чувствам, а не к логике человека. Достоверно установлено, что каждый цвет вызывает подсознательные ассоциации"

Материал подготовлен компанией "M-Stand"
При копировании текстов гиперссылка на
страницу-первоисточник обязательна