Поля и отступы QR-кода: как избежать ошибок

Пустое поле вокруг QR-кода выглядит как место, которое можно занять чем-нибудь полезным: логотипом, рамкой, текстом. Дизайнеры регулярно так и делают, и именно после этого коды начинают читаться «через раз». Поле не пустует, оно работает: по нему камера находит границы кода. Логотипу при этом место есть, но не в поле, а в центре матрицы: закрытые им модули восстанавливает коррекция ошибок, а границы кода остаются чистыми.

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

Что такое quiet zone и почему она не декоративная

Quiet zone (тихая зона) прописана в самом стандарте QR: минимум четыре модуля чистого светлого поля по всему периметру матрицы. Модуль это один квадратик кода, у мелкого кода он меньше миллиметра, у крупного больше. Алгоритм камеры ищет три угловых квадрата-метки, и чтобы найти их, ему нужен чистый контур вокруг всей матрицы. Чем хуже камера и свет, тем важнее этот контур.

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

Где отступы теряются на практике

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

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

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

Сколько закладывать в макет

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

В нашем генераторе это два разных параметра: отступ рамки от кода (он и защищает тихую зону) и отступ между кодами на листе (он дает место резу). Оба настраиваются ползунками, а рамка вокруг кода служит линией реза. Как собирается весь лист, разобрано в статье QR-коды на A4.

Проверка макета за две минуты

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

Функциональная часть: распечатайте и отсканируйте с бумаги, обязательно в масштабе 100%. Если код читается медленно, первым делом увеличьте свободное поле, а не размер: часто этого достаточно. Остальные причины перебираются по списку из статьи почему QR-код не сканируется с бумаги.

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

• Минимум 4 модуля (2–3 мм для мелких кодов) чистого поля вокруг матрицы.
• Ничего не прилипает к коду: ни текст, ни рамка, ни край листа.
• Запас на рез заложен до печати, а не оставлен на аккуратность ножа.
• Печать в масштабе 100%, без подгонки под страницу.

FAQ

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

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

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