Какого размера должен быть QR-код? Правила размера и дистанции

Какого размера должен быть QR-код? Используйте правило 10:1: код должен быть не меньше одной десятой от дистанции, с которой его сканируют. При сканировании с 30 см делайте код около 3 см в поперечнике; при сканировании с 3 метров - около 30 см. Для большинства печатных материалов практический минимум - 2 x 2 см, плюс пустое поле вокруг него. Соблюдите эти два правила - соотношение и поле - и код будет сканироваться с первой попытки.

Это материал из кластера tutorials; если вы ещё не создали код, отправная точка - как создать QR-код, а этот текст - о том, как подобрать размер уже готовому коду, чтобы он реально сканировался.

Правило 10:1, и почему дистанция важнее поверхности

Единственное число, которое имеет значение, - это дистанция сканирования, а не размер поверхности, на которой размещён код. Правило 10:1 отражает это: ширина кода должна быть не меньше одной десятой дистанции, с которой его сканируют.

• При сканировании с 20 см (визитка в руке): около 2 см.
• При сканировании с 1 м (шелфтокер на полке): около 10 см.
• При сканировании с 5 м (витрина магазина с тротуара): около 50 см.

Маленький код на огромном билборде не срабатывает не потому, что билборд большой, а потому, что никто не может подойти к нему ближе чем на метр. Подбирайте размер под то, на каком расстоянии окажется телефон. Рекомендации по юзабилити QR-кодов от Nielsen Norman Group подтверждают ту же мысль со стороны пользователя: если сканирование неудобно или вызывает сомнения, люди просто бросают попытку.

Минимальный размер и тихая зона

Ниже определённого размера никакое соотношение не спасёт. Практический минимум для печати - 2 x 2 см (около 0,8 дюйма). Меньший размер может сработать при хорошем освещении с современным телефоном, но это хрупкое решение, а проектировать нужно на худший телефон в худшем освещении, а не на лучший.

Есть ещё поле, о котором почти все забывают. Стандарт QR, ISO/IEC 18004, требует тихой зоны: чистой рамки шириной не менее четырёх модулей (четырёх самых маленьких квадратов) со всех четырёх сторон. Именно это пустое пространство помогает сканеру зацепиться за код. Обрежьте его ради плотной вёрстки - и сканирование замедлится или сломается, даже если сам код вполне достаточного размера. Оставляйте поле.

Ещё две вещи повышают надёжность:

1. Контраст. Тёмный код на светлом фоне. Светлый код на тёмном фоне и низкоконтрастные сочетания - частая причина сбоев.
2. Запас на сложные условия. Добавляйте 20-30% к размеру для слабого освещения, изогнутых поверхностей, движения (обклейка автобуса) или аудитории со старыми устройствами.

Размеры по сценариям использования

Переводим правило в цифры, которые можно передать дизайнеру:

• Визитка или этикетка товара (сканирование с 10-20 см): 2-2,5 см.
• Флаер, меню или упаковка (30-40 см): 3-4 см.
• Постер или дисплей на полке (1-3 м): 10-30 см.
• Витрина магазина или баннер (3-5 м): 30-50 см.
• Билборд (от 5 м и выше): 50 см и больше.

Конкретно для меню руководство по QR-кодам для ресторанов описывает размещение на настольной табличке, где нормой считаются 2,5-3 см на расстоянии вытянутой руки.

Печатайте в высоком разрешении и держите код динамическим

Размер - это только половина дела; вторая половина - разрешение. Экспортируйте код в векторном формате (SVG или EPS) для печати, чтобы он оставался чётким при любом размере, либо в PNG с разрешением 300 DPI в финальном размере печати. Код, увеличенный из маленького растрового изображения, размывается и перестаёт сканироваться.

Одно решение по дизайну удешевляет каждую последующую перепечатку: используйте динамический QR-код. Статический код "зашивает" адрес назначения прямо в узор, поэтому неверная ссылка означает перепечатку. Динамический код кодирует короткую ссылку, которую можно перенаправить позже, а также позволяет отслеживать сканирования - это покажет, действительно ли ваш размер и размещение работают. Сгенерируйте динамический QR-код один раз - и меняйте размер или адрес назначения без пересоздания макета.

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

Читайте серию статей-основ

Эта статья относится к кластеру tutorials. Статья-основа - как создать QR-код. О выборе между статическим и динамическим кодом, который влияет на каждую перепечатку, читайте в материале динамические и статические QR-коды.

Похожие материалы в блоге

• Как создать QR-код, который сканируется каждый раз
• Динамические и статические QR-коды: что выбрать
• Как отслеживать сканирования QR-кода
• QR-коды для меню ресторанов
• Дизайн брендированного QR-кода: логотип, цвет и форма