Qr код способы создания

Как работает QR-код?

Привет Хабр! В блоге на нашем сайте мы регулярно публикуем статьи про данные и всё, что с ними связано. Некоторые материалы оттуда публикуем и здесь.

В 2020 году многие россияне впервые столкнулись с QR-кодами — сначала они были нужны для регистрации выхода из дома, затем для входа в бар или клуб. Технология проста в использовании, но интересна изнутри, а придумали её совсем не для контроля и изоляции. «Код быстрого реагирования» появился как альтернатива штрихкоду, он может передавать до 4296 букв и цифр и при желании принимает форму можжевеловой изгороди. Представляем исчерпывающий гид по QR-кодам.

Как придумали?

Идея передавать информацию с помощью графических элементов, которые будут распознаваться автоматически, появилась еще в середине XX века. Филадельфийским торговцам продуктами очень не хватало удобной системы контроля и учета товаров, и они обратились в Дрексельский университет с просьбой разработать ее.

Cоздателя первого штрихового кода Нормана Вудланда вдохновила азбука Морзе: он объяснял, что просто расширил точки и тире, превратив их в широкие и узкие штрихи. Для их считывания предполагалось использовать технологию оптической звукозаписи. Из-за технических трудностей реализация замысла заняла двадцать лет: первый товар со штрихкодом (пачка жевательной резинки Wrigley) был продан в 1974.

Штрихкоды быстро нашли применение в промышленности: ими удобно было маркировать детали и комплектующие. Но не для всех компаний этого было достаточно. В японской Denso Wave, производящей запчасти для автомобилей, работники просили руководство разработать более эффективную систему, и в 1994 она появилась — в виде матричного (двумерного) кода. Его назвали Quick Response Code — код быстрого реагирования или QR-код.

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

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

Где используется?

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

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

Почему так выглядит и как шифрует?

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

Каждый QR-код может содержать:

• 7089 цифр;
• 4296 букв и цифр латиницей;
• 1817 иероглифов;
• 2953 байт двоичного кода (то есть около 2953 букв кириллицей в кодировке windows-1251 или 1450 в utf-8).

Если у вас меньше информации — не беда, в коде просто останутся пустые модули. Вот, например, закодированная фраза из 178 знаков:

Если вы наведете на код камеру, то, скорее всего, ваш браузер откроет страницу поиска. В поисковой строке вы найдете наше послание.

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

Составление QR-кода проходит в несколько этапов:

1. Информация кодируется одним из способов (цифровым, буквенно-цифровым, байтовым или кандзи), превращаясь в поток битов — последовательность нулей и единиц;
2. Формируется служебная информация, определяющая версию кода и кодировки;
3. Полученные потоки разбивается на блоки;
4. К каждому блоку добавляются байты коррекции в зависимости от выбранной версии кода;
5. Два блока (исходных данных и коррекции) объединяются в один поток, чтобы получилась последовательность данных.
6. Данные заносятся в поле кода. Для этого пространство, оставшееся после введения обязательных элементов, делится на столбики шириной в два модуля. Они заполняются «змейкой», ноль — белый модуль, единица — черный.

Все это не делается вручную: есть программы и сервисы для кодирования информации. Компания Denso Wave, где были созданы QR-коды, предлагает использовать QRdraw Ad и QR Maker Ad. Для тех, кто не хочет заниматься кодированием «с нуля» есть бесплатные и платные сервисы, в том числе с шаблонами, например: QR coder, QR Code generator, Генератор QR онлайн — да тысячи, тысячи их.

Как распознается?

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

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

В чём проблема?

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

Хотя Denso Wave и предупреждает о том, что цветные двумерные коды, коды с картинками и прочие творческие находки не соответствуют стандартам, это не мешает ими пользоваться — или, по крайней мере, «рисовать их». Тут фантазии есть, где развернуться: от цветной ёлочки Лебедева и генераторов, которые позволяют вставить в QR-код текст или картинку, сохранив читаемость, до кодов, выложенных цветами в британских магазинах Marks&Spencer или высаженных можжевельником в Китае.

Альтернативы

При всех своих достоинствах, QR-код — не единственный. Та же Denso Wave разработала Micro QR для передачи меньшего объема информации (вот тут сравнение), SQRC (код, часть информации которого доступна всем, а часть — только пользователям, у которых есть специальный ключ для расшифровки), IQR Code (может иметь разный размер и форму), Frame QR (внутрь можно вставлять изображения). Сравните их все.

Используются и коды, которые не имеют отношения к Denso Wave. Это, например, Aztec Code (его легко узнать по квадрату в центре) на авиа- и железнодорожных билетах, MaxiCode в грузоперевозках, DataMatrix в промышленности, прямоугольный PDF417 для документов.

Российская национальная система маркировки «Честный знак» использует DataMatrix. Индивидуальный код позволяет отслеживать перемещение всех товаров от поставщика к покупателю и исключает возможность появления подделок в торговых сетях. Кроме того, специальное мобильное приложение позволяет любому покупателю убедиться в подлинности товара.

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

Линейные штрихкоды, кстати, тоже еще вполне живы. Они используются там, где не нужно передавать большой объем информации или переводить пользователя в онлайн. В торговых сетях, библиотеках и на складах вполне достаточно кодирования 20-30 символов. Часто преимуществом линейного штрихкода становится компактность: его можно нанести и на пачку жевательной резинки, и на плату компьютера. Но дело еще и в том, что GS1, международная организация, которая занимается созданием и внедрением стандартов для бизнеса, выделяет именно линейные коды EAN для основной информации, а QR-коды — для дополнительной. Поэтому наличие зарегистрированного штрихокда EAN необходимо для работы со всеми крупными торговыми сетями.

На тот случай если вы задумали сменить сферу или повысить свою квалификацию — у нас идёт акция «Чёрная пятница», промокод BLACK HABR позволит полцчить скидку до 60 %.

Источник

Что такое QR-код и как его создать

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

Содержание

Что такое QR-код

QR-код или Quick Response Code — код быстрого ответа. Это двумерный или матричным штрихкод — оптическая метка, содержащая в себе информацию об объекте, к которому она привязана.

Согласно статистике, 97% опрошенных встречали QR-коды в повседневной жизни: на чеках, квитанциях, билетах, в магазинах, наружной рекламе, в музеях, в общественном транспорте и на визитках. А 62% — использовали их для оплаты, перехода на сайт, предъявления билета, считывания контактных данных и внесения пожертвований.

Важно! В QR-код обычно закладывают до 2-3 килобайт информации. Максимальное значение — до 15 килобайт. Самый маленький QR-код имеет размер 21 х 21 пиксель, самый большой — 177 х 177 пикселей.

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

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

Пример QR-кода, который ведет на сайт

Различия между QR-кодом и штрих-кодом

Давайте рассмотрим ключевые различия двух видов кода.

Характеристики	QR-код	Штрих-код
Тип матрицы	Двумерный	Линейный
Размер	До 7000 символов	До 70 символов
Вид изображения	Точки в квадратной сетке	Параллельные линии
Цель	Хранение и передача текста, URL, музыки, контактных данных, информации о продукте	Хранение и передача данных о товаре: цена, артикул, производитель
Где используется	В бизнесе и переговорах — как визитка. А также для передачи любой информации, которая находится в сети	Магазины, кинотеатры, больницы, почтовые отделения, службы логистики

Различие в изображении кода:

Визуальное различие двух видов кода

Для чего нужен QR-код

Матричный код можно использовать для отправки:

• Ссылок на сайт, приложение, изображение, музыкальную композицию, видео, документ или соцсеть.Пример на сайте «Тинькофф» — QR-код ведет в приложение:
  Пример двумерного кода на сайте
• Текста — статья, пост, интервью, описание продукта, резюме.
• Электронного письма с шаблоном письма и адрес, на который нужно отправить email.
• Контактных данных — номер телефона, ФИО, email и так далее. Например, их можно сразу занести в адресную книгу или перенаправить на передачу данных по указанным контактам.
• SMS — шаблон с номером телефона.
• Геопозиции — откроется приложение с картами, где будет обозначено место, координаты или адрес.
• Для доступа к точке Wi-Fi.
• События, которое сохраняется в календаре — запись на вебинар или создание напоминания о предстоящем мероприятии.
• Акций и персональных предложений.
  Пример, как привлечь пользователей получить привилегии и уникальные предложения
• Рекомендаций и инструкций по применению.
• Приглашения в чат.
• Покупки товаров.
• Данных о билетах.
  Пример кода, в котором содержится информация о покупке билета — сеанс, место, ряд
• Оплаты счетов.
• Снятия денежных средств в банкоматах.
• Создания уникального стиля для компаний, сувенирной продукции, промоакций для мероприятий. Например, при наведении включается ролик или картинка становится объемной — добавляя AR-эффект (технология дополненной реальности).
• Информации о социальных проблемах.К примеру, художница в сотрудничестве с организацией, защищающей права женщин, добавили QR-код в свою работу. Ссылка открывала сайт, на котором было описание идеи и варианты помощи женщинам, подвергшимся домашнему насилию.
  Пример использования QR-кода в искусстве. Источник

Как устроены QR-коды

QR-код содержит в себе четыре кодировки:

• Цифровая — десятичные числа от 0 до 9. Максимальное количество символов — 7089.
• Алфавитно-цифровая — числа от 0 до 9, заглавные латинские буквы от A до Z и символы: $, %, *, +, -, ., /, : и пробел. Максимальное количество символов — 4296.
• Кандзи — 1817 иероглифов.
• Двоичная система — до 2953 байтов двоичного кода.

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

Существует две модификации основных видов кодировки:

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

• Поисковые узоры отмечены красным цветом на скриншоте ниже. Служат для определения расположения кода.
• Линии синхронизации — отметки синего цвета. Содержат информацию о размере матрицы.
• Коды маски и уровня коррекции — желтый цвет. Здесь расположены данные о формате кодировки, а также контроль ошибок при расшифровке кода.
• Код версии — зеленый оттенок. Это информация о версии QR-кода — сейчас их около 40.
• Выравнивающий маркер — фиолетовый цвет. Показывает ориентир для сканирующих устройств — в каком направлении находятся элементы кода.
• Отступ — белая рамка вокруг кода. В данном случае выделена голубым цветом. Без нее сканер не поймет, что именно ему нужно считывать.
• Ячейки данных — остальная часть представляет собой основную информацию — ссылка, текст, номер телефона.

Структура компонентов в QR-коде

Виды QR-кодов

Существует два вида матричного кода:

• Статический — в код нельзя внести изменения. Например, для визиток или геолокации.
• Динамический — позволяет вносить изменения: менять или дополнять информацию в коде. Например, платежные данные, оформление заказов, описание товаров.

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

Пример брендированного QR-кода

Как пользоваться QR-кодом

Сейчас современные смартфоны способны сканировать QR-коды через стандартный инструмент «Камера».

1. Включите камеру.
2. Наведите ее на QR-код.
3. Нажмите на ссылку, которая появится на экране.

Важно! В iOS недавно появилась подобная функция — камера считывает QR-код.

Ниже скринкаст, как сканировать QR-код с телефона на Android:

Пример, как сканировать двумерный код

Если по какой-то причине ваша камера на смартфоне не читает QR-код — используйте приложение. В App Store и Google Play вариантов множество — выбирайте любое из понравившихся.

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

Если у вас под рукой нет смартфона — зайдите на сайт Decode it. Там вы сможете загрузить изображение — и получить расшифровку за считанные секунды:

Пример, как использовать сервис для расшифровки коды быстрого ответа

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

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

А сейчас рассмотрим варианты, когда можно и нельзя использовать коды быстрого ответа:

• Не размещайте код на подвижных объектах. Пользователи не успеют отсканировать его, если он изображен на куртке или сумке курьера.
• Делайте QR-коды заметными и читабельными — используйте контрастные цвета.
• Расположите двумерный код в легкодоступном месте, с которого можно просто считать информацию.
• Обязательно добавляйте к вшитым ссылкам UTM-метки, чтобы отслеживать переходы и целевые действия.
• Всегда помните, что QR-код является проводником для потенциального клиента — переводит его из офлайна в онлайн. Например, расскажите клиенту, что по QR-коду он может записаться без очереди, быстро оплатить покупку либо получить скидку за заполнение формы на сайте.

Автоматизация email рассылок

Отправляйте цепочки триггерных сообщений приветствия, брошенной корзины, реактивации, совмещая внутри одной цепочки email, SMS и web push.

Как создать QR-код

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

QR Code Generator

QR Code Generator — бесплатный генератор двумерного кода.

Обзор сервиса QR Code Generator

Плюсы:

• Большой выбор шаблонов для создания QR-кодов.
• Есть варианты настроек — можно создать уникальный стиль.
• Удобный интерфейс.
• Скачать файл можно в JPG и SVG.
• Для крупных компаний есть возможность автоматизировать процесс и использовать API.

Минусы:

• Требуется регистрация для получения дополнительных функций.

QR Code Monkey

QR Code Monkey — удобный генератор матричного кода.

Интерфейс сервиса QR Code Monkey

Плюсы:

• Есть расширение для Google Chrome.
• 22 шаблона, которые можно вписать в QR-код.
• Есть настройки для создания уникального стиля.
• Файл выгружается в формате PNG, SVG, PDF, EPS.

Минусы:

• Чтобы использовать все инструменты, нужна регистрация.

QR Coder

QR Coder — простой генератор для создания черно-белого QR-кода.

Плюсы:

• Быстрый сервис шифрования текста, ссылки, визитки и SMS.
• Файл скачивается ссылкой.

Минусы:

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

QR Stuff

QR Stuff — многофункциональный сервис для шифрования данных в QR-код.

Интерфейс QR Stuff

Плюсы:

• Есть возможность работы со статическим или динамическим QR-кодом.
• Большой выбор инструментов для редактирования стиля.
• Есть коррекция ошибок.
• 22 шаблона для генерации двумерного кода.
• В бесплатной версии можно скачать файл в формате PNG, после подписки — открывается доступ к векторным документам: EPS, SVG, PDF, DXF.

Минусы:

• Нужна платная подписка — 7,5 долларов в месяц, чтобы использовать все инструменты.

ONLINE QR Code Generator

ONLINE QR Code Generator — быстрый сервис для генерации двумерного кода.

Вариант для быстрого шифрования данных

Плюсы:

• Простой сервис для черно-белых QR-кодов.
• Файл скачивается в формате PNG.

Минусы:

• Нет настроек для создания индивидуального стиля.
• Небольшой выбор шаблонов.

Генератор QR кода

Генератор QR кода — бесплатный сервис для генерации двумерного кода.

Обзор сервиса «Генератор QR кода»

Плюсы:

• 9 шаблонов для шифрования.
• Есть коррекция ошибок.
• Можно выбрать тип кодировки.
• Файл скачивается ссылкой.

Минусы:

• Минимальное количество настроек.

Заключение

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

• Двумерный код — это удобный формат для передачи информации и привлечения аудитории.
• Такой код позволяет быстро передать данные потребителю.
• С формой и цветом можно играть, а значит — есть возможность создания ссылок с уникальным дизайном.

Используйте двумерный код в своем продвижении — регистрируйтесь в сервисе SendPulse, подключайте email и SMS рассылки, приглашайте аудиторию в чаты с помощью наших чат-ботов в таких мессенджерах, как ВКонтакте, Facebook Messenger, Telegram и WhatsApp!

Источник