Як створити QR-код, що завжди сканується: безкоштовно

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

Коди бувають 40 розмірів, які називають версіями: від 21 × 21 модуль (версія 1) до 177 × 177 модулів (версія 40). Найбільша версія вміщує 7 089 цифр, 4 296 буквено-цифрових символів або 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-коди поверх справжніх на паркувальних автоматах і столиках ресторанів, спрямовуючи людей на фальшиві сторінки оплати, а Федеральна торгова комісія США вже попереджала про це споживачів. Якщо розміщуєте коди в публічних місцях, час від часу перевіряйте їх і друкуйте домен призначення під кодом. Для кодів Wi-Fi пам’ятайте, що пароль зберігається відкритим текстом, тому використовуйте гостьову мережу; генератор QR-коду для Wi-Fi сформує такий рядок за вас.

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