Код Qr содержит данные в неподдерживаемом формате. Не удалось добавить учетную запись

Обновлено: 21.11.2024

(теперь поддерживает штрих-коды :))

Кроссплатформенная программа для чтения QR-кодов и штрих-кодов HTML5.

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

Поддерживает простое сканирование с помощью встроенной веб-камеры или камеры смартфона (Android/IOS).

Поддерживает сканирование кодов из файлов или камер по умолчанию на смартфонах.

Недавно добавленные Поддерживает сканирование штрих-кодов в различных форматах.

Поддерживает два типа API

  • Html5QrcodeScanner — комплексный сканер с пользовательским интерфейсом, для интеграции требуется менее десяти строк кода.
  • Html5Qrcode – мощный набор API-интерфейсов, который можно использовать для создания пользовательского интерфейса, не беспокоясь о настройке камеры, обработке разрешений, чтении кодов и т. д.

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

Требуется помощь по UX/UXD/UXR: мы стремимся улучшить работу пользователей с этой библиотекой сканирования кода. Если вы заинтересованы в том, чтобы сделать ее удобнее как для разработчиков, так и для конечных пользователей, поделитесь своими идеями, мыслями и предложениями в этом обсуждение

Мы постоянно работаем над добавлением поддержки для все большего числа платформ. Если вы обнаружите платформу или браузер, на котором библиотека не работает, не стесняйтесь сообщать о проблеме. Проверьте демо-ссылку, чтобы протестировать его.

Легенды

    Означает полную поддержку — встроенную веб-камеру и файловую поддержку Означает частичную поддержку — только файловую, работа веб-камеры

* Поддерживается для версий IOS >= 15.1

До версии 15.1 Webkit для IOS использовался Chrome, Firefox и другими браузерами в IOS, и у них еще не было разрешений для веб-камеры. Постоянная проблема с исправлением поддержки iOS - issue/14

Библиотеку можно легко использовать с несколькими другими фреймворками, я добавлял примеры для некоторых из них и буду продолжать добавлять новые.

Поддерживаемые форматы кода

Сканирование кода зависит от библиотеки Zxing-js. Мы будем работать над этим, чтобы добавить поддержку большего количества типов сканирования кода. Если вы считаете, что код определенного типа был бы полезен, отправьте запрос на добавление функции.

Код Пример
QR-код

*Форматы не поддерживаются нашей экспериментальной интеграцией со встроенной интеграцией API BarcodeDetector (Подробнее).

Это кроссплатформенная библиотека JavaScript для интеграции QR-кода, штрих-кода и нескольких других типов возможностей сканирования кода в ваши приложения, работающие в браузере, совместимом с HTML5.

  • Запрос камеры на устройстве (с правами пользователя)
  • Отображение прямой трансляции с камеры с простым пользовательским интерфейсом для сканирования.
  • Поддерживает сканирование различных типов QR-кодов, штрих-кодов и других форматов.
  • Поддерживает выбор файлов изображений с устройства для сканирования кодов.

Скачайте скрипт со страницы релиза или установите с помощью npm:

Добавьте элемент, который вы хотите использовать в качестве заполнителя для сканера QR-кода

В идеале не задавайте высоту этого контейнера, так как высота должна зависеть от высоты видеопотока с камеры.Библиотека будет учитывать существующую ширину, иначе применит ширину по умолчанию. Высота определяется соотношением сторон видеопотока.

Использование прямо в браузере без загрузчика

Если вы установили плагин с помощью npm, но по-прежнему используете javascript без загрузчика модулей, вы можете получить минимизированный скрипт в node_modules/html5-qrcode/html5-qrcode.min.js

Использование с загрузчиками модулей

Включить скрипт с

Простой режим — с пользовательским интерфейсом сквозного сканера

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

Сканер можно настроить следующим образом:

Режим Pro — если вы хотите реализовать собственный пользовательский интерфейс

Вы можете использовать класс Html5Qrcode, чтобы настроить сканер QR-кода (с собственным пользовательским интерфейсом) и разрешить пользователям сканировать QR-коды с помощью камеры или путем выбора файла изображения в файловой системе или собственных камер на смартфонах.

Вы можете использовать следующие API для извлечения камеры, запуска и остановки сканирования.

Для использования встроенного сканирования QR-кода с помощью веб-камеры или камеры смартфона

Чтобы получить список поддерживаемых камер, запросите его с помощью статического метода Html5Qrcode.getCameras() . Этот метод возвращает Promise со списком поддерживаемых устройств в формате < id: "id", label: "label" >.

Важно: обратите внимание, что этот метод активирует разрешение пользователя, если пользователь еще не предоставил его.

При желании вы можете установить другой аргумент в конструкторе с именем verbose, чтобы вывести все журналы на консоль

Сканирование без идентификатора камеры

В мобильных устройствах вы можете захотеть, чтобы пользователи напрямую сканировали QR-код с помощью задней или передней камеры в некоторых случаях. В таких случаях вы можете не использовать точный идентификатор устройства камеры, который вы получаете от Html5Qrcode.getCameras() . Метод start() позволяет передавать ограничения вместо идентификатора камеры, аналогично синтаксису веб-API html5. Вы можете начать сканирование, как указано в этих примерах:

< /* обработка успеха */ >; const config = < fps: 10, qrbox: < ширина: 250, высота: 250 >>; // Если вы хотите использовать фронтальную камеру html5QrCode.start(, config, qrCodeSuccessCallback); // Если вы хотите предпочесть заднюю камеру html5QrCode.start(, config, qrCodeSuccessCallback); // Выберите переднюю камеру или завершите работу с ошибкой `OverconstrainedError`. html5QrCode.start(>, config, qrCodeSuccessCallback); // Выберите заднюю камеру или завершите работу с ошибкой `OverconstrainedError`. html5QrCode.start(>, config, qrCodeSuccessCallback);">

Передача cameraId (рекомендуемый подход) аналогична

Обратите внимание, что класс имеет состояние, и stop() следует вызывать для правильного безопасного удаления объектов видео и камеры после вызова start(), когда сканирование завершено или пользователь собирается двигаться дальше. stop() остановит видеопоток в видоискателе.

Для сканирования QR-кода с использованием локальных файлов или встроенной камеры на смартфонах

Селектор в Android Селектор в IOS
Снято на Pixel 3, Google Chrome

В качестве альтернативы вы можете использовать сканирование QR-кода для локальных файлов на устройстве или камеру по умолчанию на устройстве. Он работает аналогично встроенному сканированию QR-кода.

Определите контейнер HTML и импортируйте библиотеку JavaScript, как указано выше

Не обязательно задавать высоту и ширину HTML-элемента. Если это предусмотрено, библиотека постарается соблюдать его. Если он не установлен, библиотека установит ширину по умолчанию и вычислит высоту на основе соотношения сторон входного изображения.

Добавьте элемент Input для поддержки выбора файлов следующим образом:

А в коде JavaScript инициализируйте объект и прикрепите прослушиватель следующим образом:

< if (e.target.files.length == 0) < // Файл не выбран, игнорировать return; >const imageFile = e.target.files[0]; // Сканируем QR-код html5QrCode.scanFile(imageFile, true) .then(decodedText => < // успех, используйте decodedText console.log(decodedText); >) .catch(err => < // ошибка, обработайте ее. console .log(`Ошибка сканирования файла. Причина: $`) >); >); // Примечание. Текущий общедоступный API `scanFile` возвращает только декодированный текст. Существует // другой API в стадии разработки (в бета-версии), который возвращает полный декодированный результат // типа `QrcodeResult` (проверьте интерфейс в src/core.ts), который содержит // декодированный текст, формат кода, границы кода, и т.п.// Со временем этот бета-API будет перенесен в общедоступный API.">


Отсканируйте это изображение или посетите страницу blog.minhazav.dev/research/html5-qrcode.html

Для получения дополнительной информации

Прочитайте эти статьи о том, как использовать эту библиотеку:

В этой библиотеке доступны следующие методы (определение машинописного текста)

Дополнительная необязательная конфигурация в методе start()

Объект конфигурации, который можно использовать для настройки как режима сканирования, так и пользовательского интерфейса (UI). Большинство полей имеют свойства по умолчанию, которые будут использоваться, если не указано другое значение. Если вы не хотите ничего переопределять, вы можете просто передать пустой объект <> .

fps — целое число, пример = 10

А.К.А. кадров в секунду. Значение по умолчанию – 2, но его можно увеличить, чтобы ускорить сканирование. Увеличение слишком большого значения может повлиять на производительность. Значение >1000 просто не удастся.

qrbox — QrDimensions или QrDimensionFunction (необязательно), пример =

Используйте это свойство, чтобы ограничить область видоискателя, которую вы хотите использовать для сканирования. Остальная часть видоискателя будет затемнена. Например, при передаче config < qrbox : < width: 250, height: 250 >> экран будет выглядеть так:

Это можно использовать для установки прямоугольной области сканирования с такой конфигурацией, как:

Эта конфигурация также принимает функцию типа

Это позволяет задавать размеры динамического блока QR на основе размеров видео. См., например, эту статью в блоге: Установка размера динамического QR-бокса в Html5-qrcode — блог ScanApp

Это может быть полезно для сканирования штрих-кода.

Если это значение не задано, заштрихованное поле QR отображаться не будет, и сканер будет сканировать всю область видеопотока.

aspectRatio — Float, пример 1,777778 для соотношения сторон 16:9

Используйте это свойство для отображения видеопотока с определенным соотношением сторон. Передача нестандартного соотношения сторон, например 100000:1, может привести к тому, что видеопоток даже не появится. Идеальные значения могут быть:

< td>1,333334
Значение Соотношение сторон Случай использования
4:3 Стандартное соотношение сторон камеры
1,777778 16:9< /td> Полноэкранный, кинематографический
1.0 1:1 Квадратный вид

Если вы не передадите какое-либо значение, для сканирования будет использоваться весь видоискатель. Примечание. Это значение должно быть меньше ширины и высоты HTML-элемента QR-кода .

disableFlip — логическое значение (необязательно), по умолчанию = false

По умолчанию сканер может сканировать горизонтально перевернутые QR-коды. Это также позволяет сканировать QR-код с помощью передней камеры на мобильных устройствах, которые иногда имеют зеркальное отображение. По умолчанию это значение false, и я рекомендую изменить его, только если:

  • Вы уверены, что трансляция с камеры не может быть зеркально отражена (перевернута по горизонтали)
  • Если эта функция включена, у вас возникают проблемы с производительностью.

Вот пример обычного и зеркального QR-кода

Обычный QR-код Зеркальный QR-код



rememberLastUsedCamera — логическое значение (необязательно), по умолчанию = true

Если установлено значение true, последняя камера, использованная пользователем, и разрешение на погоду или отсутствие разрешения будут сохранены в локальном хранилище. Если пользователь ранее предоставил разрешения — опция запроса разрешения в пользовательском интерфейсе будет пропущена, а последняя выбранная камера будет автоматически запущена для сканирования.

Если установлено значение true, библиотека должна помнить, были ли ранее предоставлены разрешения для камеры и какая камера использовалась в последний раз. Если разрешения для «камеры» уже предоставлены, автоматически * начнется сканирование QR-кода для ранее использовавшейся камеры.

Сканирование только определенных форматов

По умолчанию поток с камеры и файлы изображений сканируются на соответствие всем поддерживаемым форматам кода. Оба класса Html5QrcodeScanner и Html5Qrcode можно настроить для поддержки только подмножества поддерживаемых форматов. Поддерживаемые форматы определены в перечислении Html5QrcodeSupportedFormats.

Я рекомендую использовать это, только если вам нужно явно исключить поддержку определенных форматов или вы хотите уменьшить количество сканирований, выполняемых в секунду, из соображений производительности.

Сканирование только QR-кода с помощью Html5Qrcode

< /* обработка успеха */ >; const config = < fps: 10, qrbox: < ширина: 250, высота: 250 >>; // Если вы хотите использовать фронтальную камеру html5QrCode.start(, config, qrCodeSuccessCallback);">

Сканирование только QR-кода и UPC-кода с помощью Html5QrcodeScanner

Библиотека теперь поддерживает некоторые экспериментальные функции, которые поддерживаются в библиотеке, но не рекомендуются для использования в рабочей среде либо из-за ограниченного тестирования, либо из-за ограниченной совместимости используемых базовых API. Об этом подробнее здесь. Некоторые экспериментальные функции включают в себя:

Как модифицировать и создавать

Изменения кода следует вносить только в /src.

Запустите npm install, чтобы установить все зависимости.

Запустите сборку npm run-script для создания выходных данных JavaScript. Выходной дистрибутив JavaScript собирается в /dist/html5-qrcode.min.js. Если вы разрабатываете ОС Windows, запустите npm run-script build-windows.

  • Запустить тест npm
  • Запустите тесты перед отправкой запроса на вытягивание, все тесты должны быть запущены.
  • Пожалуйста, добавьте тесты для новых моделей поведения, отправленных в PR.

Отправить запрос на вытягивание

  • Включать изменения кода только в ./src . Не изменяйте ./dist вручную.
  • В запросе на вытягивание добавьте комментарий, например
  • После отзыва вашего вклада бот обновит файл вклада.
  • Код будет создаваться и публиковаться автором партиями.

Как внести свой вклад

Вы можете внести свой вклад в проект несколькими способами:

  • Заявка на выпуск файла для любой обнаруженной ошибки или проблемы совместимости с проектом.
  • Запрос функции файла для отсутствующих функций.
  • Возьмите открытые ошибки или запросы на добавление функций, поработайте над ними и отправьте запрос на слияние.
  • Написание модульных тестов для существующей кодовой базы (которая сегодня не охватывается тестами). Нужна помощь в этом - подробнее.

Этот проект был бы невозможен без всех наших замечательных участников и спонсоров. Если вы хотите поддержать техническое обслуживание и поддержку этого проекта, вы можете сделать пожертвование через спонсоров GitHub.

Сама по себе технология QR-кода абсолютно надежна. Просто посмотрите, как сканировать QR-код, чтобы убедиться в его простоте. Но, очень редко, может возникнуть препятствие для сканирования кода. Это проблема. Именно поэтому мы составили это руководство по устранению неполадок с QR-кодом.

Если вы не можете отсканировать QR-код или у вас возникли другие общие проблемы со сканированием QR-кода, мы можем помочь. И если вы здесь, чтобы узнать, что такое исправление ошибок QR-кода, мы можем помочь и с этим.

Читайте дальше, исправляйте свои проблемы и сканируйте, сканеры.

Проблемы со сканированием QR-кода

Изучение того, как работают QR-коды, поможет вам разобраться в проблемах с QR-кодами. Когда QR-код не может предоставить ценную информацию, может произойти что угодно. Пообщавшись с пользователями и разработчиками QR-кода, мы выделили пять наиболее распространенных точек отказа. Знание этого должно прояснить, как исправить QR-код, если он упрямится.

Цвет и контрастность

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

Изначально QR-коды представляли собой квадратные черные модули на белом фоне. Это, в свою очередь, то, для чего предназначено большинство сканеров QR-кода. Но каждый раз, когда QR-код переворачивает эту динамику и размещает более светлые квадраты на более темном фоне, это может сбить с толку некоторых читателей.

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

QR-код слишком сложен

QR-код используется очень часто. От QR-кодов в здравоохранении до использования QR-кодов в продуктах питания. Иногда они используются для хранения большого количества информации. А иногда в нем закодировано так много информации, что он не может сканировать или сканирует крайне медленно.

Это происходит со статическими QR-кодами. Если фраза «статический QR-код» вас напрягает, не позволяйте этому. Все это означает, что информация, которую вы получаете, сканируя QR-код, закодирована непосредственно в черно-белых квадратах самого QR-кода. Это противоположно динамическому QR-коду, который перенаправляет на веб-сайт, где информация доступна.

Все это означает, что чем сложнее информация в статическом QR-коде, тем больше и сложнее должен быть физический QR-код. Больше строк, больше столбцов, более сложные шаблоны и т. д. И если это становится слишком сложным, сканеру QR-кода может потребоваться много времени, чтобы отсканировать его. А иногда вообще не сканируется.

QR-код размыт или искажен

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

Ваше сканирующее устройство не очень хорошо заполняет пробелы и воссоздает части недоступного кода. Хотя становится лучше. См. раздел об исправлении ошибок QR-кода ниже. Но самый надежный способ отсканировать код — убедиться, что код находится в идеальном состоянии. Все должно быть кристально чистым и четко определенным. В противном случае у вас возникнут проблемы со сканированием.

Размер и расстояние: QR-код слишком мал?

На протяжении всей истории QR-кодов их разумно стандартизировали для международного использования. Эта стандартизация представляет собой отношение размера к расстоянию.

Для большинства современных сканирующих устройств соотношение расстояния и размера между смартфоном и целевым QR-кодом составляет 10:1. Это означает, что QR-код площадью 1 квадратный дюйм требует, чтобы телефон находился на расстоянии 10 дюймов.

Итак, QR-код слишком мал? Ну, используйте вышеуказанный рацион. Экстраполируйте, насколько большим или маленьким должен быть QR-код, в зависимости от вашего расстояния от него. Или как далеко вы должны находиться от QR-кода в зависимости от размера QR-кода. В любом случае, если вы слишком далеки от соотношения 10:1, у вас возникнут проблемы со сканированием.

Срок действия QR-кода истек (или закодированный URL поврежден)

Срок действия QR-кодов может истечь, хотите верьте, хотите нет. Это функция бизнеса по созданию QR-кода. Компании, которые профессионально создают QR-коды, ставят на них срок годности или ограничивают количество сканирований. Это, конечно, приносит больший доход этим компаниям. Но это также оставляет их клиентов с кучей произвольных ограничений, неактивных QR-кодов и недоступных PDF-файлов с QR-кодами. Будь то из-за того, что срок действия QR-кода истек в определенную дату, у компании закончились ежемесячные сканирования или из-за проблем с доступностью PDF, QR-код не будет работать. И да, некоторые компании действительно требуют, чтобы клиенты платили им за сканирование, чтобы использовать генерируемые ими QR-коды. К счастью, это не то, что мы делаем с нашим цифровым меню ресторана. Это низкая квартира бесплатно без истечения срока действия и неограниченное количество сканирований. Это делает его более дешевой и гибкой стратегией меню, чем создание приложения меню.

Или вы создали QR-код для URL-адреса, и теперь этот QR-код перенаправляет на неработающий URL-адрес. Мы часто видим это, когда компании используют бесплатный онлайн-генератор QR-кода. Это печально, но многие компании зависят от сторонних веб-сайтов-однодневок, которые создают для них свои QR-коды. И это часто связано с тем, что этот веб-сайт использует свою собственную ссылку для перенаправления. QR-код фактически бесполезен, когда эта компания разоряется или больше не может поддерживать или гарантировать полную работу этой ссылки. К счастью, у нас есть ресурс, который поможет вам найти лучший генератор QR-кода для вас.

Если вы не можете определить причину сбоя сканирования QR-кода выше, это может быть ваше устройство.

iPhone не сканирует QR-код: как исправить

Если ваш iPhone не сканирует QR-код, вот несколько возможных причин:

  • На вашем устройстве Apple не установлена ​​iOS 11 или более поздней версии. Если ваше устройство не поддерживает iOS 11 или более позднюю версию, вы можете загрузить стороннее приложение для сканирования QR-кодов. Вы также можете обновить версию iOS.
  • Яркость экрана слишком низкая. Оно должно быть достаточно ярким, чтобы камера могла видеть QR-код, иначе QR-код не будет сканироваться.
  • На объективе вашей камеры есть пятно, которое мешает распознаванию камерой QR-кода. В противном случае QR-код не работает.
  • Ваш телефон наклонен или находится в любом другом положении, кроме вертикального. Чтобы отсканировать QR-код с помощью iPhone, телефон необходимо держать вертикально.
  • Возможно, ваш iPhone находится слишком близко или слишком далеко от QR-кода. Камера может распознавать и сканировать QR-коды. Это когда соотношение 10:1 достигнуто точно. Хороший способ найти его — держать устройство примерно в футе от QR-кода. Затем медленно приближайтесь к нему, пока он не начнет сканировать.

QR-код не работает на Android: как исправить

Вот несколько причин, по которым QR-код не работает на устройствах Android:

  • Ваше устройство Android не работает под управлением Android 9 или более поздней версии. Если ваше устройство не поддерживает Android 9 или более позднюю версию, вы можете загрузить стороннее приложение для сканирования QR-кодов. Вы также можете проверить и обновить версию Android.
  • Возможно, яркость экрана слишком низкая.Камера, сканирующая QR-код, похожа на камеру, делающую снимок. Он должен быть достаточно ярким, чтобы камера могла его увидеть.
  • На объективе вашей камеры есть пятно, которое мешает вашей камере сканировать и считывать QR-код. В противном случае QR-код не будет сканироваться.
  • Ваше устройство наклонено, искривлено или находится в не вертикальном положении. QR-коды необходимо сканировать, удерживая телефон вертикально. В противном случае QR-код не работает.
  • Возможно, ваше устройство Android находится слишком близко или слишком далеко от QR-кода. Опять же, см. соотношение 10:1 выше. Если у вас возникли проблемы с поиском правильного расстояния, метод проб и ошибок поможет. Подносите телефон ближе и дальше, пока не увидите распознанный QR-код.

Если QR-код не сканируется при использовании встроенных приложений камеры iPhone или Android, попробуйте загрузить сторонние приложения. Мы рекомендуем приложение Google Lens для Android или приложение Google iOS. Затем просто запустите свой собственный тест QR-кода.

Исправление ошибок QR-кода: что это такое?

Вы знаете, что такое QR-код, но что такое исправление ошибок QR-кода? Удобно, что QR-код действительно может восстанавливать данные, когда они повреждены. Это называется исправлением ошибок QR-кода. Это математическая формула, которая является частью процесса создания QR-кода. И что он делает, так это преобразует QR-код в многочлен, к которому можно получить доступ, если код поврежден. Другими словами, это математическая копия визуального QR-кода.

Существует четыре уровня исправления кода ошибки QR:

  1. Уровень L: возможность резервного копирования 7 % данных QR-кода.
  2. Уровень M: возможность резервного копирования 15 % данных QR-кода.
  3. Уровень Q: возможность резервного копирования 25 % данных QR-кода.
  4. Уровень H: возможность резервного копирования 30 % данных QR-кода

Уровень исправления ошибок QR-кода выбирается при создании QR-кода. Причина, по которой все QR-коды не создаются с исправлением ошибок уровня H, заключается в том, что это делает QR-код больше. Чем больше данных резервируется, тем больше места QR-код должен выделить для хранения этих данных. Это означает больший код с более длительным временем загрузки. И это вдвойне верно для резервного копирования сложных QR-кодов. Это один из лучших примеров улучшения QR-кодов по сравнению со штрих-кодами.

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

Невозможно отсканировать QR-код: больше нет!

Если вы следовали этому руководству от начала до конца, теперь вы знаете о большинстве потенциальных проблем с QR-кодом. Но все они довольно редки. Они могут быть созданы и отформатированы неправильно или неоптимально. Устройства сканирования QR-кода или приложения для сканирования QR-кода могут быть использованы не по назначению. Уровни исправления ошибок QR-кода могут быть слишком низкими или слишком высокими. Или QR-код может просто просрочен или перенаправлять на неработающий веб-сайт. Все проблемы с QR-кодом, которые стоит изучить при устранении неполадок с QR-кодом.

Но, в конце концов, проблемы со сканированием QR-кодов случаются редко. QR-коды — одна из самых простых, наименее недорогих, надежных, доступных и долговечных технологий для ресторанов и баров. Есть, вероятно, 100 других прилагательных, которые мы могли бы использовать для описания QR-кодов — все положительные — настолько глубока наша любовь к ним. И эта любовь начинается с бесконтактного меню. Не одноразовые меню (см. определение одноразового меню). Но 100% бесконтактное меню.

Цифровое меню ресторана на основе QR-кода – передовой бесконтактный ресторанный опыт. В настоящее время они помогают сотням баров, ресторанов и отелей обеспечивать питание без микробов, сигнализируя гостям, что они серьезно относятся к коммерческой гигиене. И мы помогаем этим предприятиям создавать и развертывать эти цифровые меню. Свяжитесь с нами, и мы покажем вам, как именно это делается.

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

1. Не инвертировать цвета QR-кода

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

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

2. Сделайте цвета QR-кода достаточно контрастными

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

3. Не создавайте размытые QR-коды

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

4. Не печатайте и не отображайте код слишком маленьким

Качество камер смартфонов сильно различается. Некоторые из них очень хороши и сканируют очень маленькие QR-коды, но некоторые камеры просто не могут обрабатывать слишком маленькие QR-коды. При отображении или печати вашего QR-кода мы рекомендуем указывать размер кода не менее 2x2 см (0,8x0,8 дюйма). В зависимости от того, сколько контента вы поместите в код, он должен быть больше. Проверьте, хорошо ли вы видите все пиксели глазами

5. Не помещайте слишком много контента в QR-код

С помощью генератора QR-кода QRCode Monkey вы создаете статические QR-коды, которые содержат весь введенный вами контент. Это означает, что чем больше информации вы поместите в код, тем больше пикселей будет в вашем QR-коде. Если вы поместите в код много контента, вы окажетесь в океане пикселей, где угловые элементы станут очень маленькими. Это может создать проблемы для считывателей QR-кода при сканировании вашего кода и сделать его даже нечитаемым. Если вам нужно много контента в коде, начните думать об использовании динамических QR-кодов, которые в большинстве случаев стоят денег. Всегда думайте об отображении своего контента на веб-сайте и создавайте QR-код со ссылкой, что делает вещи более гибкими и позволяет избежать проблем. QR-коды не предназначены для хранения вашего 10-страничного документа Word, они предназначены для ссылки на него!

6. Оставьте отступ вокруг QR-кода

Всегда оставляйте пространство между QR-кодом и содержимым или дизайном вокруг него. QR-код всегда должен стоять отдельно на заднем плане, а передний план не должен соприкасаться с другими элементами. Для приложений сканера QR-кода важно обнаруживать угловые элементы как отдельные объекты. Вот пример:

Не забудьте: проверьте свой QR-код на разных устройствах и в разных приложениях

Тестирование Тестирование Тестирование! Никогда не печатайте QR-код без тщательного тестирования. Мы видели QR-коды, которые были напечатаны на тысячах визитных карточек или листовок и которые не работали должным образом. Поэтому убедитесь, что вы отсканировали свой окончательный QR-код перед печатью. Не просто проверьте, распознается ли QR-код приложением QR Code Scanner, также откройте URL-адрес или любой другой контент вашего кода, чтобы увидеть, работает ли он. Небольшая опечатка может сломать ваш QR-код и сделать его бесполезным. Мы также рекомендуем протестировать разные устройства и разные приложения для сканирования QR-кода, чтобы убедиться, что все работает в самых разных сценариях.

Есть несколько причин, по которым QR-код не работает или сканируется неправильно. Эти коды предназначены для сканирования смартфонами.

Они выглядят простыми и простыми в изготовлении, но вы определенно не сможете заставить их работать, если не будете следовать простым QR-кодам.

Как правило, существует 10 причин, по которым ваш QR-код не работает или не работает. Чтобы сгенерировать функцию QR-кода и легко сканировать, вам нужно избегать этих ошибок.

10 причин, почему ваш QR-код не работает

1. Перевернутые цвета QR-кода — НЕТ-НЕТ

При создании QR-кода следует помнить об одной вещи: всегда следите за тем, чтобы цвет переднего плана был темнее, чем цвет фона. Это правило номер один, которое должен соблюдать пользователь QR-кода.

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

2. QR-код недостаточно контрастен

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

Избегайте смешивания или смешивания похожих светлых или темных цветов; в противном случае сканирование займет вечность или никогда!

Например, светлые цвета, такие как желтый и пастельные тона, не подходят для сканирования, поэтому лучше использовать более темные цвета и белый фон.

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

Усовершенствованный генератор QR-кода позволяет настраивать QR-код не только в монохромном цвете.

Помните: цвет QR-кода должен быть темным и располагаться на светлом фоне.

3. QR-код размыт

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

Ваш QR-код должен иметь четкое изображение, чтобы легко обнаруживать границы кода, которые несут его содержимое.

4. Пиксельный QR-код

Регулируйте количество контента в вашем QR-коде. Итак, как вы это делаете? Вы когда-нибудь замечали, что некоторые QR-коды растянуты и более пикселизированы, чем другие?

Сначала вам нужно знать, какой тип QR-кода вы хотите использовать: статический или динамический — статический QR-код хранит данные в графическом виде кода.

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

Если у вас есть дополнительная информация для встраивания, переключитесь на динамический QR-код. Динамический QR-код не сохраняет данные прямо в коде.

Он содержит короткий URL-адрес, хранящийся в онлайн-генераторе QR-кода, который перенаправляет конечных пользователей на информацию о месте назначения после сканирования; таким образом, это позволяет избежать переполнения ваших кодов.

Коды должны быть читаемыми, а размер важен для большего количества точек зрения.

5. Учитывайте правильный размер QR-кода

Размер QR-кода будет зависеть от того, где вы его разместите. Это будет варьироваться в вашей рекламной среде. При отображении или печати вашего QR-кода в непосредственной близости, например на плакатах, упаковках продуктов, журналах и т. д., рекомендуется, чтобы его размер был не менее 2 x 2 см (0,8 x 0,8 дюйма).

Но, конечно, когда вы печатаете их на рекламных щитах, например, в 20 метрах (65 футов) от того места, где будет сканировать прохожий, вероятно, потребуется около 2 метров (6,5 футов) в поперечнике.

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

6. Стратегическое размещение вашего QR-кода

QR-коды не служат своей цели, если их не замечают. Правильно размещайте QR-коды там, где их может легко увидеть ваша целевая аудитория.

Всегда размещайте свой QR-код в правильном месте, месте или области и следите за тем, чтобы ваш QR-код не был пропущен!

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

7. Вы ввели неверный

Всегда проверяйте введенные вами данные или URL-адрес.Иногда в вашем URL-адресе есть небольшие опечатки, которые нарушают ваш QR-код, или, может быть, он связан с веб-сайтом, которого больше не существует. Также проверьте наличие неработающих ссылок.

8. QR-код с истекшим сроком действия

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

Однако QRTIGER обеспечивает неограниченное количество сканирований вашего QR-кода и действует в течение всей жизни.

С другой стороны, если вы генерируете свой QR-код в динамическом режиме, всегда продлевайте подписку до истечения срока ее действия.

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

9. URL-адрес, на который ссылается QR-код, удален или больше не существует

QR-код может быть удален пользователем или страница, на которую он ссылается, больше не существует, и это перенаправляет вас на страницу с ошибкой 404.

10. QR-код перенастроен

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

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

Существует аксиома "меньше значит лучше".

11. Учитывайте расстояние от того места, где вы сканируете QR-код.

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

Почему QR-коды не работают? Подведем итоги!

  • QR-коды инвертированы по цвету.
  • Коды недостаточно контрастны
  • Это пиксель.
  • QR-код размыт.
  • Напечатан неправильный размер
  • Плохое или неправильное размещение
  • Ведет к неработающей ссылке
  • Срок действия истек
  • QR-код удален или
  • Излишняя стилизация

Почему мой QR-код не работает на iPhone?

QR-код может не сканироваться на ваших устройствах iOS по следующим причинам:

  • Версия ОС устройства отличается от iOS 11 или выше.
  • Сканирование QR не включено в приложении камеры.

Чтобы сканировать QR-код на iPhone, перейдите в настройки и активируйте разрешение на сканирование QR-кода.

Сканирование поддерживается на устройствах iOS, начиная с iOS 11 и выше. Если устройство iPhone более старой версии, вы можете попробовать обновить его. Вы также можете выбрать сторонние приложения для сканирования QR-кодов.

Почему мой QR-код не отображается при сканировании?

Как упоминалось выше, существует несколько факторов, которые могут повлиять на то, почему QR-код не работает или не отображается при сканировании. Всегда помните о приведенных выше рекомендациях, чтобы избежать неработающего QR-кода.

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

Вы можете бесплатно сгенерировать свой статический QR-код в QRTiger, и срок его действия никогда не истечет. Кроме того, у вас также будет неограниченное количество сканирований вашего QR-кода.

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

Почему мой QR-код Snapchat не работает?

Обычно сканирование QR-кода с помощью Snapchat аналогично его сканированию с помощью приложения камеры в режиме фото, наведя его на QR-код для обнаружения кода.

Если у вас возникли проблемы со сканированием QR-кодов с помощью Snapchat, попробуйте удалить и снова установить приложение.

Какое устройство чтения QR-кодов рекомендуется для сканирования QR-кодов?

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

  • Штрих-код
  • QRTигр
  • Сканер Касперского

Почему QR-код Facebook не работает?

Проверьте URL вашего QR-кода. Возможно, вы ввели неверную ссылку.

Кампания с QR-кодом по какой-то причине отключена. Почему?

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

При этом неправомерное использование QR-кодов не принесет никакой пользы и приведет к низким коэффициентам конверсии.

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

Подсказка по QR-коду:

Всегда проверяйте QR-код

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

И самое главное, всегда помните 10 причин, по которым ваш QR-код не работает.

Читайте также: