Статьи https://dpdb.ru ru Fri, 12 Jun 2026 15:48:55 +0300 Растровая и векторная графика: просто о сложном https://dpdb.ru/tpost/g619a06nu1-rastrovaya-i-vektornaya-grafika-prosto-o https://dpdb.ru/tpost/g619a06nu1-rastrovaya-i-vektornaya-grafika-prosto-o?amp=true Fri, 12 Jun 2026 13:33:00 +0300 Когда речь заходит о компьютерной графике и подготовке макетов к печати, два термина — растровая и векторная графика — возникают постоянно.

Растровая и векторная графика: просто о сложном

Когда речь заходит о компьютерной графике и подготовке макетов к печати, два термина — растровая и векторная графика — возникают постоянно. Для человека, далекого от полиграфии, эти слова могут звучать как магические заклинания. Но на самом деле все гораздо проще. Мы, в 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 будете четко понимать, что именно нужно вашей задаче.
Если у вас остались вопросы по макетам, трафаретной печати или вы не уверены, какой формат лучше подойдет — смело пишите нашим технологам в чат, мы всегда на связи и поможем разобраться.
]]> Что такое CMYK и RGB и почему ваш макет на экране и в печати — это два разных человека https://dpdb.ru/tpost/y5iz2x0d41-chto-takoe-cmyk-i-rgb-i-pochemu-vash-mak https://dpdb.ru/tpost/y5iz2x0d41-chto-takoe-cmyk-i-rgb-i-pochemu-vash-mak?amp=true Fri, 12 Jun 2026 14:03:00 +0300 Знакомая ситуация: вы заказываете в типографии яркие флаеры. На мониторе — сочные, почти неоновые цвета.

Что такое CMYK и RGB и почему ваш макет на экране и в печати — это два разных человека

Знакомая ситуация: вы заказываете в типографии яркие флаеры. На мониторе — сочные, почти неоновые цвета. А после печати берёте в руки… и немного расстраиваетесь. Цвета стали тусклее, синий ушёл в фиолетовый, а ярко‑жёлтый превратился в горчичный.
Вы ни в чём не виноваты. Просто ваш монитор и печатный станок говорят на разных языках цвета. Называются эти языки RGB и CMYK. Сейчас разберёмся раз и навсегда.

Главная аналогия, которая всё объясняет

Представьте два театра.
В одном театре сцена освещается цветными прожекторами — красным, зелёным и синим. Если включить их все вместе — получится белый свет. Выключить все — чёрная темнота. Это RGB.
В другом театре художник смешивает краски на палитре — голубую, пурпурную, жёлтую и чёрную. Чтобы получить белый — ничего не добавляют (бумага и так белая). А чтобы получить чёрный — смешивают всё вместе. Это CMYK.
По сути:
  • RGB — это свет. Он сам светится.
  • CMYK — это краска. Она отражает свет.
Всё. Теперь детальнее.

RGB: для экранов и всего, что светится

RGB расшифровывается как Red, Green, Blue — красный, зелёный, синий. Это три базовых цвета, которые смешивает ваш монитор, телефон или телевизор.
Как это работает? Каждый пиксель на экране — это три крошечных лампочки (красная, зелёная, синяя). Они светятся с разной яркостью. Где-то ярче красный — получается оранжевый. Где-то ярче синий — получится голубой. Когда все три светят на полную — мы видим белый цвет. Когда все выключены — чёрный.
Главное свойство RGB: цвета получаются очень яркими, сочными, даже неоновыми. Потому что это живой свет.

Где используется RGB?

  • Мониторы, ноутбуки, телефоны, планшеты
  • Телевизоры и цифровые вывески
  • Фотоаппараты и камеры (они снимают сразу в RGB)
  • Сайты, приложения, соцсети — всё, что вы смотрите на экране
Когда готовите макет для экрана (например, баннер для сайта или пост в Instagram) — смело используйте RGB. Так и задумано.

CMYK: для печати и всего, что на бумаге

CMYK расшифровывается как Cyan, Magenta, Yellow, Key — голубой, пурпурный, жёлтый и ключевой (чёрный). В русской традиции часто говорят: голубой, пурпурный, жёлтый, чёрный.
Это четыре краски, которые стоят в печатном станке. Они наносятся на бумагу одна поверх другой маленькими точками. Точки смешиваются — и глаз видит нужный цвет.
Чёрная краска (Key) добавлена отдельно, потому что смешать идеальный чёрный из голубого, пурпурного и жёлтого сложно — получается грязно‑коричневый и мокро. Поэтому в типографиях всегда есть отдельный чёрный картридж (или секция в машине).
Главное свойство CMYK: диапазон цветов уже, чем у RGB. Многие яркие оттенки, которые прекрасно светятся на экране, красками просто не получить. Краска — не лампочка. Поэтому ярко‑неонового в печати не бывает, если только не использовать специальные флуоресцентные краски (а это дорого и экзотично).

Где используется CMYK?

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

Почему одно и то же изображение выглядит по‑разному?

Вот самый частый вопрос: «Почему на моём мониторе ярко‑синий, а напечатался тусклый?»
Ответ: потому что RGB и CMYK — это как акварель и неоновая вывеска. Принципиально разные технологии.
Монитор сам излучает свет. Бумага — только отражает. Отражают поверхность хуже, чем излучает лампочка. Поэтому на бумаге цвета всегда будут чуть темнее, спокойнее, приглушённее. Это нормально. Мир не обманешь.
Что теряется при переводе из RGB в CMYK?
  • Самые яркие неоновые зелёные и розовые
  • Некоторые оттенки синего (на бумаге становятся фиолетовыми)
  • Чистые насыщенные красные и оранжевые
Но! Хороший дизайнер или технолог в типографии знает, как подобрать CMYK‑аналоги, чтобы было красиво и близко к задумке.

Практические советы для заказчика

Мы в dpdb.ru каждый день видим макеты, которые приносят в RGB и удивляются, почему в печати не так. Чтобы не было сюрпризов, запомните три правила.

1. Если печатаете — сдавайте в CMYK

Любая типография (и мы не исключение) печатает в CMYK. Если вы пришлёте RGB‑файл, мы всё равно переведём его автоматически. Но автоматика — это лотерея. Лучше переведите сами в Photoshop, Illustrator или CorelDRAW и посмотрите, как изменились цвета. Может, захотите подкрутить.

2. Яркий красный на экране → в печати может стать кирпичным

Это касается всех насыщенных цветов. Не ждите чуда. Если вам критичен точный оттенок (например, фирменный цвет бренда) — печатайте плашечными цветами (Pantone). Это отдельная тема, но в двух словах: вместо смеси из четырёх красок используется одна готовая, размешанная по эталону. Дороже, но цвет точно как в каталоге.

3. Чёрный текст лучше делать только чёрным

В CMYK чёрный можно получить разными способами:
  • 0-0-0-100 — просто чёрная краска, даёт сероватый отпечаток, плохо на больших площадях
  • 70-50-50-100 — «жирный» чёрный, глубокий, но на тонких буквах может дать растр (буквы будут нечёткими)
Правило для текста: используйте просто 0-0-0-100. Для больших чёрных фонов — 60-40-40-100 или другой насыщенный состав (спросите у технолога).

Резюме: самое главное одной строкой

  • RGB — для экранов (сайты, соцсети, видео). Цвета яркие, живые, светящиеся.
  • CMYK — для печати (буклеты, визитки, баннеры). Цвета чуть приглушённее, зато настоящие, краской на бумаге.
  • Перевести RGB в CMYK можно, но яркие неоновые оттенки потеряются — это закон физики, а не ошибка типографии.
  • Хотите точный цвет — используйте Pantone (плашечные краски) или закажите пробную печать.
  • В dpdb.ru мы всегда проверяем макеты перед печатью. Пришлёте не то — предупредим, подскажем, поможем.
Если вы не дизайнер, но вам нужно что‑то напечатать, — просто помните два слова: всё, что на бумагу, должно быть в CMYK. А если сомневаетесь — присылайте нам, мы разберёмся. Честно.
И да, в нашем блоге мы уже рассказывали про растровую и векторную графику — тоже полезно для тех, кто готовит макеты. Заходите, читайте, будете выглядеть профи в глазах любой типографии.
]]> Как подготовить макет для печати: пошаговая инструкция для новичка https://dpdb.ru/tpost/812ysyi6i1-kak-podgotovit-maket-dlya-pechati-poshag https://dpdb.ru/tpost/812ysyi6i1-kak-podgotovit-maket-dlya-pechati-poshag?amp=true Fri, 12 Jun 2026 15:30:00 +0300 Вы когда-нибудь заказывали визитки, а они приехали с обрезанным логотипом? Или буклет, у которого текст «уплыл» на самый край, так что читать невозможно?

Как подготовить макет для печати: пошаговая инструкция для новичка

Вы когда-нибудь заказывали визитки, а они приехали с обрезанным логотипом? Или буклет, у которого текст «уплыл» на самый край, так что читать невозможно? Знакомо. И почти всегда причина одна — макет был подготовлен с ошибками.
Хорошая новость: вы можете сдать макет, который не заставит технолога в типографии тихо плакать. Для этого не нужно быть дизайнером с 10-летним стажем. Достаточно выполнить 6 простых шагов.
Мы в dpdb.ru решили написать инструкцию для новичков. Без умных слов, без воды. Держите пошаговый план.

Шаг 1. Узнайте технические требования типографии

Звучит скучно, но это спасёт вам нервы. Каждая типография печатает на разном оборудовании, поэтому требования к макетам могут чуть отличаться: у кого-то минимальный вылет 2 мм, у кого-то — 3 мм, кто-то любит PDF, кто-то принимает и TIFF.
Поэтому первый шаг — зайти на сайт типографии (например, на наш dpdb.ru) и найти раздел «Требования к макетам» или спросить у менеджера. Это займёт 2 минуты, но потом не придётся переделывать.
Что обычно спрашивают?
— Какое разрешение нужно (почти всегда 300 DPI)?
— Какие форматы файлов принимаете (обычно PDF, иногда JPG/TIFF)?
— Какие вылеты под обрез (bleed) делать?
— Нужны ли метки резки и шкалы?
Запомнили? Поехали дальше.

Шаг 2. Сделайте правильный размер (с вылетами под обрез)

Это самый частый косяк. Человек делает макет ровно 90×50 мм (как визитка), а потом готовую визитку получает с белой полоской или обрезанным текстом. Почему?
Потому что печатный станок не может резать идеально по линии. Всегда есть погрешность в 1–2 мм. Чтобы не было белых краёв, фон или изображение должны заходить за край будущего изделия. Этот запас называется вылет под обрез (bleed).

Как правильно:

  • Например, вам нужна визитка 90×50 мм.
  • Вы создаёте макет размером 94×54 мм (по 2 мм с каждой стороны на вылет).
  • Важный текст и логотип размещаете внутри безопасной зоны — отступив от края будущей резки примерно 3–4 мм.
  • Готовый файл сдаёте уже с этими 94×54 мм, а типография обрежет до 90×50.
Безопасная зона — это невидимая рамка, за которую нельзя заходить тексту и важным элементам. Если текст окажется прямо на линии резки — можете потерять букву.
Запомните аналогию: вылеты — это подстраховка. Как когда шьёшь платье с запасом на швы, а потом обрезаешь лишнее. Без запаса — дырка.

Шаг 3. Установите разрешение 300 DPI (без вариантов)

DPI (dots per inch) — это количество точек на дюйм. Чем больше точек, тем чётче картинка.
Для печати нужно минимум 300 DPI. Всё, что меньше (72 DPI — стандарт для экранов), при печати превратится в «мыло» и пиксели.
Как проверить?
В Photoshop: Image → Image Size → Resolution должно быть 300.
В CorelDRAW и Illustrator: при экспорте в PDF выберите настройки для печати / Press Quality.
Что будет, если не доглядеть?
Вы напечатаете тираж, на котором вместо красивого логотипа — лесенка из квадратиков. И переделать уже нельзя.

Шаг 5. Переведите цвета в CMYK (это важно!)

Помните нашу прошлую статью про RGB и CMYK? Ещё раз: монитор светится (RGB), а печатный станок использует краски (CMYK). Почти все типографии мира печатают в CMYK.
Если вы пришлёте RGB-макет:
  • Автоматический перевод сделает цвета тусклее и непредсказуемее.
  • Ярко-неоновый зелёный на экране станет болотным на бумаге.
  • Удивитесь и расстроитесь.
Поэтому: ещё до того, как начали рисовать макет (или в самом начале), переключите цветовую модель в программе на CMYK. В Illustrator и CorelDRAW это можно сделать при создании нового документа. В Photoshop: Image → Mode → CMYK Color.
Исключение: если вы печатаете плашечными цветами (Pantone), но это уже для продвинутых.

Шаг 5. Сохраните в правильном формате (лучше всего — PDF)

«А можно я пришлю вам Word-файл?» — спрашивают нас иногда. Ответ: нет, пожалуйста, не надо. Word, PowerPoint, Excel — это не для печати. Они искажают цвета, шрифты и размеры.
Самый надёжный формат — PDF. Он сохраняет всё: шрифты, картинки, вылеты, цветовую модель. Ещё подходят TIFF (без сжатия) и иногда JPG, но только с высоким качеством.
Как правильно сохранить PDF для печати?
В любой программе (Illustrator, InDesign, CorelDRAW, даже Photoshop) при экспорте выберите предустановку:
  • Press Quality (если есть)
  • PDF/X-1a или PDF/X-4 (это стандарты для типографий, они гарантируют, что шрифты и цвета не поедут)
Убедитесь, что в настройках стоит 300 DPI и включён Crop Marks (метки резки) — но только если типография просит. Мы в dpdb.ru обычно сами добавляем метки, если макет правильный, но лучше уточнить.

Шаг 6. Проверьте макет по чек-листу (займёт 1 минуту)

Перед тем как отправить файл в типографию, пройдитесь по списку:
  • Размер макета с вылетами (например, 94×54 вместо 90×50).
  • Важные элементы (текст, логотип) не ближе 3–4 мм от края будущего изделия.
  • Разрешение 300 DPI (для растровых изображений).
  • Цветовая модель CMYK (не RGB).
  • Файл сохранён как PDF (Press Quality) или в формате, который просила типография.
  • Все шрифты переведены в кривые (если вы не уверены в шрифтах на стороне типографии). Это значит, что буквы стали не шрифтом, а фигурами — так точно ничего не заменится.
  • Вы посмотрели на макет 100% размером на экране — всё ли читаемо, не размыто ли.
Если на все пункты «да» — смело отправляйте.

Резюме: самое главное одной строкой

Готовить макет к печати не страшно, если помнить 4 вещи:
  1. Добавьте вылеты (2–3 мм с каждой стороны) и отодвиньте важное от краёв.
  2. Сделайте разрешение 300 DPI — не меньше.
  3. Переведите в CMYK — забудьте про RGB для печати.
  4. Сохраните в PDF (Press Quality) — не шлите Word.
А если сомневаетесь — присылайте макет нам в dpdb.ru. Мы посмотрим, проверим и скажем, что нужно поправить. Бесплатно. Потому что нам тоже не хочется перепечатывать тираж из‑за съехавшего текста.
И да, в нашем блоге уже есть статьи про растровую и векторную графику, а также про CMYK и RGB. Прочитайте их — и вы станете самым грамотным заказчиком полиграфии.
]]>