QR-код с логотипом: 7 правил брендирования без потери читаемости
16 мин чтения
Куар код с логотипом — стандарт для любой компании, которая считает себя брендом. Но «поставить лого по центру» и «сделать брендированный QR, который сканируется у всех» — две разные задачи. Вторая требует семи правил: ECC H (30% восстановления), лого не более 20% площади (рабочая зона 10–15%), белая подложка, контраст 4:1, тест на 3+ устройствах, quiet zone, брендбук. Смежное чтение к базовой статье про логотип в QR — там технология, здесь правила для тиражей.
Почему логотип в QR — это всегда компромисс
Стандарт QR (ISO/IEC 18004) не подразумевал логотипов: коррекция Reed-Solomon проектировалась под повреждения на складах Toyota. Брендинг внутри кода — побочный эффект, который маркетологи освоили двадцать лет спустя. ECC H восстанавливает 30% модулей, но логотип — это сплошная «дыра», а не случайные повреждения. При переключении с ECC M на H матрица растёт на 30–40% — при фиксированном физическом размере модули мельче. Компенсация: всегда использовать динамические QR с короткой ссылкой (20–25 символов), тогда матрица минимальна даже при ECC H.
Правило 1: ECC H — обязательно (30% восстановление)
Для брендированного QR — всегда H, никаких L, M, Q. Расчёт: лого 15% + 8% реальных повреждений (царапины, отпечатки) на упаковке за полгода = 23%. Запас у ECC Q — 2%, сканирование «лотерея». ECC H даёт буфер 15% (30% − 15% лого) — работает стабильно.
- ECC L (7%) — только QR без логотипа в идеальных условиях. Для брендированного — запрещён.
- ECC M (15%) — для монохромного минимального лого 5–8%. На практике не используется.
- ECC Q (25%) — теоретически для лого 10–12% в идеале. На практике — ставьте H.
- ECC H (30%) — стандарт для любого QR с лого 15–20%. Обязателен для упаковки и наружки.
В конструкторе QRkoder: «Дополнительно» → «Уровень коррекции ошибок» → H. Если генератор не даёт выбор — он ставит M, такой инструмент для брендированного QR не подходит. Подробнее — в термине ECC глоссария.
Правило 2: Логотип ≤20% площади QR (рабочий диапазон 10–15%)
Потолок — 20%, рабочая зона — 10–15%. За 20% даже ECC H не спасает, за 25% код не читается. Почему 20%, а не паспортные 25%: резервируем 10% на царапины и блики, белая подложка съедает ещё 2–3%, смещение лого от центра может зацепить позиционный маркер.
- 10% — минималистичный брендинг. Сканируемость 99,9%.
- 12–15% — рабочий оптимум. Сканируемость 99,5%.
- 18–20% — максимум. Только ECC H + тест на 5+ устройствах. Сканируемость 98–99%.
- 25%+ — 10–20% клиентов не смогут открыть код.
Формула: (ширина лого × высота лого) / (ширина QR × высота QR) × 100. Прямоугольный горизонтальный лого при 20% может задеть позиционные маркеры — уменьшайте до 10–12% или используйте только glyph-версию. Подробнее — в основной статье про логотип в QR.
Правило 3: Белая подложка под логотип обязательна
Белая подложка — функциональное поле, а не декор. Без неё цветной лого создаёт пограничную зону, где алгоритм не может решить — это модуль данных или артефакт. С подложкой Reed-Solomon восстанавливает перекрытые модули как единый блок: +5–12% к сканируемости в реальных условиях. Без подложки на старых Android 6–8 сканируемость падает до 60–75% вместо 99%.
Параметры: форма повторяет лого; размер на 15–25% больше лого (суммарно с лого не выходите за 20%); цвет — #FFFFFF или цвет светлых модулей; отступ — 2–4 модуля QR. Подложка не нужна только для монохромного тёмного лого, совпадающего с модулями, менее 7% площади при ECC H.
Правило 4: Контраст — два уровня, не только 4:1
Уровень 1 — модули к фону: минимум 4:1 по WCAG, рекомендуем 7:1+. Чёрный на белом — 21:1 (эталон); тёмно-синий #1E3A8A на белом — 12,8:1; серый #6B7280 на белом — 4,8:1 (на грани); светло-синий #60A5FA на белом — 2,9:1 (не работает).
Уровень 2 — лого к модулям: тёмно-синие модули + тёмно-синий лого другого оттенка — сканер «сливает» их. Лого должен отличаться яркостью (светлее на 40%+) или тоном. Контраст лого к подложке — минимум 3:1. Для ответственных тиражей: RGB ≠ CMYK, запрашивайте цветопробу в типографии (500–1500 ₽) — страховка от 50 000 упаковок с нечитаемым кодом.
Правило 5: Тест на 3+ реальных устройствах
Доля аудитории РФ 2026: iPhone — 28%, Android новые — 48%, Android старые (4+ лет) — 24%. Если QR не работает на старых Android — это каждый четвёртый клиент.
Тестовый набор: iPhone последней модели (эталон), Android среднего класса 2023–2024 (Samsung A35, Redmi Note 13), Android 3–5 лет (нижняя граница — если читается здесь, читается у всех). Условия: дневной свет, тёплый комнатный, полумрак; расстояние 10/30/60 см; угол 0°/30°/60°; чистый / с отпечатком / с царапиной. Целевое время — 1–2 секунды на iPhone, до 4 на старых Android. Если пользователь водит камерой — код на границе, в тираж нельзя.
Правило 6: Quiet zone — неприкосновенна
Пустое поле 4 модуля по периметру QR (ISO/IEC 18004). Для QR 25×25 мм — 4 мм с каждой стороны, итого размещение занимает 33×33 мм. Без quiet zone алгоритм не находит позиционные маркеры и теряет код целиком.
Типичные нарушения: QR вплотную к рамке плашки (30% отказов), текст заходит в зону, QR на фотофоне без плашки (50–70% отказов). Правила: минимум 4 модуля белого поля (идеально 6–8); никаких декора внутри зоны; рамка CTA — снаружи; при QR на цветном фоне — белый прямоугольник, включающий quiet zone. Нарушение quiet zone даёт 30–40% всех отказов сканирования брендированных QR.
Правило 7: Брендбук — фиксация правил для команды
Без документа через год три дизайнера создадут три разные версии QR. Что зафиксировать: ECC H, файл лого (SVG + PNG 1024×1024), размер лого 15%, подложка, HEX-коды с контрастностью, форма модулей, quiet zone, физические размеры (визитка 20×20, меню 30×30, упаковка 25×25, билборд 400×400 мм), протокол тестирования, запреты.
Пример QR Guidelines:
1. ECC = H, всегда динамический QR.
2. Лого:/brand/logo-qr.svg, 15% площади, белая круглая подложка +20%.
3. Цвет: модули #1E3A8A, фон #FFFFFF, контраст 12,8:1.
4. Форма: скруглённые квадраты — модули и «глаза».
5. Quiet zone: 4 модуля (6 для наружки).
6. Тест: iPhone 15, Samsung A54, Redmi Note 10 — 100% за 2 секунды.
7. Запрещено: ECC ниже H, лого >20%, QR на фотофоне без плашки.
5 популярных ошибок брендирования QR
Ошибка 1. Лого 30–40% площади. QR сканируется в 30–60% случаев. Решение: «больше 20% — код не работает. Нужна видимость — увеличивайте сам QR».
Ошибка 2. ECC M для компактности. При ECC M лого свыше 10% не держится. Компактность даёт короткая динамическая ссылка, а не снижение ECC.
Ошибка 3. Лого с прозрачным PNG без подложки. Эстетично, но 30% устройств не справляются. Белая подложка обязательна.
Ошибка 4. Инвертированный QR без теста. Работает на iOS 18+ и Android 10+, не работает на Android 8 и ниже (до 15% аудитории в 2026 году).
Ошибка 5. QR на фотографии без плашки. Неоднородный фон — алгоритм теряет порог светлое/тёмное. Белая плашка обязательна, допустима полупрозрачная 70–85%. Три кейса с цифрами по упавшей сканируемости — в статье «Красивый QR-код: 20 примеров дизайна».
Инструменты для брендированного QR
QRkoder (qrkoder.ru). Динамические QR, аналитика, кастомный домен. ECC H, белая подложка авто, форма модулей, PNG/SVG/PDF. Бесплатный тариф, платные от 399 ₽/мес., российское юрлицо, 152-ФЗ. Конструктор QR.
QR Code Monkey. Бесплатно, SVG. Только статические QR, нет аналитики — для разовых задач.
Flowcode. Дизайнерские шаблоны, динамические QR. От $15/мес., серверы США (152-ФЗ не соответствует).
@liquid-js/qr-code-styling. JS-библиотека MIT License — полная кастомизация QR на клиенте для разработчиков.
Только QRkoder даёт русский интерфейс и соответствие 152-ФЗ. Для корпоративного пайплайна в России — динамические QR QRkoder с аналитикой сканирований.
Готовы сделать брендированный QR?
Соберите QR-код с логотипом вашего бренда за 3 минуты: ECC H автоматически, белая подложка, форма модулей, цвета с проверкой контраста. Бесплатно в конструкторе.
Частые вопросы
Почему одно и то же лого в QR у меня сканируется, а у клиента — нет?
Причин несколько: разные устройства (iPhone 15 Pro с AI против старого Android 2019), разные условия освещения (офис против уличного солнца с бликами), разные версии сканера, физическое состояние кода (свежий макет против месяца в магазине с царапинами), человеческий фактор (вы держите камеру ровно, клиент торопится). Решение: пересоздайте QR с консервативными параметрами (ECC H, лого 12% вместо 18%, белая подложка с запасом), тестируйте на 5+ устройствах разных поколений, повысьте контраст до 7:1+, добавьте CTA «Сканируй с 30 см».
Какой процент лого в QR считается безопасным для любой аудитории?
Безопасный диапазон — 10–15% площади QR. При этих значениях при правильных остальных параметрах (ECC H, белая подложка, контраст 7:1+) сканируемость достигает 99,5–99,8% на любых устройствах — от iPhone 15 до Samsung Galaxy 2018 года. 10% — минимум, при котором лого визуально читается. 15% — верхняя граница комфортной зоны. 16–20% — зона осторожности: для молодой городской аудитории допустимо, для региональной с долей старых устройств (24% аудитории РФ) — оставайтесь в 12–15%. 21–25% — только для премиум-сегмента со свежими устройствами и тестом на 10+ смартфонах. 26%+ — сканируемость падает ниже 90%. Счёт площади: суммируйте лого + подложка, именно это пятно «выключается» из кода.
Можно ли обойтись без белой подложки, если лого чёрный и монохромный?
В ряде случаев да. Монохромный тёмный лого воспринимается сканером как продолжение тёмных модулей — Reed-Solomon восстанавливает данные через коррекцию. Работает для тонких силуэтных логотипов (глифы, монограммы) менее 10% площади при ECC H и идеальной печати. Когда подложка обязательна: цветной лого любого оттенка, сложный лого с деталями или текстом, лого с градиентом, глянцевая поверхность с бликами. В 95% случаев делайте подложку — прирост сканируемости 5–12% в реальных условиях. Без подложки оставляйте только при осознанном решении с тестом на 10+ устройствах.
Как проверить контраст QR-кода с логотипом быстро, без специальных инструментов?
Пять способов. Первый — чёрно-белый фильтр в любом редакторе: если модули чётко видны на фоне — контраст достаточный. Второй — отойдите на 2–3 метра от монитора: QR должен читаться как чёткая матрица, не серое пятно. Третий — режим «чёрно-белый» в настройках телефона, сфотографируйте QR. Четвёртый — Chrome DevTools (F12) показывает контраст для веб-макетов. Пятый — бесплатные калькуляторы без регистрации: WebAIM Contrast Checker или Coolors Contrast Checker, вводите два HEX — получаете соотношение. Пороги для QR: 4:1 — минимум, 7:1 — уверенно, 21:1 (чёрный на белом) — эталон. При значении ниже 4:1 — пересматривайте цвета даже если визуально кажется нормально.
Что делать, если брендбук требует крупного логотипа, а технология не позволяет?
Пять подходов. Первый — изменить композицию: компактный глиф 10% площади внутри QR и крупный лого отдельным элементом рядом — работает для упаковки, постеров, билбордов. Второй — увеличить сам QR: 15% от большого QR дают тот же визуальный размер лого, что 25% от маленького. Третий — разделить задачи: стандартный брендированный QR для клиентской коммуникации и художественный QR для имиджевых материалов с сознательно сниженной до 90% сканируемостью. Четвёртый — обновить брендбук с цифрами сканируемости при разных размерах лого. Пятый — NFC вместо QR для премиум-упаковки: лого занимает 100% композиции, сканирование касанием.
Как брендировать динамический QR, если ссылка внутри может поменяться?
Динамический QR содержит короткую ссылку редиректа (20–25 символов), с которой уходит на целевой URL. Два плюса: ссылка всегда короткая — больше запаса для лого и дизайна; визуальный вид QR не меняется при смене целевой ссылки — тираж остаётся актуальным. В QRkoder доступен кастомный домен (qr.yourbrand.ru). Зафиксируйте в брендбуке: все QR компании — только динамические, иначе статический QR на сезонную акцию через три месяца будет вести на 404-страницу.
Нужно ли менять брендированный QR при ребрендинге?
Обязательно. QR — элемент фирменного стиля. Лёгкий ребрендинг (смена оттенка): пересоздаёте QR, старые носители не трогаете. Стандартный (смена лого): приоритет — документы и визитки в первый месяц, упаковка по мере расходования тиража. Полный ребрендинг: полная замена всех материалов. Смена целевой ссылки у динамического QR не меняет его внешний вид — меняет только смена лого или цветов. Для снижения затрат: синхронизируйте ребрендинг с плановым расходованием тиражей и используйте в QR универсальную монограмму, которая переживёт несколько ребрендингов.
Может ли нестандартная форма модулей (круги, ромбы) не работать на определённых сканерах?
Да, одна из главных причин нестабильной работы креативных QR. Алгоритмы оптимизированы под квадратные модули. Процент отказов: классические квадраты — 0,2–0,5% на всех устройствах; скруглённые квадраты (rounded) — 0,5–1,5%; круги (dots) — 1–4% на новых, до 8–15% на старых; ромбы — 3–8%; капли и пиксели — до 20% на старых. Для городской аудитории со свежими смартфонами круги и rounded допустимы. Для регионов с долей старых устройств или промышленных сканеров (Datalogic, Zebra) — только квадраты или rounded. Для маркировки «Честный знак» — строго классические модули по регламенту. Единственная проверка — тест на 5+ устройствах разных поколений.
Сколько времени занимает создание брендированного QR по всем правилам?
От 10 минут до нескольких дней. Быстрый сценарий (10 минут): готовый логотип SVG/PNG, известные HEX-коды, ссылка — ECC H, лого 15%, форма, создать, тест на двух телефонах, опубликовать. Стандартный (60–90 минут): плюс тест на 5+ устройствах, проверка контраста WebAIM, экспорт PNG/SVG/PDF, 2–3 варианта, документирование для команды. Полный (4–8 часов): раздел брендбука с примерами и запретами, шаблоны для 5–10 сценариев, тест каждого на 10+ устройствах, цветопроба в типографии. Для малого бизнеса — быстрый, для сети точек — полный, иначе через год хаос из несовместимых версий от разных подрядчиков.
Готовы попробовать? Соберите брендированный QR-код с логотипом вашей компании за 5 минут. ECC H, белая подложка, форма модулей и «глаз» на выбор — всё в одном интерфейсе. Динамический режим с возможностью менять ссылку без перепечати. Бесплатно в конструкторе QRkoder. Для массовых кампаний — динамические QR с аналитикой, тарифы и API для интеграции с CRM.