Генератор QR-кодов — URL, WiFi, vCard, Email, SMS, Geo

Что такое QR-код?

// Build a WiFi payload and generate an SVG QR
import QRCode from 'qrcode';

// 1. WIFI: protocol (de facto, recognized by iOS+Android)
const payload = 'WIFI:T:WPA;S:My\\;Network;P:p@ss\\;word;H:false;;';

// 2. Generate SVG (vector, scales without pixelation)
const svg = await QRCode.toString(payload, {
  type: 'svg',
  errorCorrectionLevel: 'M',
  margin: 4,
  color: { dark: '#000000', light: '#ffffff' },
});

// 3. Drop into the DOM (DOMParser-safe, not innerHTML)
const doc = new DOMParser().parseFromString(svg, 'image/svg+xml');
preview.replaceChildren(doc.documentElement);

Ключевые возможности

Примеры

https://go-tools.org

SSID: Cafe WiFi / WPA2 / pass: visitor2026

Ada Lovelace / Acme Corp / +1 555 0100 / ada@acme.test

lat: 40.7829, lng: -73.9654 (Central Park)

Как использовать

1. 1

   Выберите тип данных

   Выберите вкладку, соответствующую тому, что кодируете: URL для сайтов, WiFi для передачи сети, vCard для контактов, Email или SMS для предзаполненных сообщений, «Локация» для меток на карте или «Текст» для произвольного содержимого.

2. 2

   Заполните поля

   Каждая вкладка показывает нужные поля. WiFi требует SSID, пароль и тип безопасности. vCard принимает имя, телефон, email, организацию и сайт. Превью QR обновляется по мере ввода.

3. 3

   Настройте (опционально)

   Откройте панель «Настройка», чтобы изменить уровень коррекции (M подходит для большинства, H — для печати), размер вывода (200–1024 px) и цвета. Инструмент предупредит, если контраст слишком низок для надёжного сканирования.

4. 4

   Скачайте SVG или PNG

   Нажмите «Скачать SVG» для векторного вывода (масштабируемого, идеального для печати) или выберите размер PNG (256/512/1024 px) из выпадающего меню. Используйте «Скопировать SVG», чтобы вставить прямо в Figma или другой инструмент дизайна.

Типичные ошибки QR-кода

QR encodes: https://bit.ly/abc → 404 after subscription lapses

QR encodes: https://your-domain.com/menu directly

FG #cccccc on BG #ffffff (ratio 1.6:1)

FG #003366 on BG #ffffff (ratio 12.6:1)

WIFI:T:WPA;S:Cafe;P:p@ss;word;; (parser breaks at the unescaped ;)

WIFI:T:WPA;S:Cafe;P:p@ss\;word;;

Print poster, ECC=L, partially folded → unreadable

Print poster, ECC=H → readable even with 30% damage

40% logo over center → fails on Samsung phones

15% logo, ECC=H → reliable across phones

?utm_source=...&utm_medium=...&utm_campaign=... (350 chars at M → reject)

Use /go/spring (35 chars) with server-side redirect to the long URL

Типичные сценарии

Меню в ресторане

Распечатайте URL QR на столе — гости смотрят меню на телефоне. Статический QR работает даже при смене хостинга или домена меню.

WiFi для гостей

Приклейте WiFi QR у двери дома, в кафе или переговорной. Гости сканируют и подключаются без ввода пароля — и не нужно его проговаривать.

Регистрация на мероприятиях

Распечатайте URL QR со ссылкой на страницу регистрации на билетах и вывесках. Появляется на отпечатках фотографов, бейджах, ленточках — каждое сканирование это отслеживаемая регистрация.

Визитки

Добавьте vCard QR на бумажные визитки — сканирование сохраняет контакт мгновенно. Примерно в 4 раза выше частота сохранения, чем при ручном вводе.

Метки локаций

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

Рекламные постеры

URL QR с UTM-параметрами отслеживают атрибуцию печатных кампаний. Статический QR живёт даже после закрытия аналитики кампании.

Упаковка товаров

Кодируйте URL гарантии, инструкции или регистрации на коробке. Используйте коррекцию H, чтобы QR пережил повреждения при перевозке, царапины и сгибы.

Музейные таблички

URL аудиогидов, дополнительный контекст, языковые альтернативы — посетители получают богатый контент на своём телефоне вместо громоздких печатных буклетов.

Технические детали

Соответствие ISO/IEC 18004:2015

Вывод следует международному стандарту QR Code. Версии 1–40 (21×21 — 177×177 модулей) выбираются автоматически на основе размера контента и уровня коррекции.

Коррекция Рида-Соломона

QR используют коды Рида-Соломона для восстановления при повреждениях. Уровни L/M/Q/H восстанавливают ~7%, 15%, 25% и 30% повреждённых данных. Более высокие уровни — больший QR при том же контенте.

Стандартные URI-схемы

Протокол WIFI: (де-факто, распознаётся iOS и Android), mailto: (RFC 6068), sms: (RFC 5724), geo: (RFC 5870). Контактные карты — vCard 3.0 (RFC 2426). Камеры iOS и Android распознают всё это.

Авто-режим кодирования

Библиотека qrcode выбирает самое эффективное кодирование (numeric, alphanumeric, byte или kanji) для каждого ввода. Byte-режим UTF-8 обрабатывает не-ASCII текст, включая эмодзи и CJK.

Лучшие практики

Не обрезайте quiet zone

QR-кодам нужен отступ в 4 модуля цвета фона вокруг. Инструмент включает его по умолчанию — не обрезайте при размещении в макете, даже если кажется лишним.

Уровень H для печатных QR

Печать беспощадна — выцветание, царапины, сгибы повреждают код. Уровень коррекции H (~30%) спасает. M подходит для экранов, не подверженных деградации.

Контраст 4.5:1 или выше

Сканеры QR измеряют контраст между тёмными и светлыми модулями. Держите тёмный передний на светлом фоне. Инверсия (светлый на тёмном) работает на одних телефонах и не работает на других.

Тестируйте на iOS и Android

Камера iOS читает QR по умолчанию с iOS 11. На Android поведение зависит от производителя — Samsung, Pixel и Xiaomi различаются. Тестируйте оба перед печатью 10 000 листовок.

HTTPS и короткие URL

Длинные URL делают QR плотнее (меньше модули → сложнее сканировать). Если ваш tracking-URL — 200+ символов, прогоните его через свой статический шортнер — не Bitly, поскольку они истекают.

Часто задаваемые вопросы