Стандартний QR-код — це три чорні квадрати по кутах і суцільна стіна пікселів посередині. Функціонально — але на преміальній упаковці продукту або меню кав'ярні виглядає так, ніби його скопіювали з 2003 року. У 2026 ваш QR-код є частиною візуального обличчя бренду, і немає жодної причини, щоб він виділявся з поганої сторони.
Цей гід розглядає три шари, які можна стилізувати — пошукові очі, патерни модулів і центральний логотип — та одне жорстке правило, яке визначає, чи буде код зчитуватись після всіх змін.
Три візуальні шари QR-коду
Відкрийте будь-який QR-код — і побачите три однакові елементи:
- Пошукові очі — три великі квадрати по кутах. Саме їх камера телефону фіксує першою. Четвертий кут (нижній правий) також існує, але містить патерн вирівнювання, а не пошуковий елемент.
- Патерн модулів — сітка маленьких квадратів між очима. Кожен квадрат — це один біт закодованих даних.
- Центральний логотип — необов'язковий елемент. Логотип, розміщений поверх центральних ~20 % коду, перекривається корекцією помилок Ріда–Соломона, тому сканери все одно зчитують дані.
Кожен серйозний брендований QR стилізується на цих трьох шарах — а не через накладання градієнта на весь код.
Пошукові очі: 33 форми, однаковий розмір
Super QR Code Generator пропонує 33 стилі пошукових очей — від класичних Square, Rounded і Circle до декоративних Heart, Star, Cat, Compass, Shield, Leaf та риби Ichthys (ΙΧΘΥΣ). Кожна з них зберігає 7-модульний зовнішній розмір, який очікують сканери, тому їх можна вільно поєднувати з будь-яким патерном модулів.
Класичне правило — «сканеру потрібне ідеально квадратне око» — хибне. Насправді сканеру потрібне співвідношення темний-світлий-темний-світлий-темний 1:1:3:1:1 вздовж будь-якої горизонтальної або вертикальної лінії через центр ока. Будь-яка форма, яка зберігає приблизно 3 суцільних темних модулі в центрі, підійде.
Патерни модулів: 16 стилів і більше
Для внутрішньої сітки пропонується 16 патернів: Square, Rounded, Dots, Diamond, Classy, Star, Plus, Hexagon, Cross, Heart, Triangle, Teardrop, Flower, Octagon і два слоти на основі штучного інтелекту, куди можна завантажити власний SVG-шлях. Rounded та Dots трохи гірше зчитуються на друкованих поверхнях при малому розмірі — нижче приблизно 2 см для наклейок і етикеток ми все ще рекомендуємо Square.
Центральний логотип: більший — але з рівнем H
Якщо хочете впізнаваний логотип посередині, встановіть корекцію помилок рівня H (близько 30 % надлишковості) до розміщення логотипу, а не після. Корисне навантаження займатиме більше модулів, тому код стане візуально щільнішим, але рівень H витримує логотип розміром до приблизно 22 % полотна.
Для логотипу, що органічно вписується в дизайн, пропонується вбудована бібліотека брендових іконок (Wi-Fi, WhatsApp, YouTube, Instagram, Spotify, …), а також завантаження власного SVG або PNG.
Одне правило: 1:1:3:1:1
Найпоширеніша причина, чому гарний QR-код не зчитується — надто багато світлого простору всередині декоративного ока. Сканери проводять горизонтальні та вертикальні лінії крізь кожен потенційний пошуковий елемент і очікують збігу патерну в межах приблизно ±15 % від співвідношення 1:1:3:1:1.
Для дизайнерів це означає: модуль 3×3 у центрі кожного пошукового ока має бути переважно темним. Декор належить до країв ока, а не вирізається з його середини. Кожна з наших 33 форм розроблена з урахуванням цього правила — у кастомізаторі є вбудована перевірка сканованості, яка попереджає, щойно певна комбінація опускається нижче безпечного рівня контрасту або покриття.
Практичний рецепт
Якщо ви створюєте свій перший брендований QR:
- Почніть із модулів Rounded і відповідними очима Rounded — найширша сумісність.
- Зафарбуйте передній план основним кольором бренду, а фон залиште білим. Коефіцієнт контрасту має бути вище 4,5:1.
- Замініть центр логотипом розміром 18–20 % полотна з корекцією помилок рівня H.
- Для додаткового ефекту змініть лише очі на Heart, Star, Cat, Leaf або Shield — сітка модулів залишається класичною, тому надійність зчитування не постраждає.
- Роздрукуйте тест у найменшому розмірі, в якому код буде використовуватись, і зчитайте трьома телефонами (камера iOS, камера Android, камера WeChat). Якщо хоч один вагається довше секунди — поверніться до очей Rounded.
Спробуйте зараз
Усі функції, описані тут, доступні вже сьогодні — відкрийте кастомізатор, виберіть очі та патерн модулів, додайте логотип і експортуйте. Без водяного знака на безкоштовному тарифі, необмежена кількість сканувань від $0,99/місяць для динамічних переспрямувань і аналітики.