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

QR-код — это двумерный штрихкод, который хранит короткий фрагмент текста и ничего больше. Его разработала в 1994 году компания Denso Wave, входящая в группу Toyota, чтобы отслеживать автодетали на сборочных линиях, а в 2000 году он стал международным стандартом ISO/IEC 18004. Три крупных квадрата по углам показывают сканеру, где находится код и как он повёрнут; маленькие квадраты, называемые модулями, несут данные. Ссылка, данные для входа в Wi-Fi и визитка — это просто текст в определённом формате, а что с ним делать после расшифровки, решает телефон.

Коды бывают 40 размеров, называемых версиями: от 21 × 21 модуля (версия 1) до 177 × 177 модулей (версия 40). Самая большая версия вмещает 7 089 цифр, 4 296 буquenцифровых символов или 2 953 байта. Цифра 4 296 относится только к ограниченному буквенно-цифровому набору: цифры, заглавные буквы, пробел и восемь символов. Обычный URL в нижнем регистре использует байтовый режим, поэтому его реальный предел ниже, а каждый лишний символ переводит код в более плотную версию с более мелкими модулями.

Каждый код также содержит коррекцию ошибок Рида — Соломона, которая позволяет сканеру восстановить сообщение, если часть рисунка загрязнена, поцарапана или закрыта. Четыре уровня восстанавливают примерно 7% (L), 15% (M), 25% (Q) и 30% (H) кода. Более высокие уровни занимают место, потому что данные для восстановления хранятся рядом с вашим содержимым. На практике длина содержимого и уровень коррекции вместе определяют плотность рисунка, а от плотности зависит, прочитает ли старый телефон код через всю комнату или только с нескольких сантиметров.

Телефоны распознают несколько текстовых форматов и превращают их в действия. Ссылка, начинающаяся с https://, открывает браузер. Строка, начинающаяся с WIFI:, предлагает подключиться к сети, tel: — позвонить, mailto: открывает новое письмо, а SMSTO: начинает SMS. Контакт кодируется как vCard (BEGIN:VCARD) или более короткий MeCard (MECARD:N:Weber,Jonas;TEL:+4930…;;), а событие календаря использует блок iCalendar BEGIN:VEVENT. Для скачивания приложения закодируйте одну веб-ссылку, которая направляет iPhone в App Store, а Android-телефоны в Google Play, вместо двух отдельных кодов. В Индии код для оплаты UPI — это ссылка upi://pay?pa=name@bank&pn=Name, которую открывает любое приложение UPI с уже заполненным получателем.

Вводить эти строки вручную не нужно. Бесплатный генератор QR-кодов собирает их из полей формы: выберите Тип QR-кода, заполните Ссылка, Имя сети или Номер телефона и нажмите Создать. Знать исходный формат всё равно полезно, когда код ведёт себя странно, когда вы готовите таблицу для массовых кодов или когда приложение-сканер показывает обычный текст вместо кнопки подключения. Строка Wi-Fi ниже — та, в которой чаще всего ошибаются: сначала указывается тип защиты, специальные символы вроде точки с запятой в пароле нужно экранировать обратной косой чертой, а строка заканчивается двумя точками с запятой.

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

Поэтому многие бесплатные генераторы, которые просят зарегистрироваться, чтобы «изменить позже», на самом деле продают эту переадресацию. Когда пробный период заканчивается или подписка прекращается, переадресация останавливается, и все напечатанные коды ведут на страницу ошибки или предложение обновить тариф. Такую же гибкость можно получить без сервиса: закодируйте ссылку на свой домен, например yoursite.com/menu, и меняйте содержимое этой страницы или её переадресацию. В руководстве по динамическому QR-коду показано, как это настроить через переадресацию 302.

Практический минимум для печатного кода, который читают на расстоянии вытянутой руки, — около 2 × 2 см (0,8 × 0,8 дюйма), и только для короткого содержимого; плотному коду с длинной ссылкой нужно 3 см и больше. Для всего, что читают издалека, используйте правило 10:1: ширина кода должна быть не меньше одной десятой расстояния сканирования. Для плаката, который читают с 2 м, нужен код в 20 см, для витринной вывески, которую читают с тротуара с 3 м, — 30 см. Измеряйте сам код, а не макет вокруг него.

Вокруг рисунка расположена свободная зона — пустое поле, которое стандарт задаёт в 4 модуля с каждой стороны. Дизайнеры обрезают её, чтобы сделать макет компактнее, и тогда сканеры не находят край, особенно когда код стоит на пёстрой фотографии. Оставьте Свободная зона равной 4 и считайте эту белую рамку частью кода. Контраст не менее важен: тёмные модули на светлом фоне, лучше всего чёрные на белом. Цветные коды сканируются нормально, если цвет кода заметно темнее фона, но градиенты, узорчатый фон и бледные цвета сокращают запас.

Инвертированные коды, светлые модули на тёмном фоне, хорошо смотрятся на тёмной упаковке, но не читаются на удивительно большом числе сканеров, включая старые телефоны и многие кассовые считыватели. Никогда не печатайте такой код, не проверив его на самом старом устройстве, которое найдёте. Та же осторожность нужна для логотипов в центре: установите Коррекция ошибок на Максимальная (30%), держите логотип меньше примерно пятой части ширины кода и помните, что логотип расходует запас восстановления, который иначе покрывал бы царапины и блики.

Для печати экспортируйте SVG. Это векторный формат, поэтому код остаётся чётким при любом размере, а типография может масштабировать его от визитки до баннера без размытых краёв модулей. PDF и EPS тоже векторные и подходят дизайнерам, работающим в InDesign или Illustrator. Для экранов, слайдов и писем вполне достаточно PNG от 1000 px; для больших дисплеев задайте больший Размер изображения. Никогда не увеличивайте маленький PNG или скриншот кода: после пересчёта края становятся мягкими. Если у вас есть только PNG с кодом или логотипом, в статье о том, как перевести PNG в SVG, объясняется, когда трассировка работает. Генератор SVG QR-кодов открывается с выбранным векторным выводом.

Затем проверьте код, причём не на одном телефоне. Камера iPhone читает QR-коды встроенными средствами с iOS 11 в 2017 году, а современные Android-телефоны читают их в штатной камере или через Google Lens. Старые модели Android, бюджетные телефоны и специальные сканеры штрихкодов на кассах менее терпимы, а ведь именно они будут сканировать ваше меню. Проверяйте в реальном размере и на реальном расстоянии, на реальном материале и при реальном освещении. Пробный оттиск, приклеенный к настоящей стене, скажет больше, чем предпросмотр на экране.

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

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

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

Отслеживание появляется через ссылку. Сервер перенаправления динамического кода записывает каждый запрос: как правило, время, IP-адрес (а значит, и примерное местоположение), тип устройства и браузер. Параметры отслеживания в URL сообщают сайту, с какого плаката или листовки пришел посетитель. Это обычная веб-аналитика, и владельцу кода она часто как раз нужна. Если вы сканируете код, посмотрите превью, прежде чем нажимать: домен показывает, кто увидит ваш визит.

Настоящий риск — подмена. Мошенники клеят свои QR-коды поверх настоящих на парковочных счетчиках и столиках в ресторанах и отправляют людей на поддельные страницы оплаты; об этом предупреждала Федеральная торговая комиссия США. Если вы размещаете коды в общественных местах, время от времени проверяйте их и печатайте домен назначения под кодом. Помните, что в QR-коде Wi-Fi пароль хранится открытым текстом, поэтому используйте гостевую сеть; генератор QR-кода Wi-Fi составит такую строку за вас.

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