Генерация и настройка QR-кода: цвет, логотип и уровень коррекции подробно

QR-код — это не только черно-белые квадраты

Многие считают, что QR-код — это просто узор из черно-белых квадратов, но он поддерживает богатые настройки. Можно менять цвет, встраивать логотип, настраивать размер и добавлять поля, сделав QR-код и удобным, и красивым.

Уровень коррекции: основа настройки

Уровень коррекции — самый важный параметр настройки QR-кода: он определяет, можно ли будет считать код после частичного перекрытия или повреждения.

Четыре уровня

• L (низкий): около 7% избыточности, минимальная коррекция, самый простой узор
• M (средний): около 15% избыточности, часто уровень по умолчанию
• Q (высокий): около 25% избыточности
• H (повышенный): около 30% избыточности, максимальная коррекция, подходит для встраивания логотипа

Почему для логотипа нужен H

Логотип перекрывает центральную область QR-кода. При низком уровне коррекции после перекрытия код не считается. Уровень H дает 30% избыточности: даже при повреждении 30% узора код распознается — встраивание логотипа безопаснее.

Рекомендация: при встраивании логотипа всегда используйте уровень H, а площадь логотипа не должна превышать 20% площади QR-кода.

Настройка цвета

Цвет переднего плана и фона

• Цвет переднего плана: цвет квадратов, по умолчанию черный
• Цвет фона: цвет подложки, по умолчанию белый

Требования к контрасту

Сканеры распознают квадраты по контрасту. Между передним планом и фоном нужен достаточный контраст:

• Темный передний план + светлый фон: безопасно
• Светлый передний план + темный фон: допустимо, но часть старых сканеров не поддерживает инверсию
• Недостаточный контраст: код не считается

Рекомендация: передний план — темный (черный, темно-синий, темно-зеленый, темно-фиолетовый), фон — светлый (белый, светло-желтый, светло-серый). Разница яркости не менее 50%.

Цветовые сочетания, которых стоит избегать

• Красный передний план + зеленый фон: сложно для дальтоников и некоторых сканеров
• Два темных цвета: недостаточный контраст
• Два светлых цвета: недостаточный контраст
• Градиент: сканер может не распознать

Встраивание логотипа

Зачем встраивать логотип

Логотип усиливает узнаваемость бренда. Сканер видит логотип и понимает, что это официальный QR-код, что повышает доверие.

Размер логотипа

Слишком большой логотип перекрывает много данных, слишком мелкий — плохо виден. Рекомендуется, чтобы логотип занимал 10%-15% площади QR-кода, максимум 20%.

Форма логотипа

• Квадрат: самый частый, единый по стилю с QR-кодом
• Круг: визуально мягче, но перекрываемая область нерегулярна
• С белой рамкой: белый контур вокруг логотипа, чтобы цвет логотипа не сливался с квадратами

Положение логотипа

Логотип в центре — самый частый вариант. В трех углах QR-кода стоят маркеры позиционирования (большие квадраты); логотип не должен перекрывать эти углы — в центре безопаснее всего.

Размер и поля

Размер

Размер QR-кода указывается в пикселях. Слишком маленький не считается, слишком большой — лишняя трата места.

• Минимальный размер: рекомендуется от 100×100 пикселей
• Размер для печати: рекомендуется от 2см×2см
• Отображение на экране: подстраивается под размер контейнера

Поля (quiet zone)

Вокруг QR-кода нужно оставлять пустое пространство, называемое quiet zone. Сканер использует его, чтобы отделить QR-код от окружающего контента.

• Требование стандарта: поля шириной не менее 4 модулей
• Модуль: сторона наименьшего квадрата QR-кода
• Слишком узкие поля: сканер может не определить границу
• Рекомендация: оставляйте 4-8 модулей полей; при печати — больше

Объем данных и версия

Версии QR-кода

У QR-кода 40 версий: чем выше версия, тем больше данных он хранит:

• Версия 1: 21×21 модулей, хранит около 25 буквенно-цифровых символов
• Версия 40: 177×177 модулей, хранит около 1850 буквенно-цифровых символов
• Чем выше версия, тем плотнее квадраты и тем сложнее сканирование

Рекомендации по объему данных

• URL: обычно достаточно версий 3-5
• Текст: держите в пределах 100 символов
• Лишние данные: QR-код получается слишком плотным, сканирование медленное или сбоит

Рекомендация: чем короче URL, тем лучше; длинные URL сначала укоротите сервисом коротких ссылок, затем генерируйте QR-код.

Настроить QR-код в DocsAll

Генератор QR-кодов поддерживает полную настройку:

1. Введите содержимое (URL, текст, контакт и т. д.)
2. Выберите уровень коррекции (для логотипа — H)
3. Задайте цвет переднего плана и фона
4. Загрузите логотип (необязательно)
5. Настройте размер и поля
6. Сгенерируйте и скачайте PNG

Генерация в браузере, содержимое не отправляется на сервер.

Частые проблемы

После встраивания логотипа не считается

• Уровень коррекции не установлен в H
• Логотип слишком большой, больше 20%
• Недостаточный контраст между цветом логотипа и квадратами

После смены цвета не считается

• Недостаточный контраст переднего плана и фона
• Использован красный или зеленый (часть сканеров не распознает)
• Градиент

Печать размытая

• Слишком маленький размер; рекомендуется от 2см
• Векторный формат (SVG) при печати четче
• Недостаточные поля

Итог

Три главных момента в настройке QR-кода: уровень коррекции (для логотипа — H), контраст цвета (темный передний план, светлый фон) и размер логотипа (не более 20%). Овладев этими тремя, вы получите красивый и легко считываемый QR-код. Генератор QR-кодов DocsAll работает в браузере, данные не передаются вовне.