Как сделать QR-код: пошаговая инструкция

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

Собрать код

Пять шагов

  1. Решите, что будет внутри

    Ссылка, обычный текст, визитка (vCard) или данные Wi-Fi. От этого зависит длина содержимого, а значит — плотность кода. Короткая ссылка читается заметно надёжнее длинной.

  2. Введите данные в генератор

    Вставьте текст в поле выше. Код строится на вашем устройстве: содержимое не отправляется на сервер, поэтому в код можно класть что угодно, включая внутренние адреса.

  3. Выберите уровень коррекции

    M — универсальный выбор. Q и H берите, если код будет мелким, на улице, на упаковке или если внутрь планируется логотип.

  4. Проверьте сканером до печати

    Наведите камеру телефона на код с экрана — с того же расстояния и при том же освещении, что будут у читателя. Дешевле найти проблему сейчас, чем после типографии.

  5. Скачайте и разместите

    SVG — вектор, его можно растянуть на баннер без потери чёткости. PNG — для документов, презентаций и соцсетей. Вокруг кода обязательно оставьте пустое поле.

Из чего состоит QR-код

Код — это сетка модулей, а не картинка. Понимание его устройства объясняет почти все проблемы с чтением.

Три угловых квадрата

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

Синхрополосы

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

Служебная информация

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

Код коррекции

До половины объёма занимают избыточные байты. Именно они позволяют восстановить код, если часть площади испорчена.

Сколько данных помещается

Значения ниже — для уровня коррекции M и байтового режима. Русские буквы в UTF-8 занимают по два байта, поэтому знаков кириллицы помещается вдвое меньше.

ВерсияБайтЗнаков кириллицыТипичное применение
1147Короткая ссылка, номер
22613Ссылка среднего размера
34221Ссылка с параметрами
46231Wi-Fi, короткая визитка
58442Адрес, инструкция
610653Визитка целиком
7–8122–15261–76Длинный текст, абзац
9–10180–21390–106Многострочные данные

Чем выше версия, тем мельче модули при том же размере печати — и тем выше требования к качеству печати.

Почему код не читается

Слишком мелко

Главная причина. Считайте простое правило: сторона кода — примерно десятая часть расстояния сканирования.

Низкий контраст

Серое на сером, цветное на цветном, светлое на тёмном. Нужен тёмный код на светлом фоне — инверсию читают не все камеры.

Блики и глянец

Ламинация и глянцевая бумага дают отблеск, который «съедает» часть модулей под углом.

Обрезанное поле

Вокруг кода нужна пустая зона шириной примерно в четыре модуля. Рамка вплотную ломает обнаружение.

Частые вопросы

Какого размера печатать код?

Сторона кода — не меньше десятой части расстояния, с которого его сканируют: около 3 см для чтения с 30 см и около 30 см для афиши с трёх метров.

Почему код перестал читаться после печати?

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

Сколько знаков помещается в один код?

В версиях 1–10 при уровне M — от 14 до 213 байт, то есть примерно от 7 до 106 знаков кириллицы: каждая русская буква занимает два байта.

Можно ли разместить логотип внутри?

Да, при уровне коррекции H: он восстанавливает до 30% площади. Главное — не закрывать логотипом угловые квадраты.