QR-код генератор: интерактивные коммуникации. Каким требования должны удовлетворять штрих-коды
1. Стандарты и версии.
Единого стандарта генерации и печати кодов быстрого отклика не существует. Всего существует около пятидесяти разновидностей кодов быстрого отклика. Читайте в отдельной статье: «Что такое QR- код? Какие еще бывают 2-D коды и в чем их различие?». В зависимости от версии кода и от объема кодируемых данных рознится количество элементов матрицы. Самый маленький код может насчитывать 441 элемент. Самый большой код высокой версии состоит из 31 329 пикселей.
2. Размеры кода и его элементов.
Поле кода заполняется набором мелких элементов - "модулей". Набор модулей и пробелов определяет размер символа (расстояние от кромки до кромки). Вокруг символа обязательна "тихая зона" размером не менее 4-х модулей. Совокупность тихой зоны и размера символа составляет "размер изображения".
Рекомендуемый размер кода зависит от считывающих устройств, с одной стороны и от запечатываемого материала, с другой. Общие рекомендации следующие: минимальный размер модуля: 1мм. Размер кода для печати на глянцевом материале может быть меньше, чем при печати на офсетной или газетной бумаге.
На рекомендуемый размер кода влияют и модели считывающих устройств. Более старые модели телефонов считывают "символы" размером 32х32мм. 90% современных мобильных устройств допускают размер 26х26 мм. Самые современные модели могут справиться и с меньшими размерами.
Еще одним определяющим фактором является объем закодированной информации. Очевидно, что высокоинформативный код 40-го уровня, помещенный в размер 26х26мм не будет считываться большинством устройств.
На рисунке изображено три варианта записи адреса нашего сайта: www.сайт
3. Цвет кода.
Существует стереотип, что QR код нужно печатать черным цветом на белом фоне. Как и в случае с печатью штрих - кодов, это мнение ошибочно. Основное требование: контрастное изображение на светлом фоне.
Из трех предыдущих пунктов вытекает следующая рекомендация.
4. Тестирование кода.
Протестировать дизайн и цвет кода можно при помощи мобильного устройства самостоятельно. Но все же лучше делать тесты совместно с типографией, учитывая особенности выбранного материала и технологии печати.
5. Креативу быть.
Особенности кодирования 2D кодов позволяют использовать их поле для размещения логотипов или других креативных элементов.
Читайте подробнее о дизайне QR- кодов.
6. Умеренность.
Какими бы гибкими ни были современные технологии, все же рекомендуем воздержаться от шифрования "Войны и мира" в QR коде. Помните, код быстрого отклика - это маркетинговый инструмент со своими возможностями и ограничениями.
Although QR Codes can be found on displays, they are most often placed on printed material or physical objects. Basically, the Codes can be printed on any surface, but certain advertising media are more appropriate than others.
The best place for your Code
The important thing is that the potential customer can scan the Code at all. Since a scan takes a certain, albeit very short, time, moving advertising media such as automobiles and trains are only partially suitable for the placement of Codes. Posters, brochures and magazines are a much better choice. However, it depends on the type of industry your company is in and your marketing strategy.
The right advertising media for your campaign are those that reach your target audience the best. Do you consider brochures and promotional gifts to be the most effective way to get in touch with your customers, or do you prefer to place your Codes in magazines or journals? The choice is yours!
Your QR Code is especially effective if many potential customers can notice it on the run. This is the case with posters, POS displays or shop windows.
Of course, a Code is only useful if your customer also has Internet connection on the spot. Thus, advertising in subways and airplanes is not suitable for QR Codes that link to Web pages, as the Internet connection in these environments is often interrupted or not available at all.
The right size in the design
If the user can take the advertising medium, such as a brochure, in his or her hands, it is usually sufficient for simple Codes to have a size of 20 x 20 mm (around 0.8 x 0.8 in). At the same time, the larger a QR Code is, the more likely it is to be readable in bad light conditions.
The distance of the user to the Code should also be considered. Assuming, for example, that the customer is on a train platform and the Code is on a poster on the other side of the tracks, the Code must be printed in the appropriate size.
The increase in size of the Code is limited only by the size of the advertising medium. It should be noted that a larger Code also requires a greater distance when scanning - if your customer is standing directly in front of the oversized Code, he or she must first step away in order to scan it.
The appropriate material
When selecting the material, the goal is that the printed Code is readable and also remains readable for long. Since sufficient contrast is needed to scan a QR Code, the material should reflect as little light as possible. Instead of very glossy papers or mirror films rather select matt surfaces.
For Codes which are placed outdoors, it is important that their shape and color are not impaired by weather conditions too strongly for the duration of the campaign. Make sure that the printed material is as resistant to external influences and wear as possible.
Various requirements - different formats
Most providers of QR Codes offer you various image file formats to choose from when exporting your Code. These are optimized for different requirements. We offer you the Code as JPG, PNG, SVG and EPS files.
JPG and PNG are raster formats, in which your Code is stored as a pixel graphic file. This is recommended if the Code is printed in small dimensions, as these graphics can be easily integrated into other files.
EPS and SVG are vector formats. That means, in this case, your Code is saved not in pixels, but through certain parameters. Graphic designers and print shops are happy to work with vector graphics, as they can be enlarged to any size without the loss of quality. If you want to spread your Code over a large area, these formats are particularly suitable.
Что такое QR код сегодня знают все. Они нашли свое применение в журналах, листовках, быстрых заказах в интернет-магазинах и везде, где требуется облегчить пользователю получение информации. Достал смартфон, распознал код и перешел по ссылке. Два клика и никакого утомительного набора длинного URL (как пример). Сплошные плюсы.
Вчера один мой клиент тоже решил закодировать в QR ссылку на свой сайт и обратился ко мне. Он хотел получить QR код в хорошем качестве (большом разрешении) и по возможности в формате EPS, который так любят полиграфисты. Все ранее используемые мной сервисы не предоставляют подобных возможностей, поэтому пришлось поискать в сети более продвинутый вариант подобного сервиса.
Google вывел меня на несколько подобных сервисов. Они прекрасно справляются с задачей генерирования QR-кодов, но результат их работы больше подходит для использования в сети, а не на бумаге. В итоге я остановился на сервисе QR Code Generator .
Из всех попавшихся мне на глаза сервисов, только здесь я получил возможность выбирать тип кодируемого контента. Например:
Выбирая, скажем email, я могу позаботиться о пользователе и заполнить поля нового письма. Ему останется лишь ввести текст своего сообщения и нажать на кнопку отправить. Почтовый клиент по умолчанию и заполнение остальных полей произойдет автоматически сразу после считывания QR-кода.
Это все круто, но первоначальной задачей было получить сгенерированный QR в хорошем качестве , пригодным для печати. С этой задачей сервис справляется также на ура. Полученный QR код можно сохранить в разных форматах и выбрать один из доступных размеров. Из форматов доступны:
Клиент получил QR в хорошем качестве, а я для себя открыл новый качественный сервис для создания QR-кодов.
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 вкладках:
- Шаблоны . На данной вкладке Вы можете выбрать один из готовых шаблонов или применить свои (если Вы зарегистрировались на сервисе и создали их ранее).
- Цвета . Здесь у Вас есть возможность менять цвет любого элемента QR-кода. Причём, можно задавать как однотонную заливку, так и градиенты! Особо стоит обратить внимание на кнопку "Удиви меня" - нажмите и увидите, что будет;)
- Фигуры . Эта вкладка позволяет изменить форму элементов Вашего кода, а также задать угол его вращения.
- Правка . Пожалуй, самая интересная вкладка, поскольку содержит целый набор дополнительных инструментов, вызываемых кнопками вверху. По умолчанию открывается настройка избыточности кода с оценкой его читабельности. Далее следуют инструменты ручного добавления и удаления блоков, а также правки параметров заливки. Последняя кнопка открывает доступ к возможности вставки собственного логотипа и фонового изображения.
- Экспорт . На последней вкладке размещена возможность сгенерировать 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. Разрешается свободно копировать и цитировать данную статью при условии указания открытой активной ссылки на источник и сохранения авторства Руслана Тертышного.