Як додати логотип у QR-код і не зламати його
Логотипом можна перекрити приблизно 20–25% ширини QR-коду в центрі, бо корекція помилок зберігає достатньо надлишковості, щоб відновити приховані модулі. Далі сканери починають відмовляти.
6 хв читання · Оновлено
У QR-коді ніщо не резервує місце під логотип. Середина сітки — це звичайні дані, і перекриття їх знищує. Код продовжує працювати лише тому, що корекція помилок відбудовує те, що ви сховали. Зрозумієте цей бюджет — брендований код буде безпечним; проігноруєте — надрукуєте тисячі карток, які відмовлять у тьмяному світлі.
Скільки можна перекрити?
Рівень корекції помилок H відновлює приблизно 30% коду. Це теоретична стеля, а не ціль: частина цього запасу йде на реальні пошкодження — шум друку, відблиски, згини, камеру під кутом. Лишайте запас.
| Логотип перекриває | Корекція помилок | Висновок |
|---|---|---|
| До 15% ширини | M або Q | Безпечно майже всюди |
| 15–25% ширини | H | Нормально на папері, перевірте перед великим накладом |
| Понад 25% ширини | H | Чекайте відмов на потертих чи погано освітлених копіях |
Гортайте таблицю, щоб побачити всі колонки.
Відсотки тут — це частка ширини коду, а не площі. Логотип, учетверо вужчий за код, уже вкриває близько 6% його поверхні, і саме десь тут консервативний дизайн має зупинитися.
Як це зробити в генераторі
- Спершу зберіть код у генераторі і зафіксуйте вміст. Зміна посилання згодом перебудовує всю сітку.
- Завантажте логотип. Корекція помилок підвищується автоматично, а модулі під ним вирізаються, а не просто зафарбовуються — тож сканер бачить чисту дірку, а не неоднозначний сірий.
- Зменшуйте логотип, доки значок живої самоперевірки сканування лишається зеленим, і на цьому зупиніться. Значок розшифровує відрендерений прев'ю у вашому браузері, тож це справжнє читання, а не здогад.
- Експортуйте SVG для друку; PNG — лише для екранів.
Правила дизайну, від яких залежить читабельність
- Центруйте. Середина — найбезпечніше місце, щоб втратити модулі. Логотип поверх кута може знищити пошуковий патерн, а від цього не рятує жодна корекція помилок.
- Дайте суцільну підкладку. Невеликий квадрат чи коло кольору тла з відступом за логотипом читається значно краще, ніж прозорий логотип поверх модулів.
- Тримайте логотип простим. На 2 см друку деталізований логотип-напис перетворюється на кашу. Монограма чи символ виживають, повний блок — ні.
- Тримайте контраст сильним. Темні модулі на світлому тлі. Інвертовані коди — світлі на темному — читає менше сканерів, а логотип погіршує це ще більше.
- Скорочуйте вміст. Коротше посилання означає нижчу версію й більші модулі, тож кожен перекритий модуль важить менше. Це допомагає більше за будь-яке інше налаштування.
Перевіряйте на тому, що справді підете друкувати
Самоперевірка в браузері каже вам, що дизайн зчитується в ідеальних умовах. Перед накладом перевірте реальний виріб: надрукуйте один примірник у фінальному розмірі, скануйте старим і новим телефоном, при яскравому світлі й у тьмяній кімнаті, і трохи далі, ніж очікуєте від людей. Якщо щось із цього провалюється — зменшуйте логотип, перш ніж міняти будь-що інше.
Якщо код, який працював на екрані, відмовляє на папері, чек-лист сканування швидко вкаже на причину.
Не лише логотипом
Логотип — не єдиний спосіб виглядати собою. Форми модулів, кольори окремих очей, фірмовий градієнт і рамка з підписом змінюють характер коду, не прибираючи жодного модуля даних — вони строго безпечніші за перекриття середини. Якщо хочеться піти далі, халфтон-арт вплітає у сітку ціле зображення.