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