Блог, Безкоштовні інструменти

Якого розміру має бути надрукований QR-код?

Знайдіть правильний розмір QR-коду для постерів, флаєрів, візитівок і упаковки, щоб він надійно сканувався щоразу, з простою таблицею розмірів.

QR-код, що виглядає добре на екрані, може повністю провалитись, коли надрукований занадто малим, розміщений занадто далеко від того, де стоятимуть люди, чи затиснутий у насиченому макеті. На відміну від посилання, на яке можна просто клікнути, QR-код повністю залежить від того, чи камера може чітко розпізнати його патерн, що робить розмір і відстань сканування справді важливими рішеннями дизайну, а не запізнілою думкою.

Цей гайд дає практичні настанови розміру для найпоширеніших ситуацій друку, плюс кілька факторів, що впливають на скановність так само сильно, як сирий розмір.

Загальне правило: розмір масштабується з відстанню сканування

Основний принцип за розміром QR-коду простий: чим далі стоятиме людина, коли сканує його, тим більшим має бути код. Код на візитівці сканується з кількох сантиметрів, тож може бути малим. Код на автостраднвому білборді сканується з багатьох метрів, тож має бути пропорційно величезним. Поширене емпіричне правило — що ширина коду має бути приблизно однією десятою очікуваної відстані сканування, хоча це трохи різниться за якістю камери й освітленням.

Таблиця розмірів для поширених форматів

Друкований елемент Типова відстань сканування Запропонований мінімальний розмір коду
Візитівка Кілька сантиметрів Близько 2 см на сторону
Флаєр чи меню Довжина руки Близько 3-4 см на сторону
Постер (A3/A4) 0.5-1 метр Близько 4-6 см на сторону
Роздрібна упаковка Близько, в руці Близько 2-3 см на сторону
Вітрина магазину 1-2 метри Близько 6-10 см на сторону
Великий банер чи білборд Багато метрів Суттєво збільшити, тестувати на відстані

Ці цифри — відправні точки, не жорсткі ліміти. Завжди тестуйте фізичний друк передбаченого розміру й відстані перед взяттям зобов’язання щодо великого тиражу друку.

Роздільність і формат файлу мають таке саме значення, як фізичний розмір

Фізичний розмір має значення, лише якщо базове зображення достатньо чітке, щоб чисто друкуватись у цьому розмірі. QR-код, експортований як PNG низької роздільності, виглядатиме блочним чи розмитим, коли масштабований для постера, навіть якщо надруковані виміри технічно правильні. Для всього, що більше за візитівку, експортуйте як SVG (векторний) файл, якщо ваш принтер приймає це, оскільки векторна графіка лишається чіткою в будь-якому розмірі. Якщо SVG не опція, експортуйте PNG у високій роздільності, тож він не пікселізується при збільшенні. Безкоштовний генератор QR-кодів Holsha підтримує експорт у форматах, придатних і для екрана, і для друку.

Тиха зона: відступ, який легко забути

Кожен QR-код потребує чіткого, порожнього відступу навколо себе, часто званого «тихою зоною». Сканери використовують цю порожню межу, щоб визначити, де код починається й закінчується. Занадто щільна обрізка дизайну, чи розміщення тексту чи графіки прямо впритул до краю коду, може спричинити провал сканування, навіть якщо сам код виглядає добре. Як загальна настанова, залишайте відступ навколо коду приблизно рівний чотирьом модулям (маленьким квадратам, що складають патерн), що більшість генераторів обробляють автоматично, поки ви вручну не обрізаєте експортоване зображення.

Контраст і колір все ще застосовуються в будь-якому розмірі

Навіть великий, правильно розмірений код не сканується надійно, якщо кольори переднього плану й фону занадто близькі за тоном. Це стає помітнішим на друкованих матеріалах, де освітлення, текстура паперу й вбирання чорнила можуть трохи зсунути, як рендеряться кольори порівняно з попереднім переглядом на екрані. Дотримуйтесь сильного контрасту між кодом і його фоном, і якщо ви брендуєте код кастомними кольорами, перевірка контрасту Holsha може допомогти підтвердити, що поєднання кольорів чітко читається, перш ніж надсилати щось у друк.

Урахування реального освітлення й поверхонь

Код, що ідеально сканується під яскравим офісним освітленням на екрані ноутбука, автоматично не сканується так само, коли надрукований на глянцевій упаковці під тьмяним освітленням магазину, чи на матовому постері надворі під прямим сонцем, що створює відблиски. Відбиваючі поверхні на кшталт ламінованих карток чи глянцевого фотопаперу можуть створювати відблиски, що затемнюють частини патерну під певними кутами, тоді як дуже матовий чи текстурований папір може трохи пом’якшити дрібні деталі в щільно упакованому коді. Якщо ви знаєте матеріал і умови освітлення, у яких житиме код, варто протестувати друкований зразок конкретно в тих умовах, а не лише перевіряти на простому столі під нормальним кімнатним освітленням.

Як щільність коду впливає на мінімальний розмір

Не всі QR-коди однаково щільні. Код, що кодує короткий фрагмент тексту, наприклад просту URL, має простіший патерн, ніж той, що кодує великий обсяг даних, наприклад повну vCard із кількома контактними полями чи облікові дані Wi-Fi із довгим паролем. Щільніші коди мають менші окремі модулі (малі квадрати, що складають патерн) для даного фізичного розміру, що означає, що їх потрібно друкувати більшими, щоб лишатись надійно скановними. Якщо ви кодуєте багато інформації, схиляйтесь до більшого кінця діапазонів розмірів у таблиці вище, чи розгляньте скорочення закодованого контенту, наприклад посилання на сторінку замість вбудовування всього напряму.

Тестування перед великим тиражем друку

Перед замовленням сотень флаєрів, постерів чи одиниць упаковки надрукуйте один зразок у повному розмірі й протестуйте його в реалістичних умовах: нормальному внутрішньому чи зовнішньому освітленні, з реальної відстані, на якій стоятимуть люди, і з кількома різними телефонами. Це ловить проблеми, які попередній перегляд на екрані просто не може виявити, особливо для великоформатних друків, де файл значно масштабується. Якщо код включає логотип, перегляньте настанови розміщення в як зробити QR-код із логотипом, оскільки завеликі логотипи — поширена причина провалу сканування в будь-якому розмірі друку.

Доступність і інклюзивне розміщення

Не кожен, хто сканує код, стоятиме прямо перед ним, чи матиме ідеальний зір, чи використовуватиме найновішу модель телефону. Розміщення коду на комфортній висоті, уникнення слабкого освітлення, де можливо, і загальне схилення до більшого кінця рекомендованого діапазону розмірів робить досвід надійнішим для ширшого спектру людей, включно зі старішими телефонами з менш здатними камерами. Це мале дизайнерське міркування, що нічого не коштує врахувати, але суттєво покращує, наскільки послідовно код працює для повного спектру людей, що можуть спробувати його відсканувати.

Поширені помилки

  • Розмір коду під макет дизайну, а не очікувану відстань сканування.
  • Експорт зображення низької роздільності й розтягування його для великого постера.
  • Обрізка тихої зони відступу.
  • Використання низькоконтрастних кольорів бренду на друкованому виробі.
  • Пропуск фізичного тестового друку перед великим тиражем.

Підсумок

Розмір QR-коду для друку — не одне фіксоване число, він повністю залежить від того, наскільки далеко стоятимуть люди, коли сканують його. Використовуйте таблицю вище як відправну точку, завжди спершу тестуйте фізичний друк, і генеруйте свій код безкоштовним генератором QR-кодів Holsha у форматі, що лишається чітким у потрібному вам розмірі.

Oleksandr Holsha

Про автора

Олександр Гольша керує вебстудією Boroda Expert, створює сайти й тестує ШІ-інструменти для роботи. Більше про мене.