QR-код для типографии: как подготовить макет

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

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

В печать уходит только вектор

Типографии нужен SVG или PDF. Вектор хранит геометрию модулей, поэтому код остается резким на любом размере. Наш генератор отдает оба формата бесплатно. SVG удобен, когда код встраивается в макет в Illustrator или Figma, а PDF годится, когда лист печатается как есть.

Если у вас просят растровую картинку, все равно отправьте SVG: любой редактор его откроет, а растровая картинка на большом размере останется мыльной. Разница вектора и растра на практике разобрана в статье QR-код в SVG, а требование сдать код в кривых разобрано в статье QR-код в кривых.

Размер под дистанцию сканирования

Минимальный надежный размер кода в печати это 2×2 см. Этого хватает при сканировании с 20 см. Дальше считайте по правилу «сторона кода не меньше 1/10 расстояния». Флаер вы читаете с 25–30 см, и там хватит 3 см. Плакат на стене сканируете с 2 метров, так что для него берите от 20 см.

Учитывайте и длину самой ссылки. Чем она длиннее, тем плотнее матрица и тем крупнее должен быть код. Короткая ссылка на главную и ссылка с тремя UTM-метками дают разные по плотности коды. Размеры под дистанцию разобраны в статье размер QR-кода для печати.

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

Физический размер попадает и в сам файл. В поштучном SVG width и height заданы в сантиметрах, и это размер кода с ползунка плюс обязательная свободная зона по краям. При 2 см на ползунке файл выходит 2,5–2,8 см в зависимости от длины ссылки, а код внутри него занимает ровно 2 см. Вставляйте файл в макет в масштабе 100%, и код встанет нужного размера без пересчета. Белое поле вокруг кода и есть та зона, которую нельзя срезать. Проверьте размер линейкой прямо на пробном оттиске. Расхождение с макетом означает, что лист где-то отмасштабировали.

Поля, фон и цвета

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

Код должен быть темным на светлом фоне, с высоким контрастом. Лучше всего читается черный код на белом фоне. Темно-синий на светло-сером тоже читается, а вот светлый код на темном фоне берут не все камеры. Для тиража его не выбирайте. Генератор считает контраст пары еще в превью и не отдает файл, если контраст ниже 4 к 1.

Что передать типографии вместе с макетом

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

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

Чек-лист перед отправкой в печать

Перед отправкой макета пробегитесь по короткому списку. В нем то, что типография проверяет в макете перед печатью.

• Файл лежит в векторе, SVG или PDF.
• Код не мельче 2×2 см, а для дальних дистанций крупнее.
• Свободная зона вокруг кода цела, ничем не перекрыта и не залита фоном.
• Контраст высокий, код темнее фона.
• Ссылка проверена с телефона, превью отсканировано с экрана.
• После цветопробы код отсканирован с бумаги, а не с монитора.

Ламинация, глянец и цветопередача видны только на бумаге. Если код с оттиска не читается, причины разобраны в статье почему QR-код не сканируется. Что еще смотреть на пробном оттиске наклейки, ценника или таблички, разобрано в базе знаний.

FAQ

Следующий шаг

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

Скачайте векторный QR-код в генераторе SVG, тогда геометрия кода не поплывет ни при каком размере. Бесплатно и без регистрации.