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



Вы можете передать данные в GET параметре: Web-технологии или воспользоваться .

QR-код

QR-код (англ. Quick Response - быстрый отклик) - матричный код (2D code, двумерный штрихкод). Японская компания «Denso-Wave» разработала и представила QR-code в 1994 году. В настоящее время QR-код можно встретить на очень многих предметах вокруг нас: на визитке, на банке, на упаковке, на сайте. Очень часто QR коды используются для загрузки мобильных приложений или в SMS . В Японии и Австрии QR-коды используются на кладбищах для информирования о захоронении. QR-код позволяет вместить большое количество информации в небольшом изображении. С помощью QR-кода можно закодировать до 4296 цифро-букв, включая кириллицу:

  • цифры - 7089;
  • цифры и буквы (включая кириллицу) - 4296;
  • двоичный код - 2953 байт;
  • иероглифы - 1817.

ECC - (англ. Error-Correcting Code, код коррекции ошибок) - данные, присоединяемые к изображению, позволяющие определить факт сбоя и исправить несущественную ошибку. Чем больше этот параметр, тем больше ошибок в считывании изображения допускается для корректного распознавания QR-кода.
Возможные значения ECC и количество поврежденных данных в процентах, которые могут быть скорректированы:

  • Low, ~7%
  • Middle, ~15%
  • Quality, ~25%
  • High, ~30%

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

API QR code

Большинство API функций сервиса сайт совершенно бесплатны. Идентификация нужна для исключения злоупотреблений и позволяет разделить количество запросов от разных пользователей. Ограничения на бесплатные запросы и тарификация описана .

Для идентификации используется API_KEY из_профиля. API_KEY может быть передан как GET так и POST запросом.
Не размещайте ключ API_KEY в открытом доступе и в javascript. Он фактически заменяет ваши логин пароль и дает возможность использовать весь функционал нашего сайта от вашего аккаунта, включая платные функции.

Ключи выбора формата:

  1. html - HTML-формат.
  2. json - JSON-формат
  3. xml - XML-формат

Для указания кодирования ответа в нужном вам формате добавьте в запрос параметр html или json или xml, например:

Http://сайт/service/qr_code/api.php?data=2222&html&charset=utf-8&api_key=xxxx

При возврате в формате JSON возврашается заголовок header("Access-Control-Allow-Origin: *") - разрешающий кроссдоменные запросы.

Ключ выбора кодировки charset= :

  1. windows-1251 по умолчанию всё отдается в кодировке utf-8
  2. utf-8 unicode - кодировка UTF-8. Пример: charset=utf-8
  3. а также другие: koi-8 , ISO-8859-1 , ISO-8859-15 , cp866 , cp1252 , KOI8-R

fields - какие поля включать в ответ, например:
http://сайт/service/qr_code/api.php?data=2222&sql=pb_city&fields=id,name,english,area,rajon,country

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

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

Структура API запроса для получения html кода с картинкой и описанием qr-кода:

Https://сайт/service/qr_code/api.php?html &api_key=API_KEY_из_профиля &data=ДАННЫЕ_ДЛЯ_КОДИРОВАНИЯ [&level=("L","M","Q","H")] [&size=(1-10)] [&margin=(0-30)]

Структура API запроса для получения URL картинки с qr-кодом:

Http://сайт/service/qr_code/api.php?format api_key=API_KEY_из_профиля &data=ДАННЫЕ_ДЛЯ_КОДИРОВАНИЯ [&level=("L","M","Q","H")] [&size=(1-10)] [&margin=(0-30)]

Структура API запроса для получения html кода с картинкой:

Https://сайт/service/qr_code/api.php?format=img api_key=API_KEY_из_профиля &data=ДАННЫЕ_ДЛЯ_КОДИРОВАНИЯ [&level=("L","M","Q","H")] [&size=(1-10)] [&margin=(0-30)]

Структура API запроса для получения URL QR-кода в JSON-формате: URL или информация об ошибке в поле error:

Https://сайт/service/qr_code/api.php?json&api_key=API_KEY_из_профиля &data=ДАННЫЕ_ДЛЯ_КОДИРОВАНИЯ [&level=("L","M","Q","H")] [&size=(1-10)] [&margin=(0-30)]

Для Вашего удобства поддерживается формат JSONP . Вы можете добавить параметр &jsonp=ИМЯ_ФУНКЦИИ

Параметры level, size, margin являются необязательными, значения по умолчанию:
level="L"
size=4 (100px x 100px при минимальном ECC)
margin=2 (2px)

Параметр limit в ответе - определяет количество оставшихся запросов до конца суток

Если Вы хотите сразу получить картинку, а не ссылку на неё, используйте параметр:

&format=png Но будьте внимательны, т.к. в случае если у вас закончится лимит, вы получите вместо картинки ошибку..php?format=png&api_key=API_KEY_из_профиля&data=ДАННЫЕ_ДЛЯ_КОДИРОВАНИЯ

Программы для распознавания QR кодов

  • для Android: Google Goggles, QuickMark, Barcode Scanner, Barcode2file, QR Droid , NeoReader, ixMAT Scanner, 2D-код, Elinext UPC, I-Nigma, AIcam;
  • для Apple iOS: Scan, RedLaser, QR Reader for iPhone, Bakodo - Barcode Scanner and QR Bar Code Reader, AT&T Code Scanner, Elinext UPC, Ценометр; приложение Google;
  • для Bada: BeeTagg, Quick QR Reader;
  • для BlackBerry OS: Встроено в App World (магазин приложений);
  • для Java: Kaywa reader, I-Nigma, UpCode;
  • для Maemo: mbarcode;
  • для Symbian OS: QuickMark, Kaywa reader, Nokia barcode reader, I-Nigma, UpCode, NeoReader, BeeTag;
  • для Windows Mobile: QuickMark, I-Nigma;
  • для Windows Phone 7: Встроено в поиск (обновление Mango)

Как в QR коде указать ссылку/телефон/SMS ?

Для указания в QR-коде номера телефона, на который нужно позвонить укажите перед номером префикс "TEL:", например:

TEL:+71234567890

Для указания в QR-коде skype, на который можно позвонить укажите перед номером префикс "skype:", например:

Skype:kkk_890

Http://сайт

Для указания в QR-коде подготовленной SMS для отправки, необходимо указать её в формате SMSTO:НОМЕР?body=ТЕКСТ, например:

SMSTO:+71234567890?body=Строка1.%0AСтрока2.

Альтернативный формат:

Sms:НОМЕР_ТЕЛЕФОНА

Http://maps.google.com/maps?q=55.751676972657464%2C37.62759966278077

Для указания в QR-коде E-mail, достаточно указать адрес с префиксом "MAILTO:", например:

MAILTO:[email protected]

Для указания в QR-коде готового E-mail письма, достаточно указать адрес с префиксом "MAILTO:", например:

MAILTO:TO:[email protected];SUB:Это тема;BODY:Это тело;;

Альтернативный формат:

"mailto:".$email."?subject=".urlencode($subject)."&body=".urlencode($body)

Для указания в QR-коде VCARD-визитки, достаточно указать её в VCARD-формате, например:

BEGIN:VCARD N:222;111 TEL;HOME:333 TEL;WORK:444 TEL;CELL:555 TEL;WORK;FAX:666 EMAIL;INTERNET;WORK:777 ORG:666 TITLE:7777 URL;WORK:888 BDAY:3335555 ADR;WORK:;;999;111;;;2222 END:VCARD

Для кодирования фото в VCARD используйте base64 - кодирование:

BEGIN:VCARD FN:ИМЯ TEL;WORK;VOICE:ТЕЛЕФОН PHOTO;JPEG;ENCODING=BASE64:".base64_encode(file_get_contents($avatarJpegFileName))."\n"; END:VCARD

Для указания в QR-коде запланированного события календаря (VCALENDAR), достаточно указать его в VCALENDAR-формате, например:

BEGIN:VCALENDAR VERSION:2.0 BEGIN:VEVENT SUMMARY;CHARSET=utf-8:name DTSTART:20130101T100000Z DTEND:20130201T113000Z END:VEVENT END:VCALENDAR

Для указания в QR-коде данных для платежного поручения(счета на оплату, платежки) указать их в следующем формате:

На строки разбил для удобства восприятия. При формированиии QR-кода счета все должно быть в одну строку, в качестве разделителей используются символы "|". Описание стандарта ГОСТ Р 56042-2014

ST00012| Name=ООО «Ети»| PersonalAcc=40702810938090013642| BankName=ОАО "СБЕРБАНК РОССИИ" Г. МОСКВА| BIC=044525225| CorrespAcc=30101810400000000225| Sum=1023641| Purpose=Оплата по счету №12345| PayeeINN=7727727063| KPP=772701001 ST00012| Name=АО "Компания ТрансТелеКом"| PersonalAcc=40702810838040021360| BankName=Московский банк ПАО Сбербанк, г. Москва| BIC=044525225| CorrespAcc=30101810400000000225| PayeeINN=7709219099| Sum=45000| ServiceName=9387216754| Purpose=Оплата услуг связи по л/с № 615167760| LastName=Иванов| FirstName=Иван| MiddleName=Иванович| PayerAddress=| PersAcc=615167760| BillNum=

Для проверки сформированного QR кода можно воспользоваться

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

В отличие от обычного штрихкода, QR код является двухмерным, то есть строится не из полос, а из квадратиков, что позволяет шифровать намного больше информации. Зачастую кодируется текст, максимальный размер которого (вместе с цифрами) может быть до 4296 символов, реже – рисунки небольших размеров. Для считывания кода с постеров и упаковок Вам потребуется лишь смартфон с камерой и специальное приложение. Однако гораздо интереснее создать QR код самостоятельно. О том, как это сделать – читайте далее.

QR код при помощи сайта

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

· www.qurify.com

· qrcode.kaywa.com

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

Генератор QR кода Qrcoder.ru

Данный генератор QR кода наиболее простой и потребует от Вас минимум действий. После перехода на сайта(www.qrcoder.ru ) перед Вами откроется поле для ввода текста, над которым можно выбрать тип вводимой информации: «любой текст», «ссылку на сайт», «визитную карточку» или «sms-сообщение». Под формой настраивается размер получаемого кода – от 1 до 6. Закончив ввод нужного текста, нажмите «создать код» в правом нижнем углу формы, после чего в правой части экрана появится рисунок с кодом.

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

Генератор QR кода Qrcc.ru

Еще один ресурс для построения QR кода онлайн, имеющий более широкий функционал. Перейдя на сайт(qrcc.ru ), Вы увидите также форму для ввода информации. Однако, в отличие от предыдущего сайта, здесь можно выбрать не только «произвольный текст», «адрес сайта (URL)», «визитку (VCARD)» или «смс-сообщение». Среди других разновидностей вводимой информации, которые расположены списком в левой части экрана, имеется даже такие как «данные WI-FI» или «координаты Google Maps».

Выбрав тип и введя нужную информацию, переходим к панели настроек, которая находится под формой ввода. Первым пунктом здесь идет выбор иконки либо текста, который будет располагаться внутри самого кода, далее – «текст над кодом» и «текст под кодом». К слову, размер шрифта текста напрямую зависит от его длины, то есть чем меньше букв в слове, тем большего размера оно будет. Ниже располагаются настройки цвета для кода, фона изображения и текста. Чтобы выбрать цвет – нажмите на квадратик возле соответствующего поля. В правой части появившегося окошка находится вертикальная шкала цветов, где для выбора нужного – следует нажать на него левой клавишей. Далее в левой части окошка выбираем уже нужный оттенок цвета таким же способом, после чего жмем «ОК». Последний пункт – это выбор размера будущего штрихкода.

Когда все вышесказанное выполнено, под формой ввода и настройками нажимаем «создать код», после чего ниже появится нужное нам изображение, которое можно сохранить также как и на предыдущем сайте, либо скопировать его ссылку/HTML-код.

QR код при помощи программы

Владельцы операционной системы Windows могут загрузить генератор QR кода «XRen QRCode» по этой ссылке . Справа на странице жмем на синюю кнопку с надписью «Download», далее в открывшемся окне нажимаем на надпись «Softpedia Secure Download (US)», через пару секунд начнется загрузка.

Запускаем файл установки, жмем «Next». Если Вы желаете установить программу в какую-то конкретную папку, то нажимаем «Browse…» выбираем эту папку, жмем «OK». Потом снова дважды «Next», когда XRen QRCode установится – закрываем программу.

На рабочем столе компьютера должна появиться иконка с надписью «QRCode», жмем на нее. В открывшемся окне Вы увидите форму, в которую нужно ввести текст, после чего ниже нажать на кнопку «Encode». Справа появится изображение готового QR кода, для сохранения которого следует найти в верхней панели окна – синюю дискетку («Save»), и нажать на нее.

Выберите папку для сохранения картинки, а также внизу, в выпадающем списке, формат картинки — .jpg , .png или.gif, жмем «сохранить» — QR код готов.

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

Особенности QR-кода и приложений для сканирования

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

Для мобильных устройств и планшетов на базе имеются такие приложения как «QR Reader for iPhone» и «QR Code Reader» соответственно, и приобрести их можно бесплатно в официальных интернет-магазинах (appstore.com или play.google.com ). Для сканирования штрихкода достаточно запустить приложение и просто навести камеру на изображение QR-кода, после чего откроется окно с зашифрованной информацией. Если же Вы имеете платформу с другой операционной системой, то Вам следует скачать приложение, подходящее конкретно для Вашего устройства. Выбрать программу для мобильного телефона можно на этом сайте(qrcoder.ru ).

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

Фото на главной: / ghazayel.com

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

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

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

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

Немного теории

Прежде чем рассмотреть сервисы-генераторы, предлагаю Вам немного узнать о самих QR кодах, чтобы Вы не воспринимали их как нечто сверхъестественное:). Каждый код, по сути, представляет собой матрицу (двухмерный массив), содержащую последовательности блоков в горизонтальной и вертикальной плоскостях. Блоки имеют два состояния: "белое" (означает ноль) и "чёрное" (единица).

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

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

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

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

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

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

Создать цветной QR-код

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

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

Справа от форм ввода имеется набор доступных настроек. Здесь можно выбрать любой цвет вместо стандартного чёрного (главное, чтобы он хорошо контрастировал с фоном), задать размер (от 200 до 1000 пикселей), уровень коррекции ошибок и скругления острых углов Вашего кода. Все настройки применяются в режиме реального времени, поэтому Вы можете наблюдать за всеми изменениями.

Чтобы сохранить сгенерированный QR-код достаточно навести на кнопку "Сохранить" (справа вверху над кодом). При этом откроется меню выбора формата сохранения: обычный PNG, векторный EPS или в виде ссылки. Чтобы сохранить простую картинку нажмите на вариант PNG и при помощи контекстного меню "Сохранить изображение как..." скачайте себе Ваш QR-код.

При помощи QRMania.ru можно быстро создать весьма симпатично выглядящий QR-код. Недостатками можно назвать, разве что, отсутствие возможности поменять фон кода и закодировать данные WiFi-подключения. Кстати, если Вам не нужно скругление углов, то аналогичные возможности предоставляет сервис 8500.ru .

Создать QR-код с изменённой формой точек

Стандартный QR-код содержит в себе однотонные квадраты в качестве носителей информации. Однако, оказывается, что эти квадраты можно заменить и другими фигурами и даже раскрасить их в нужные цвета! Если Вы хотите поэкспериментировать, можете попробовать сделать это с сервисом QRcode.by :

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

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

Сохранить готовый QR-код при помощи предлагаемой кнопки, к сожалению, нельзя. Поэтому придётся довольствоваться изображением предпросмотра (контекстное меню - "Сохранить изображение как...), которое, впрочем, имеет вполне подходящие размеры (350 на 350 пикселей) для большинства нужд.

Создать QR-код с надписями

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

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

Принцип работы - стандартен: выбираем тип кодируемых данных, заполняем нужные поля и переходим к дополнительным настройкам. Здесь мы можем задать текст внутри кода или иконку (к сожалению, загрузить свою нельзя, можно только выбрать одну из имеющихся). Также можно добавить надпись или подпись к нашему коду, настроить цвета для всего этого (цвет точек кода, текста внутри и надписей) и задать относительный размер увеличения (до 4-кратного). После всех настроек жмём кнопку "Создать код" и получаем результат, который можно сохранить как обычное изображение или в виде ссылки.

Фактически единственным недостатком QRcc.ru я бы назвал отсутствие возможности установки собственной иконки внутри кода, а также смены шрифта внутреннего текста и надписей.

Создать QR-код с логотипом

Рассмотренный выше сервис предоставлял нам возможность создать QR-код с небольшой иконкой внутри. Однако, в нём не было возможности загрузить собственную картинку вместо одной из стандартных. Если же Вам хочется создать QR-код с собственным логотипом, то в этом может помочь англоязычный сервис QRcode-monkey.com :

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

Для начала работы перейдите на нужную вкладку и заполните форму требуемыми данными. Ниже Вы найдёте небольшую панельку, позволяющую задать цвет кода (сплошной или градиентный). Под этой панелькой активируем галочку "Include Logo/Image in QR-Code" и нам откроется возможность выбрать в качестве центрального изображения одну из доступных иконок. Чтобы загрузить собственную картинку, перейдите на вкладку "Own Logo Image", нажмите кнопку "Upload Image" и выберите то, что нужно. Нам осталось только задать размер (выпадающий список "Resolution in Pixel/QR-Point") и нажать кнопку "Create QR-Code".

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

Создать необычный QR-код

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

Этот сервис позволяет кодировать все основные типы данных, но его главная фишка не в этом. После традиционного заполнения формы нужной информацией Вы попадаете в полноценный редактор, который даёт возможность изменить внешний вид любого элемента кода! Весь инструментарий разбит по группам на 5 вкладках:

  1. Шаблоны . На данной вкладке Вы можете выбрать один из готовых шаблонов или применить свои (если Вы зарегистрировались на сервисе и создали их ранее).
  2. Цвета . Здесь у Вас есть возможность менять цвет любого элемента QR-кода. Причём, можно задавать как однотонную заливку, так и градиенты! Особо стоит обратить внимание на кнопку "Удиви меня" - нажмите и увидите, что будет;)
  3. Фигуры . Эта вкладка позволяет изменить форму элементов Вашего кода, а также задать угол его вращения.
  4. Правка . Пожалуй, самая интересная вкладка, поскольку содержит целый набор дополнительных инструментов, вызываемых кнопками вверху. По умолчанию открывается настройка избыточности кода с оценкой его читабельности. Далее следуют инструменты ручного добавления и удаления блоков, а также правки параметров заливки. Последняя кнопка открывает доступ к возможности вставки собственного логотипа и фонового изображения.
  5. Экспорт . На последней вкладке размещена возможность сгенерировать HTML-код для вставки на сайт или в блог в виде ссылки.

Скачать готовый код можно в растровом формате PNG или векторном SVG. Пожалуй, недостатков у сервиса нет, если не считать довольно большую навороченность, с которой сходу разберётся не каждый.

Создать динамический QR-код бесплатно

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

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

Этот сервис позволяет создавать также и простые QR-коды, но нас интересуют именно динамические. Бесплатно их можно сделать до 3 штук. При этом для доступа к данной функции обязательно нужно авторизироваться при помощи аккаунта одной из соцсетей (Google+, Facebook, ВКонтакте или LinkedIn).

После входа в режим создания виртуального профиля нам нужно заполнить необходимые поля формы с данными о себе. Здесь можно добавить аватарку, указать номера телефонов. E-Mail-адреса и любую другую личную информацию. Учтите, что она будет в общественном доступе. После заполнения можно активировать слежение за кодом (статистика кликов будет приходить на почту, к которой привязан Ваш профиль соцсети, выбранной при авторизации) и выбрать сервис, на котором будет создана Ваша виртуальная визитка: me24.info или about24.info (что, впрочем, не играет особой роли). Сохраняем данные и нам становится доступной возможность стилизации QR-кода.

Что касается стиля, то мы можем задать режим избыточности для повышения коррекции ошибок считывания, размер, цвет фона и элементов кода, уровень прозрачности, а также внутренний логотип. Как видим, список возможностей весьма неплох. Единственное условие - если Вы решили добавлять логотип, обязательно убедитесь, что Ваш QR-код остаётся читабельным! Готовый код можно сохранить в форматах PNG, SVG или EPS.

QRcode.TrustThisProduct.com оказался практически единственным русскоязычным сервисом, который предоставляет пользователю динамические QR-коды на постоянной основе (а не в качестве пробника на 14 - 30 дней). Поэтому, если Вам интересно поработать с данным видом кодов, рекомендую.

Выводы

На сегодняшний день QR-кодам уже более 20 лет, однако, только в последние годы они обрели настоящую популярность и распространились за пределы "родной" Японии. Огромную роль в этом сыграли мобильные платформы, распознавание на которых стало возможным посредством обычной камеры и специального ПО (кстати, распознавание QR-кодов сейчас есть не только в специальных приложениях, но и, например, в мобильных браузерах, вроде UC Browser). Однако, и для компьютеров есть свои способы считывания.

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

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

P.S. Разрешается свободно копировать и цитировать данную статью при условии указания открытой активной ссылки на источник и сохранения авторства Руслана Тертышного.

«Кто чувствует собственную привлекательность, тот и становится привлекательным» - Иоганн Вольфганг Гёте

Для тех кому не терпится попробовать сделать цветной QR-код или сделать QR-код с логотипом или фоновой картинкой:

Каких результатов можно добиться, изменив оформление кода?

  1. Стать заметным . Выделиться на фоне однотипных QR-кодов – сделать работу кода более эффективной. К примеру, вы можете развернуть код(он прочитается), сделать его цветным, закруглить уголки, добавить тень и т.д.
  2. Дать подсказку . Добавив в сам код или рядом с ним немного текста, который сможет прочесть человеческий глаз, еще до того, как воспользуется камерой мобильного телефона. Сейчас QR-код только активно начинает захватывать рынки и потребители своими смартфонами сканируют все вподряд. Добавить немного текста хорошо, за исключением самых очевидных случаев. Если в QR-коде зашифрован адрес сайта, то можно его расположить под кодом или прямо на нем (тут осторожней).
  3. Акцентировать внимание на бренде . Т.к. QR-коды очень привлекательный элемент в рекламе, то естественно, если гармонично вписать его в фирменный стиль организации можно подкрепить и усилить силу бренда в сознании потребителей. К примеру, раскрасить в фирменные цвета, внедрить логотип в код, оформить сегменты продукцией (смотрите далее очень интересный код из продукции Panasonic).

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


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


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


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


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


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


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


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

Анимированный QR-код

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

QR-код (сокращение от английского Quick Response , что в переводе означает «Быстрый ответ ») - оптически считываемый матричный код, который способен хранить в закодированном виде обычный текст, URL-адрес веб-сайта, номер телефона, адрес электронной почты и любые другие буквенно-цифровые данные в объеме до 4296 символов (QR-коды стандартизированы на международном уровне в соответствии с ISO 18004).
Наш QR-генератор умеет генерировать динамические или статические QR-коды, формировать их изображения в доступных графических форматах для дальнейшего использования.

Создание бесплатных статичных QR-кодов

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

Как создать статический QR-код

И не забудьте проверить свой QR-код при помощи сканера QR-кодов

Уровень коррекции ошибок

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

  • Уровень L (7%)
  • Уровень M - 15% - используется по умолчанию
  • Уровень Q (25%)
  • Уровень H (30%)

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