Добавить логотип в QR-код — красивое решение, пока клиенты не начинают жаловаться, что код не сканируется. Причина сбоя, как правило, не в самом логотипе, а в неправильном размере, неверном расположении или недостаточном контрасте с окружающими модулями. В этом руководстве — конкретные правила, которые позволяют уверенно брендировать QR-код, не рискуя надёжностью сканирования.
Почему логотипы ломают сканирование (и почему иногда нет)
QR-коды используют функцию коррекции ошибок, которая позволяет переносить физические повреждения или визуальные перекрытия. Существует четыре уровня коррекции:
| Уровень | Ёмкость восстановления данных | Подходит для логотипа? |
|---|---|---|
| L | 7% | Нет |
| M | 15% | С натяжкой |
| Q | 25% | Да |
| H | 30% | Лучший выбор |
Когда вы встраиваете логотип, вы намеренно перекрываете модули. Если закрытая площадь превышает бюджет коррекции ошибок, декодер не справляется. Уровень H даёт максимальный запас — используйте его всегда, когда планируете любое графическое наложение.
Главное: коррекция ошибок не даёт безлимитного перекрытия. Она задаёт жёсткий потолок. Превысьте его — и никакая программная обработка не восстановит сканирование.
Правило 30% — и почему стоит останавливаться на 20%
Широко известная рекомендация — держать площадь логотипа на уровне не более 30% от общей площади QR-кода (соответствует ёмкости уровня H). На практике используйте 20% как рабочий лимит по трём причинам:
- Допуски печати. Офсетная и цифровая печать дают растекание краски. Логотип, занимающий 28% на экране, после впитывания чернил на бумаге может оказаться больше.
- Близость к маркерам поиска. Три квадратных «глаза» по углам незаменимы для декодирования. Любой логотип, заходящий на них, резко снижает процент успешных сканирований — даже если общий процент перекрытия выглядит нормально.
- Вторжение в тихую зону. Пустая рамка вокруг кода — часть стандарта. Внешнее свечение или тени логотипа визуально съедают это пространство.
Установите логотип на 20% от общей площади QR-кода, убедитесь, что ни один край не касается маркеров поиска, — и у вас будет комфортный запас.
Расположение: центр — не всегда правильный ответ
Центральное расположение — стандарт, и оно хорошо работает для квадратных или круглых логотипов. Но важно понимать почему центр предпочтительнее: наиболее плотные информационные модули находятся ближе к краям и углам, тогда как центральная область (за исключением тайминговых паттернов) содержит избыточные данные, которые коррекция ошибок восстанавливает легче.
Когда центр не работает:
- Логотип горизонтально ориентирован (широкие прямоугольники, центрированные горизонтально, начинают задевать тайминговые паттерны сверху и снизу)
- Фирменный знак содержит очень тонкие линии, которые исчезают при уменьшении до 20% площади
Для горизонтальных логотипов два варианта:
- Обрежьте квадратную версию знака для использования внутри кода
- Разместите полный логотип под кодом с достаточной тихой зоной, а не поверх него — это чище и не несёт никаких рисков для сканирования
Контраст и цвет фона в зоне логотипа
Модули вокруг логотипа по-прежнему должны читаться как тёмные на светлом фоне (или наоборот). Распространённая ошибка — белый логотип на белом фоновом патче, что оставляет неоднозначный пробел, который декодеру приходится перекрывать исключительно за счёт коррекции ошибок. Лучший подход:
- Дайте логотипу сплошной непрозрачный фон, совпадающий или близкий к светлому цвету кода
- Оставьте не менее 1 модуля чистого светлого пространства между краем логотипа и ближайшими тёмными модулями
- Избегайте градиентов в логотипе, из-за которых цвета модулей становятся неоднозначными у границы
Если вам нужно подробнее разобраться в требованиях к контрасту по всему коду, обратитесь к нашей статье «Цвет и контраст QR-кода: правила, которые сохраняют сканируемость» — там разобраны минимальные соотношения, ориентации «тёмное на светлом» и «светлое на тёмном», а также цветовые комбинации, вызывающие ошибки обработки камерой.
Физический размер и минимальный пиксельный бюджет
Читаемость логотипа и надёжность QR-кода зависят от того, насколько крупно напечатан или отображён код. Логотип, втиснутый в код 2 × 2 см при покрытии 20%, составит примерно 4 мм — невидимый для брендинга и всё равно расходующий бюджет коррекции ошибок.
Практические минимумы:
- Печать: QR-код не меньше 3 × 3 см, чтобы логотип оставался узнаваемым
- Экран: QR-код не меньше 300 × 300 пикселей до добавления слоя логотипа
- Баннер / крупный формат: масштабируйте логотип пропорционально; правило 20% площади по-прежнему действует — не увеличивайте его только потому, что места много
Тестируйте перед отправкой в печать
Никакие правила дизайна не заменят тестирование. Перед отправкой в печать:
- Экспортируйте готовый дизайн в финальном разрешении для печати
- Проверьте минимум в трёх приложениях: встроенная камера iOS, встроенная камера Android и отдельное приложение-сканер
- Тестируйте при разном освещении (яркий верхний свет, приглушённое окружающее)
- Если вы используете динамический код, позволяющий обновлять целевой URL без перепечатки, убедитесь, что редирект по-прежнему работает корректно
Динамические коды особенно актуальны для брендированных кодов, которые размещаются на упаковке или печатных материалах с долгим сроком жизни. Если адрес назначения изменится, динамический QR-код позволит обновить ссылку без перепроектирования и перепечатки физического носителя.
Вы можете создавать такие брендированные коды прямо через генератор Super QR Code — уровень коррекции ошибок H установлен по умолчанию при обнаружении логотипа.
Ключевые выводы
- Используйте уровень коррекции ошибок H всегда, когда встраиваете логотип
- Держите площадь логотипа на уровне 20% от общей площади кода, а не теоретических 30%
- Никогда не позволяйте логотипу перекрывать или теснить три угловых маркера поиска
- Горизонтальные логотипы лучше размещать под кодом, а не по центру внутри него
- Давайте логотипу непрозрачный фон и отступ в 1 модуль, чтобы избежать неоднозначности контраста
- Всегда тестируйте на реальных устройствах перед отправкой в печать, особенно для тиражных упаковок
- Сочетайте брендированный код с динамическим URL, чтобы обновлять адреса назначения без перепроектирования
Подробнее о том, как использовать возможности дизайна брендированных QR-кодов, — в нашем полном руководстве по формам глазков, стилям модулей и читаемости.