Когда речь заходит о компьютерной графике и подготовке макетов к печати, два термина — растровая и векторная графика — возникают постоянно. Для человека, далекого от полиграфии, эти слова могут звучать как магические заклинания. Но на самом деле все гораздо проще. Мы, в dpdb.ru, решили наконец-то разложить всё по полочкам без лишнего занудства.
Что же прячется за этими страшными словами?
Давайте сразу по аналогиям, так будет проще.
Растровая графика — это как картинка из мозаики. Представьте, что художник работает с тысячами крошечных цветных кусочков стекла, из которых складывается общая картина. Если отойти подальше, мы видим красивый портрет, а если подойти вплотную — видим только эти цветные квадратики.
Один такой «кусочек» называется пиксель. От английского «Picture element» — элемент изображения.
Векторная графика — это как математическая инструкция для художника. Можете представить, что это не набор цветных точек, а список команд: «нарисовать красный круг в центре, вокруг него синий квадрат, сверху нанести черную надпись».
Растр: фотографии, реализм и вес файлов
Вернемся к нашему «мозаичному» художнику. Когда он складывает из мозаики изображение, он старается сделать кусочки как можно мельче — так картинка будет выглядеть реалистичнее. В этом и заключается суть растровой графики.
Качество такой картинки напрямую зависит от количества пикселей. Чем их больше, тем больше деталей и оттенков вы сможете передать. Для печати стандартной фотографии формата А4 используется около 8 миллионов пикселей. Такие фотографии получаются очень живыми и реалистичными.
Но тут кроется и главный подвох. Однажды нам пришел макет, где логотип заказчика был «содран» с их же сайта — маленькая картинка 200 на 200 пикселей. На экране монитора она смотрелась отлично. Но когда мы попытались растянуть ее под баннер 3 на 6 метров, случилась катастрофа — изображение превратилось в набор мутных квадратиков. В полиграфии это явление называют пикселизацией [8†L9-L10][3†L16-L18]. И это неизлечимо. Если вы сохранили фотографию маленького размера, большая и четкая из нее уже не получится.
Когда без растра не обойтись?
Фотографии (пейзажи, портреты, предметная съемка)
Сложные градиенты и спецэффекты (реалистичные тени, размытия, блики)
Цифровая живопись (рисунок с текстурой реального холста и мазков кисти)
Вектор: масштабирование, легкость и математика
С векторной графикой все наоборот. Художник-математик не хранит миллионы мозаичных кусочков. Он просто помнит формулу круга или квадрата. Именно поэтому вектор можно увеличивать до бесконечности, и он всегда будет оставаться идеально четким.
На заре моей карьеры мы готовили каталог для производителя логотипов. Их торговый знак был векторным. Благодаря этому мы абсолютно безболезненно вывели на обложку огромный логотип в высоком качестве, а на последней странице поставили его же маленьким, но все таким же четким.
Векторная графика обычно занимает очень мало места на диске. Файл с визиткой или иконкой весит копейки, в то время как качественная фотография для буклета весит в сотни раз больше.
Плюс, вектор — очень послушный. В отличие от растра, где вы просто рисуете по точкам, здесь вы оперируете объектами. Надпись, логотип, линия, иконка — все это независимые элементы, которые можно двигать и перекрашивать по отдельности.
Где вектору нет равных?
Логотипы и фирменные знаки (должны выглядеть идеально на визитке, бланке, ручке и билборде 3х6 м)
Иконки и интерфейсы приложений (мелкие элементы должны быть четкими на любом экране)
Инфографика, схемы и чертежи (важна четкость линий)
Вывески, таблички и наклейки (для плоттерной резки нужен контур, а вектор — это чистый контур)
А можно их сравнить?
Для наглядности давайте представим шкалу. И проведем сравнительный анализ двух миров.
Растровая графика — это искусство детализации. Это фотореализм, плавные переходы цвета и сложнейшие текстуры. Она идеальна там, где нужна натуралистичность и живописность. Но она неповоротлива, тяжела (файл весом 500 Мб — не редкость) и категорически боится увеличений. Увеличьте растровую картинку — и вместо улыбки модели увидите «квадратный пиксельный шум».
Векторная графика — это инженерия и конструктивизм. Безупречная четкость при любом масштабе, мизерный вес файлов и идеальная управляемость каждым элементом. Но она слабо подходит для создания реалистичных фотографий и фотоэффектов. Природу, облака или градиент «как в жизни» в чистом векторе нарисовать крайне сложно.
По сути, это два разных мира. Где один силен, там другой слаб. И наоборот.
Как определиться, что использовать?
Все гениальное просто. Запомните три вопроса: Размер, Тип, Место.
Если вы печатаете фотографию, открытку или сложное художественное изображение с тенями и переходами — это задача для растра (с учетом высокого разрешения, но об этом чуть ниже).
Если вам нужен логотип, схема, иконка или любой четкий знак, который должен сохранить качество на всех носителях — от ручки до огромного рекламного щита — однозначно вектор.
Маленький секрет для больших макетов
В рекламе часто используется комбинирование. Вы можете сделать фон на баннере растровым (красивая текстура или фото), а все надписи и логотип наложить поверх вектором. Это самый выигрышный вариант и стандарт качественной уличной рекламы.
Также запомните золотое правило печати: разрешение для качественной растровой печати должно быть 300 DPI — это такая плотность пикселей на дюйм. Меньше — будет «мыло». И никогда не берите логотипы для печати из интернета, с сайта, в формате JPG 100 на 100 px. В 99% случаев это «смерть» для качества вашей полиграфии.
Резюме: самое главное одной строкой
Растр — это миллионы цветных точек. Он хорош для реалистичных фотографий, но страдает при увеличении (появляются пиксели).
Вектор — это формулы и ч
еткие линии. Идеален для логотипов, иконок и вывесок, потому что масштабируется без потери качества.
Растр весит много, вектор — мало.
Надеемся, теперь вы станете чуточку ближе к миру графического дизайна, а при заказе полиграфии в нашем бюро dpdb.ru будете четко понимать, что именно нужно вашей задаче.
Если у вас остались вопросы по макетам, трафаретной печати или вы не уверены, какой формат лучше подойдет — смело пишите нашим технологам в чат, мы всегда на связи и поможем разобраться.