← Руководства

QR-коды и этикетки

Как добавить логотип в QR-код и не сломать чтение

Настройте коррекцию, размер, контраст и проверку читаемости.

Краткий ответ

Логотип закрывает часть данных QR-кода. Начните с тёмного кода на белом фоне, короткого адреса, небольшого логотипа в центре и свободной рамки. Процент коррекции ошибок не означает допустимую долю закрытой площади.

Пошагово

В разделе создания введите https://example.com/shop и сначала проверьте код без логотипа. Затем добавьте небольшое изображение: настройка надёжности для логотипа включается автоматически. При сбое удалите логотип и создайте код снова. В разделе распознавания откройте три примера по очереди; переходить по адресу не нужно.

Частые ошибки

ZXing прочитал одинаковый адрес в обычном коде и варианте с небольшим логотипом. Образец со стёртой верхней частью не распознался. Это программная проверка, а не гарантия для всех камер, размеров и принтеров. Не закрывайте угловые метки, не обрезайте рамку и не растягивайте квадрат.

Итоговая проверка

Сверьте весь адрес. Повторите проверку с реальной длинной ссылкой: больше данных при прежнем размере означает более мелкие элементы. Проверьте итоговый файл в нужном печатном размере при ожидаемом освещении. При проблемах уменьшите логотип или сократите ссылку, а не увеличивайте размытый снимок.

Разберите конкретный пример

Сначала рабочая основа, потом логотип

Три файла показывают контролируемое сравнение, а не универсальную допустимую площадь логотипа. Одинаковая площадь может закрывать разные части структуры.

Сначала рабочая основа, потом логотип
Что проверитьПример или действиеКак оценить результат
Без логотипаПрочитайте qr-plain.png: https://example.com/shop.Проверьте также /shop, а не только домен.
Маленький логотипПрочитайте qr-small-logo.png и создайте свой вариант.Программная проверка этого файла не подтверждает другой логотип, камеру или отпечаток.
Намеренное повреждениеСравните qr-damaged.png с читаемыми образцами.Сильная коррекция не разрешает закрывать углы или обрезать поля. Сначала уберите логотип.

Практический пример

Примеры Boundarysline содержат вымышленные данные. Их можно скачать для выполнения шагов; это не клиентские документы и не сертифицированные результаты.

Как добавить логотип в QR-код и не сломать чтение — qr-plain.png
qr-plain.png
Как добавить логотип в QR-код и не сломать чтение — qr-small-logo.png
qr-small-logo.png
Как добавить логотип в QR-код и не сломать чтение — qr-damaged.png
qr-damaged.png
Проверка результата
https://example.com/shopqr-plain.pngqr-small-logo.png
Открыть связанный инструментДизайн и проверка QR-кода

Источники и материалы

Далее по теме