Вставити логотип у 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 Generator — рівень корекції помилок H вже встановлено за замовчуванням при виявленні логотипу.
Ключові висновки
- Використовуйте рівень корекції помилок H щоразу, коли вставляєте логотип
- Тримайте покриття логотипу на рівні 20% або менше від загальної площі коду, а не на теоретичному максимумі в 30%
- Ніколи не дозволяйте логотипу перекривати або стискати три кутові маркери пошуку
- Горизонтальні логотипи краще розміщувати під кодом, ніж по центру всередині нього
- Давайте логотипу непрозорий фон і відступ у 1 модуль, щоб уникнути неоднозначності контрасту
- Завжди тестуйте на реальних пристроях перед відправкою у друк, особливо для тиражів на упаковці
- Поєднуйте брендований код з динамічним URL, щоб оновлювати призначення без перепроектування