Как добавить логотип в QR-код и не сломать его: размер логотипа, коррекция ошибок и тест (2026)
Логотип в центре QR-кода не ломает его. Ломает неправильный логотип, неправильного размера и в неправильном месте.
Короткий ответ: чтобы безопасно добавить логотип в QR-код, сделайте четыре вещи. Сгенерируйте код с уровнем коррекции ошибок H (восстанавливает до 30% повреждений). Держите логотип в пределах 20% ширины кода — 25% это абсолютный потолок. Ставьте его строго по центру, никогда поверх трёх больших угловых квадратов. И дайте логотипу сплошную подложку, чтобы за ним не просвечивал узор. Потом отсканируйте готовый код на старом дешёвом телефоне — до того, как что-то печатать.
Вот и всё. Дальше — детали, которые не дадут вам напечатать 300 настольных карточек с красивым кодом, который не читает ни одна камера.
Почему логотип не ломает QR-код
QR-коды с самого начала придумали так, чтобы их можно было повредить. В этом весь фокус.
В каждом коде есть запасные копии его же данных, разбросанные по узору. Поэтому если часть кода поцарапана, залита кофе или закрыта вашим логотипом, сканер собирает недостающие куски из запаса. По той же причине слегка надорванный парковочный талон всё равно считывается.
Сколько повреждений код переживёт, зависит от одной настройки — уровня коррекции ошибок. Их четыре.
| Уровень | Восстанавливает до | Для чего |
|---|---|---|
| L | 7% повреждений | только экраны, самые короткие ссылки |
| M | 15% повреждений | по умолчанию в большинстве генераторов — нормально без логотипа |
| Q | 25% повреждений | людные места, ламинированные карточки, лёгкий брендинг |
| H | 30% повреждений | всё, где в центре есть логотип |
Большинство бесплатных сервисов ставят M по умолчанию. Если вы кладёте логотип на код уровня M, вы тратите запас прочности, который не покупали. Скорее всего, на вашем новом iPhone при дневном свете он всё-таки считается. И не считается на трёхлетнем Android во время ужина — а важен именно этот телефон.
Сначала поставьте H, потом добавляйте логотип. Не наоборот.
Правило 20%: какого размера может быть логотип
Вот где почти все гайды халтурят. "Уровень H восстанавливает 30% повреждений" читают как "значит, логотип может закрыть 30% кода". Не может.
Логотип, закрывающий 30% площади, — это примерно 55% ширины кода, огромный квадрат, проглотивший середину. Такой код мёртв.
Цифра 30% считает блоки данных, а не место на картинке. И сплошное пятно в одном месте — худший вид повреждения, потому что оно стирает целые соседние блоки, а не разбросанные точки. К тому же запас прочности нужно оставить на реальную жизнь: растекание краски, пятно, блик, телефон под углом.
Поэтому считайте в ширине и пользуйтесь этой таблицей:
| Ширина логотипа от ширины кода | Какую площадь закрывает | Вердикт |
|---|---|---|
| 10% | 1% | железобетонно, работает на любом уровне |
| 15% | 2,3% | очень безопасно, сканируется быстро |
| 20% | 4% | золотая середина на уровне H |
| 25% | 6,3% | потолок — тестируйте как следует |
| 30% | 9% | рискованно, только короткие ссылки и крупная печать |
| 40%+ | 16% | ждите отказов |
Простыми цифрами: на печатном коде шириной 5 см логотип должен быть около 1 см. Он выглядит меньше, чем хочется. И сканируется каждый раз — а это и есть настоящая цель.
Если знаку бренда действительно нужно больше присутствия, не увеличивайте логотип. Увеличьте код или вынесите логотип за пределы кода — над ним или в рамке-подписи снизу вместе с фразой "Сканируйте наше меню". Логотип рядом с кодом брендирует не хуже, а рискует нулём.
Части QR-кода, которые нельзя закрывать
QR-код — это не случайный узор. Часть квадратов это карта для сканера, и коррекция ошибок их вообще не восстанавливает.
Считайте, что есть четыре запретные зоны:
- Три больших угловых квадрата (слева сверху, справа сверху, слева снизу). Это поисковые метки — "глаза". По ним камера находит код и понимает, где верх. Закройте хотя бы один, даже частично, — не сканируется ничего. Никогда.
- Пунктирная линия между глазами. Между угловыми метками идут ряд и столбец из чередующихся светлых и тёмных квадратиков. Это синхрополоса, она говорит сканеру, какой ширины один квадратик. Заденьте её — и весь считываемый узор поедет.
- Тонкие полоски вокруг угловых квадратов. В них лежит служебная информация — в том числе то, какой уровень коррекции вы выбрали. Повредите их, и сканер даже не поймёт, как чинить остальное.
- Маленький квадрат в середине плотных кодов. У больших кодов есть дополнительные выравнивающие квадраты, и во многих версиях один из них оказывается почти ровно там, куда просится логотип. Это не смертельно, как с глазами, но обходится дороже, чем обычные данные.
Хорошая новость: логотип по центру шириной 20% не задевает ни одну из четырёх зон. Именно поэтому 20% работает, и именно поэтому "ну чуть побольше" — то место, где всё ломается.
Дайте логотипу сплошную подложку
Это ошибка, которую я чаще всего вижу в реальных ресторанах, и чинится она за две секунды.
Не кладите прозрачный PNG прямо на узор. Квадратики просвечивают сквозь просветы в буквах, камера видит везде половинки модулей, и время сканирования утраивается.
Вместо этого вырежьте чистую фигуру и посадите логотип внутрь:
- Используйте сплошной прямоугольник или круг того же цвета, что фон кода — обычно белый.
- Оставьте один модуль отступа между логотипом и тем местом, где снова начинается узор. Чуть-чуть воздуха, не больше.
- Подгоняйте подложку под реальный фон. Белая подложка под логотип на кремовой настольной карточке выглядит как брак и читается хуже.
Ещё несколько вещей, от которых логотип ведёт себя прилично:
- Берите знак, а не полный логоблок. Только символ, без названия и слогана. На 1 см словесный знак всё равно превращается в серое пятно.
- Уберите тонкие линии и градиенты. Волосяные штрихи в печати исчезают. Плоские, плотные формы выживают.
- Одного цвета достаточно. Сплошной знак в цвете бренда лучше подробной иллюстрации, которую никто не разглядит.
- Квадратное лучше широкого. Длинный горизонтальный логотип заставляет закрывать больше ширины ради того же визуального веса. Обрежьте до символа.
Цвета ломают коды чаще, чем логотипы
Как только код начинают брендировать, убивает его редко логотип. Убивает палитра.
- Тёмный узор, светлый фон. Всегда. Инвертированные коды — светлое на тёмном — до сих пор не читаются на многих телефонах и во встроенных сканерах приложений.
- Берите по-настоящему тёмный цвет. Тёмно-синий, глубокий зелёный, графитовый, бордовый, почти чёрный коричневый — всё работает. Серый средней светлоты, песочный, пастель и что угодно жёлтое не дают камере достаточного контраста при вечернем свете.
- Никаких градиентов. На мудборде красиво, а на одном краю кода контраст теряется.
- Осторожно с красным. Камеры телефонов обычно справляются. Некоторые старые лазерные сканеры и сканеры внутри приложений — нет.
- Тест ксерокопией: напечатайте код чёрно-белым. Если узор остался чистым и чётким — с цветами всё в порядке. Если превратился в кашу — нет.
И не трогайте форму модулей. Скруглённые углы и точечные узоры в 2026-м на пике моды, и выглядят они действительно стильно, но каждый смягчённый край немного съедает контраст. Скруглённые модули плюс большой логотип плюс средний по светлоте цвет бренда — это три риска, сложенные на одном квадратном сантиметре.
Держите ссылку короткой — это даёт место логотипу
Вот связь, о которой никто не говорит. Длина ссылки решает, какой логотип вы можете себе позволить.
QR-код — это сетка. Больше данных — больше квадратиков втиснуто в то же место, а чем меньше квадратики, тем больше их закрывает логотип.
На уровне H:
tabres.com/bellaдаёт сетку 29 x 29. Крупные, прощающие квадратики.- Та же ссылка с прицепленными метками отслеживания даёт сетку 53 x 53.
Напечатайте оба кода шириной 5 см — и во втором квадратики почти вдвое уже. Ваш логотип в 1 см теперь лежит примерно на втрое большем числе модулей. Тот же логотип, тот же размер, совершенно другие шансы выжить.
Поэтому, прежде чем браться за дизайн:
- Берите самый короткий URL. Чистый домен и короткий путь дороже любого хитрого приёма в печати.
- Для отслеживания используйте динамический код. В коде лежит короткий редирект, а статистика собирается на сервере. Бонусом можно потом сменить адрес назначения без перепечатки.
- Не запихивайте текст в код. Wi-Fi-коды и так плотные — одна из причин, почему Wi-Fi QR-коды для столиков в ресторане лучше всего работают с коротким паролем. Логотип поверх длинного Wi-Fi-пароля — это гарантированные проблемы.
Печатайте код с логотипом крупнее обычного
Уровню H нужно больше квадратиков, чем уровню M, для той же ссылки. Больше квадратиков при том же размере печати значит квадратики меньше. Поэтому брендированному коду нужно больше места, чем голому.
Правило: печатайте код с логотипом на 20–30% крупнее, чем печатали бы без него.
Для общепита это выглядит так:
| Где размещаете | Обычный код | С логотипом |
|---|---|---|
| Визитка, карта лояльности | 2–2,5 см | 3 см |
| Печатное меню, флаер, чек | 2,5–4 см | 4–4,5 см |
| Настольная карточка | 4–5 см | 5–6 см |
| Пакет навынос, стакан, упаковка | 3–4,5 см | 4,5–5,5 см |
| Плакат на стену | 10–15 см | 13–18 см |
| Наклейка на витрину, штендер | 15–25 см | 20–30 см |
Три детали печати, которые важны не меньше:
- Сохраняйте свободное поле. Пустое поле вокруг кода шириной в четыре модуля — это не украшение, по нему сканер находит границы. Не обрезайте его и не сажайте код на фотографию блюда.
- Выбирайте матовую печать, не глянцевую. Блик — убийца сканирования номер один при вечернем свете в зале, а ламинированная настольная карточка под точечным светильником это зеркало.
- Экспортируйте достаточно крупно. Умножьте ширину печати в сантиметрах на 120 — получите нужное число пикселей: коду 6 см на настольной карточке нужен файл минимум 720 пикселей. Все подробности по размерам — в гиде о том, какого размера должен быть QR-код.
Тест на 60 секунд, который спасает от перепечатки
Никогда не отправляйте брендированный код в печать после одного удачного сканирования на собственном телефоне. Ваш телефон — это лучший из возможных случаев.
Сделайте вот так:
- Напечатайте один экземпляр в реальном размере и на реальном материале. Не на офисной бумаге. На той самой карточке, с той самой отделкой.
- Отсканируйте самым старым и дешёвым телефоном в заведении. Одолжите у посудомойщика. Бюджетный Android 2022 года скажет вам больше, чем новый iPhone.
- Сканируйте камерой внутри приложения, а не только системной. Instagram, WhatsApp, банковское приложение. Встроенные сканеры заметно капризнее, и ими пользуется немало гостей.
- Проверяйте при своём реальном свете. Вечерний сервис, приглушённые лампы, свеча на столе — а не 11 утра с открытыми шторами.
- Держите под углом 30–45 градусов, с того места, где реально сидит гость. Никто не держит телефон ровно над столом.
- Отсканируйте через пластиковый карман, если код поедет в держатель для меню. Этот лишний слой бликов вполне реален.
- И только потом печатайте тираж.
Если на каком-то шаге код думает дольше секунды — уменьшите логотип на 5% и проверьте снова. Почти всегда это и есть решение.
Как сделать такой код и на что смотреть
Три пути, в порядке вероятности получить работающий результат.
1. Генератор QR-кодов с поддержкой логотипа. Самый безопасный вариант, потому что он берёт на себя сложное: поднимает коррекцию ошибок, держит логотип подальше от поисковых меток и перерисовывает весь код вокруг вашего знака, а не заклеивает его сверху. Ищите загрузку логотипа, выбор цвета узора и фона, настройку коррекции ошибок (или прямое обещание, что используется H) и экспорт в высоком разрешении без водяного знака.
Сейчас это есть в большинстве платформ QR-меню. Tabres, например, генерирует коды с вашим логотипом в центре, вашими цветами узора и фона и по желанию с рамкой и своим текстом вроде "СКАНИРУЙТЕ" — экспорт в PNG в пяти размерах для печати, от 256 до 4096 пикселей. Чем бы вы ни пользовались, чек-лист один и тот же.
2. Дизайн-редактор, аккуратно. Canva, Figma, Illustrator, Photoshop. Вполне рабочий путь — но базовый код уровня H сгенерируйте сначала где-то ещё, а потом положите сверху логотип со сплошной подложкой. Никогда не берите код уровня M и не закрывайте ему середину. И держите код идеально квадратным при масштабировании: сожмите его на 5% ради макета — и всё, коду конец.
3. Случайный бесплатный сайт. Для разового кода нормально. Просто проверьте три вещи, прежде чем отправлять в печать: нет водяного знака на коде, файл достаточно крупный для печати и — самое важное — это не "бесплатный" динамический код с таймером пробного периода. Коды, которые умирают вместе с пробным периодом, — самая частая причина, почему QR-меню вдруг перестаёт работать. Бесплатный генератор QR-кодов без водяных знаков и с постоянными кодами стоит тех двух минут, что уйдут на поиск.
И последняя привычка: держите под рукой версию без логотипа. Некоторые поверхности просто враждебны — салфетки, чековая лента, крошечные наклейки, гравировка по дереву, ткань. На них печатайте код без логотипа. Ещё никто не жаловался, что чек недостаточно брендирован.
Ошибки, которые ломают брендированный QR-код
Полный список, в порядке появления:
- Оставить коррекцию ошибок на L или M и всё равно налепить логотип.
- Сделать логотип на 30, 40, 50% ширины, потому что "крупнее красивее".
- Закрыть или задеть один из трёх угловых квадратов.
- Взять прозрачный логотип, сквозь буквы которого просвечивает узор.
- Обрезать белое свободное поле ради аккуратного макета.
- Инвертировать код — светлый на тёмном фоне.
- Взять средний по светлоте или пастельный цвет бренда со слабым контрастом.
- Зашить в код ссылку на 90 символов с метками отслеживания, а потом добавить логотип.
- Напечатать его тем же размером, что обычный код, вместо +20–30%.
- Глянцевая ламинация под точечным светильником.
- Растянуть код, сломав квадратную пропорцию ради макета.
- Проверить на одном новом телефоне при хорошем свете и считать, что готово.
Частые вопросы
Логотип ломает QR-код? Нет, если сделать всё правильно. В QR-кодах есть встроенная коррекция ошибок, поэтому небольшой закрытый участок восстанавливается из запасных данных. Генерируйте на уровне H, держите логотип в пределах 20% ширины кода и не заходите на три угловых квадрата.
Какого размера может быть логотип на QR-коде? Около 20% ширины кода, 25% — жёсткий потолок. Это примерно 4–6% всей площади. На печатном коде 5 см это логотип около 1 см в ширину.
Какой уровень коррекции ошибок нужен для QR-кода с логотипом? Уровень H, он восстанавливает до 30% повреждений. Уровень Q (25%) годится для совсем маленького логотипа, но H не стоит вам ничего, кроме чуть более плотного кода — а печатаете вы его всё равно крупнее.
Можно добавить логотип в любой QR-код? В любой, который можно сгенерировать заново, — да. Нельзя безопасно добавить логотип в уже существующий код уровня L или M, и нельзя добавить его в уже напечатанный код. Сгенерируйте заново на H и перепечатайте.
Можно добавить логотип в QR-код бесплатно? Да. Многие генераторы и большинство платформ QR-меню дают загрузку логотипа бесплатно. Перед печатью тиража проверьте водяные знаки, разрешение экспорта и то, что код постоянный.
Логотип должен быть прозрачным PNG? Нет. Дайте ему сплошную подложку в цвете фона кода, с отступом примерно в один модуль. Прозрачность пропускает узор наружу и путает камеру.
Можно вместо логотипа поставить фотографию? Технически да, практически нет. У фотографий низкий контраст и пёстрые края, а на 1 см никто не разберёт, что там. Берите плоский одноцветный знак.
Почему мой код с логотипом сканируется на моём телефоне, но не на телефоне гостя? Потому что ваш телефон — лучший случай. Новые камеры, хороший свет и системное приложение камеры куда снисходительнее, чем трёхлетний Android со сканером внутри приложения при тусклом свете. Уменьшите логотип, поднимите контраст и печатайте крупнее.
Из-за логотипа код сканируется медленнее? Немного — декодеру приходится доделывать работу по восстановлению. На 20% ширины вы этого не заметите. Если пауза чувствуется, логотип слишком большой.
Можно поставить логотип на Wi-Fi QR-код? Да, но Wi-Fi-коды плотные, потому что несут имя сети, пароль и тип шифрования. Держите пароль коротким, логотип маленьким и печатайте на размер крупнее.
Можно поставить логотип на QR-код меню? Обязательно, и это лучшее место для него. Он говорит гостям, что код принадлежит вашему ресторану, а не кто-то налепил наклейку на стол. Если вы ещё не сделали меню, вот как создать QR-меню бесплатно.
Брендированный код влияет на отслеживание и аналитику? Нет. Логотип — это чисто визуально, ссылка внутри не меняется, поэтому сканирования, источники и отчёты по трафику работают ровно так же.
PNG или SVG для QR-кода с логотипом? PNG для большинства печатных задач, 300 DPI. SVG или PDF для крупного формата — векторные формы остаются идеально чёткими при любом размере.
Брендированный QR-код стоит усилий. Простой чёрный квадрат выглядит как что-то, что налепил на стол посторонний. Ваш логотип в центре говорит: это мы, это безопасно, сканируйте — и гости действительно охотнее сканируют брендированные коды.
Просто соблюдайте три числа. Уровень H. 20% ширины. На 20–30% крупнее в печати. Сплошная подложка, тёмное на светлом, свободное поле не тронуто, тест на худшем телефоне в заведении.
Сделайте это правильно — и вам никогда не придётся выбирать между кодом, который похож на ваш ресторан, и кодом, который действительно работает.