Логотип в QR-коде

Логотип в середине QR-кода — не трюк и не хак. Это осознанное использование заложенной в формат избыточности, у которой есть бюджет, и его можно перерасходовать.

Любой QR-код хранит своё содержимое с запасом. В формат заложена коррекция ошибок Рида — Соломона: считыватель восстанавливает данные, даже когда часть узора нечитаема — смазана, порвана, залита кофе или закрыта вашим логотипом. Логотип не воюет с кодом, он тратит бюджет, который код и так отложил.

Сколько на самом деле можно закрыть

У QR-кодов четыре уровня коррекции ошибок — L, M, Q и H, восстанавливающие примерно 7%, 15%, 25% и 30% данных. Соблазнительно прочитать максимальный как «можно закрыть 30% кода». Нельзя.

Этот бюджет не зарезервирован под ваш логотип. Он же должен впитать:

  • Приводку и растекание краски, размывающие края модулей.
  • Блики, сгибы, потёртости и отпечатки пальцев на готовом изделии.
  • Камеру телефона, которая фокусируется неидеально, под углом, при плохом свете.
  • То, что бумага сделает с собой за месяц на стойке.

Потратьте весь запас на логотип — и на реальный мир не останется ничего. Рабочий ориентир — заметно меньше половины: логотип площадью примерно в десятую часть кода на максимальном уровне коррекции оставляет комфортный резерв. Больше — и код начинает зависеть от идеальных условий.

Коварный сценарий: слишком большой логотип прекрасно сканируется с монитора, где картинка резкая, подсвеченная и огромная. И не сканируется с напечатанной визитки в полутёмной комнате. Проверяйте печать, а не предпросмотр.

Куда логотип ставить нельзя

Коррекция ошибок защищает модули данных. Она не защищает структурные части, по которым сканер вообще находит и ориентирует код:

  • Три поисковые метки — крупные квадраты в левом верхнем, правом верхнем и левом нижнем углах. По ним сканер находит код. Закройте одну — и восстанавливать будет нечего, потому что код просто не опознается как код.
  • Тайминг-паттерны — чередующиеся линии между метками, задающие считывателю шаг сетки.
  • Тихую зону — пустое поле вокруг всего кода.

Поэтому размещение по центру и стало конвенцией: середина кода — это данные, а данные коррекция ошибок как раз умеет восстанавливать.

Как сделать сам логотип рабочим

  • Дайте ему сплошную подложку — обычно небольшую светлую площадку в цвет фона кода. Логотип с прозрачным фоном поверх модулей путает считыватель без всякой пользы.
  • Держите его квадратным или круглым и по центру. Широкие горизонтальные логотипы съедают целую полосу кода; монограмма или знак работают гораздо лучше полного логотипа с надписью.
  • Упрощайте. При печати в 2 см детализированный логотип всё равно превращается в пятно — работает узнаваемый силуэт.
  • Сохраняйте контраст кода вокруг него. Тёмный логотип на тёмном коде и не читается, и не выглядит ничем.

Заодно про цвет

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

Градиенты безопасны, пока оба конца градиента тёмные относительно фона. Градиент из тёмного в бледный выглядит эффектно и отказывает на бледном конце.

Проверка, которая действительно нужна

  1. Выгрузите в том размере и разрешении, в котором будете печатать.
  2. Напечатайте на реальном материале.
  3. Отсканируйте двумя-тремя телефонами, включая самый старый, какой найдёте, с реального расстояния.
  4. Повторите при плохом свете и под углом.
  5. Если хоть где-то возникает заминка — уменьшите логотип и повторите. Заминка на пробе означает отказ в поле.

В Sharen у логотипа есть регулятор размера именно затем, чтобы это была ручка, а не пересборка: уменьшили на шаг, выгрузили заново, проверили. А поскольку код кодирует ваш адрес напрямую, в печать уходит ровно то, что вы проверили — см. почему QR-коды перестают работать про отказы, не связанные с дизайном.

Что спрашивают перед печатью

Ломает ли логотип QR-код?

Нет, если он скромный и по центру. Коррекция ошибок восстанавливает закрытые модули данных. Ломает — когда логотип слишком большой, закрывает угловую поисковую метку или съедает поля.

Насколько большим может быть логотип в QR-коде?

Меньше теоретического максимума. Высший уровень коррекции восстанавливает около 30% кода, но этот же запас должен покрыть дефекты печати и проблемы камеры. Примерно десятая часть площади кода — безопасный рабочий размер.

Можно ли поставить логотип в угол QR-кода?

Нет. В углах находятся поисковые метки, по которым сканер находит код, и коррекцией ошибок они не защищены. Логотип — только в центр.

Можно ли сделать QR-код в фирменных цветах?

Да, пока модули остаются явно темнее фона. Насыщенные цвета на белом надёжны; бледные оттенки, низкий контраст и инверсия — нет.

Ваш логотип, ваши цвета — и всё ещё сканируется

Регулятор размера, формы модулей и градиенты — при том что код кодирует ссылку напрямую, и в печать идёт ровно проверенное.