З чого складається QR-код
QR-код — це сітка темних і світлих квадратів, які називаються модулями. Сітка буває 40 розмірів, що називаються версіями: Denso Wave, компанія, що стоїть за QR Code, подає Версію 1 розміром 21 × 21 модуль аж до Версії 40 розміром 177 × 177, і кожна версія додає по 4 модулі з кожного боку. Тут ви не обираєте версію. Генератор добирає найменшу, у яку поміщається ваше посилання, і показує її під попереднім переглядом.
Коротші посилання дають менші сітки, а менша сітка має більші модулі за того ж розміру друку, що легше зчитати телефоном з іншого кінця кімнати. Тож тримайте посилання компактним. UTM-мітки додають довжину, тому мітки тут використовують короткі значення в нижньому регістрі.
Корекція помилок: L, M, Q або H
QR-коди містять резервні дані, тож телефон все одно зчитає потертий, зігнутий чи частково перекритий код. Сторінка про корекцію помилок від Denso Wave перелічує чотири рівні, які відновлюють приблизно 7% (L), 15% (M), 25% (Q) і 30% (H) коду. Підвищення рівня також збільшує код. Та сама сторінка зазначає, що рівень M обирають найчастіше, Q або H підходять для місць, де коди забруднюються, а L — для чистих умов із великим обсягом даних.
Практичний підхід: M для флаєра чи меню, Q або H для упаковки, яку беруть у руки, чи наклейки, що лежить надворі, і L лише тоді, коли довге посилання інакше не вміщається.
Не чіпайте відступ
Порожнє поле навколо коду — це частина коду. Довідник Denso Wave про розмір коду каже: «QR Code потребує поля завширшки чотири модулі з усіх боків символу». Саме тому відступ тут починається з 4. На тій же сторінці розібрано приклад: за 0,254 мм на модуль код Версії 3 має 29 модулів, 7,366 мм завширшки і 9,398 мм з доданим полем. Інструмент дозволяє опуститися нижче 4 для дизайну, у якого вже є простір навколо, і попереджає вас, коли ви це робите.
Кольори та контраст
Брендові кольори працюють, доки код залишається помітно темнішим за фон. Інструмент вимірює коефіцієнт контрасту за формулою WCAG і позначає все, що нижче 4:1. Цей поріг — наше власне обережне правило, а не число зі стандарту QR, тому єдина справжня перевірка — це сканування. Він також попереджає, коли код світліший за фон (інвертований код), бо сканери розраховані на темне на світлому, а зчитування зворотного — це додатковий крок, який деякі декодери пропускають. Перевіряйте кожен надрукований код на кількох різних телефонах.
UTM-мітки, щоб сканування не було просто «прямим»
Сканування надходить без сторінки-переходу, тож без міток вашій аналітиці нічого не вкаже, що воно прийшло з флаєра. Поставте позначку UTM, і генератор додасть мітки до вашого посилання перед кодуванням, використовуючи ті ж правила, що й наш конструктор UTM-посилань: він зберігає будь-які параметри, що вже є в адресі, замінює старі значення UTM і зберігає якір #section наприкінці. Google Analytics радить завжди використовувати utm_source, utm_medium і utm_campaign, а оскільки значення чутливі до регістру, інструмент переводить їх у нижній регістр.
Використовуйте utm_content, щоб розрізняти розміщення: table-tent-a та table-tent-b, або box-insert і shipping-label. Одна кампанія, один код на розміщення, і звіт покаже, який саме відсканували.
PNG чи SVG
PNG малюється цілими пікселями на модуль, тож кожен край чіткий. Його кінцевий розмір — найближче кратне сітки, що вміщається у ваше число, і інструмент друкує точний розмір. SVG — це вектор: він масштабується до білборда чи візитівки без розмиття, і саме його варто надсилати в друкарню чи вставляти у файл дизайну.
Чого цей інструмент не робить
Він не скорочує посилання, не відстежує сканування сам і не дозволяє змінити, куди веде код після друку. Такі «динамічні» коди потребують сервера посередині, а на цій сторінці його немає: ваш код містить ваше посилання напряму, тож він працює доти, доки працює сторінка, на яку він указує. Він не додає логотипи в центр коду і не перевіряє, чи посилання завантажується. Відскануйте завантажений файл власним телефоном, перш ніж щось піде в друк.
Якщо ви не хочете робити це вручну
Hermoso — це маркетинг на автопілоті: він досліджує рекламу, яка вже працює на вашому ринку, створює брендовані зображення й відеореклами, планує публікації та веде платні кампанії у ваших рекламних акаунтах. Він працює у вебдодатку або всередині Claude, ChatGPT і Cursor через свій MCP-сервер.
Безкоштовні інструменти: Конструктор UTM-посилань · ·
Поширені запитання
Чи застарівають ці QR-коди?
Ні. Це статичні коди: посилання зберігається в самому коді, без служби перенаправлення посередині. Код працює доти, доки існує сторінка, на яку він вказує.
Який рівень корекції помилок обрати?
Denso Wave, компанія-розробник QR Code, зазначає, що рівень M (приблизно 15% відновлення) обирають найчастіше, Q або H підходять для кодів, які забруднюються, а L — для чистих умов із великим обсягом даних. Вищі рівні роблять код більшим.
Якою має бути біла рамка?
Чотири модулі з кожного боку. Denso Wave зазначає, що QR Code потребує поля завширшки чотири модулі з усіх боків символу, тож поле тут починається з 4.
Як відстежувати скани з листівки чи упаковки?
Позначте UTM і заповніть джерело, канал та кампанію. Мітки додаються до вашого посилання перед кодуванням, тож кожен скан потрапляє в Google Analytics із цими позначками. Використовуйте utm_content, щоб розрізняти розміщення.
Чи можна зробити кольоровий QR-код?
Так. Код має бути помітно темнішим за фон. Інструмент попереджає, коли контраст низький або кольори інвертовані, і вам варто відсканувати роздрукований зразок на кількох телефонах.
Чи надсилається кудись те, що я вводжу?
Ні. Код малюється у вашому браузері. Нічого не завантажується й не зберігається, а перезавантаження сторінки очищає його.
Hermoso створює рекламу, планує публікації та керує кампаніями. Почніть безкоштовно: 250+ безкоштовних кредитів, які можна заробити, без картки.
Почати безкоштовно → Переглянути ціни