Дизайн #QR-код #Дизайн #Инструменты

Генератор QR-кода

Бесплатный генератор QR-кода онлайн: ссылка, Wi-Fi, визитка vCard, email, SMS и геопозиция. Свои цвета и градиент, форма точек и углов, логотип в центре, скачивание в PNG и SVG без водяных знаков.

7 минут

Создайте QR-код за пару секунд: выберите, что зашить — ссылку, Wi-Fi, визитку, письмо, SMS или точку на карте — настройте цвета, форму точек и углов, добавьте логотип и скачайте картинку в PNG или SVG. Без регистрации, водяных знаков и ограничений: код собирается прямо в браузере, и ничего из введённого не уходит на сервер.

Оформление
Готовые цвета
Форма точек
Углы (глаза кода)
Логотип в центре

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

Что можно зашить в QR-код

ТипЧто произойдёт после сканирования
Ссылкаоткроется сайт в браузере
Тексттелефон покажет текст и предложит скопировать
Wi-Fiпоявится кнопка «Подключиться к сети» — пароль вводить не нужно
Визитка (vCard)откроется карточка контакта с кнопкой «Добавить в контакты»
Emailоткроется почта с заполненными адресом, темой и текстом
SMSоткроется сообщение с готовым номером и текстом
Телефоноткроется звонилка с набранным номером
Геопозицияоткроются карты с отметкой в точке по координатам

Как сделать QR-код с логотипом

  1. Выберите тип данных и заполните поля — код в превью обновляется сразу.
  2. Откройте блок «Оформление» и нажмите «Загрузить картинку». Подойдёт PNG с прозрачным фоном, SVG или JPG до 1,5 МБ.
  3. Задайте размер логотипа — 15–20 % от кода безопасно, 25–30 % уже требует хорошей печати.
  4. Уровень коррекции ошибок генератор сам поднимет до H — это запас в 30 % точек, за счёт которого код читается даже с закрытым центром.
  5. Скачайте PNG для соцсетей и мессенджеров или SVG для печати и макетов.

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

Цвета, форма точек и углов

  • Цвет кода и фон. Главное правило — контраст. Тёмные точки на светлом фоне читаются лучше всего; инверсия (светлый код на тёмном) работает, но не на всех старых сканерах.
  • Градиент. Два цвета с переходом по диагонали, горизонтали, вертикали или от центра. Следите, чтобы и второй цвет оставался заметно темнее фона.
  • Прозрачный фон. Пригодится, если код ляжет на цветную подложку в макете. Скачивайте такой код в PNG или SVG — прозрачность сохранится.
  • Форма точек: квадраты (классика, читаются лучше всех), скруглённые, круглые и ромбы. Круглые и ромбовидные точки мельче квадратных, поэтому для печати мелким размером берите квадраты.
  • Углы (глаза кода). Три больших квадрата в углах — то, по чему сканер находит код. Им можно задать свою форму и цвет: например, тёмная рамка и акцентный зрачок.
  • Поля вокруг. Белая рамка шириной в 4 модуля — часть стандарта. Убирать её полностью не стоит: без полей код на пёстром фоне часто не распознаётся.

Уровень коррекции ошибок: L, M, Q, H

В QR-код встроена избыточность — часть точек дублирует данные, поэтому код читается, даже если он поцарапан или частично закрыт.

УровеньВосстановитКогда выбирать
Lдо 7 %длинные ссылки и тексты, чистая печать — код получится мельче
Mдо 15 %универсальный вариант по умолчанию
Qдо 25 %наклейки, упаковка, улица
Hдо 30 %код с логотипом, печать на ткани, риск загрязнения

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

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

Практическое правило: сторона кода ≈ расстояние сканирования ÷ 10.

ГдеРасстояниеМинимальный размер
Визитка, чек, этикетка15–30 см2–3 см
Листовка, меню, упаковка30–50 см3–5 см
Плакат А3, стенд1–2 м10–20 см
Вывеска, баннер3–5 м30–50 см

Для печати берите SVG: это вектор, он не размывается при любом масштабе. Для сайта, поста или презентации хватит PNG — в генераторе можно выбрать размер до 2048 пикселей.

Как не испортить QR-код

  • Не растягивайте картинку. Код должен оставаться квадратным.
  • Не перекрашивайте точки в светлый цвет на белом фоне — жёлтый или салатовый код камера чаще всего не видит.
  • Не убирайте поля и не ставьте код вплотную к тексту или краю листа.
  • Не делайте слишком длинную ссылку. Чем длиннее адрес, тем плотнее сетка. Помогают короткие ссылки и адрес без лишних utm-хвостов.
  • Проверяйте на двух телефонах — Android и iPhone, лучше в пасмурном свете и под углом.

Безопасность: что стоит помнить

QR-код — это просто текст, поэтому увидеть, куда он ведёт, до перехода нельзя. Отсюда простые правила:

  • Сканируя чужой код, смотрите на адрес в подсказке камеры перед тем, как открыть ссылку. Мошенники клеят свои коды поверх настоящих — на парковках, квитанциях и в объявлениях.
  • Не вводите данные карты и пароли на странице, открытой по коду из непроверенного места.
  • Wi-Fi-код с паролем от домашней сети лучше не публиковать в открытом доступе — он передаёт пароль в открытом виде. Для гостей сделайте отдельную гостевую сеть.
  • Наш генератор работает целиком в браузере: ссылки, пароли и контакты никуда не отправляются, а картинка собирается на вашем устройстве.

Как устроен QR-код

QR (от Quick Response — «быстрый отклик») придумала японская компания Denso Wave в 1994 году для маркировки автомобильных деталей. Стандарт открыт, патент на использование не взимается — поэтому коды бесплатны для всех.

Внутри — сетка от 21×21 до 177×177 модулей (версии с 1 по 40). Три больших квадрата в углах помогают камере найти код и определить поворот, полосы из чередующихся точек задают сетку, а по краям зашиты версия и уровень коррекции. Данные кодируются в поток бит, к ним добавляются коды Рида — Соломона для восстановления повреждённых участков, а затем вся картинка накладывается на одну из восьми масок, чтобы точки не собирались в крупные пятна.

Наш генератор реализует стандарт ISO/IEC 18004 целиком на JavaScript — от кодирования UTF-8 до выбора маски по штрафным баллам.

Нужны иконки и знаки рядом с кодом на макете? Возьмите их из подборки символов или эмодзи, а цвет бренда подберите в конвертере HEX ↔ RGB. Готовый код с логотипом можно заодно сжать в WebP — для сайта он станет легче в несколько раз.

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

QR-код бесплатный и работает без ограничений?

Да. Код генерируется прямо в браузере, он статический: зашитые данные не меняются и не «протухают». Нет ни подписки, ни лимита сканирований, ни водяного знака — картинку можно использовать в том числе в коммерческих проектах.

Почему мой QR-код не сканируется?

Чаще всего из-за низкого контраста, слишком мелкой печати, убранных полей вокруг кода или крупного логотипа. Верните поля в 4 модуля, сделайте код темнее фона, увеличьте размер и уменьшите логотип до 20 %.

Можно ли изменить ссылку в уже напечатанном коде?

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

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

До 2 953 байт при уровне коррекции L — это примерно 2 900 латинских символов или около 1 400 русских (кириллица занимает по 2 байта). На практике лучше держаться в пределах 300 символов: короткий текст даёт более крупные точки и надёжное сканирование.

Какой формат скачивать — PNG или SVG?

PNG — для сайтов, постов, презентаций и мессенджеров. SVG — для печати и работы в макете: вектор не теряет качества при любом увеличении и открывается в Figma, Illustrator, CorelDRAW и Inkscape.

Как сделать QR-код для Wi-Fi?

Выберите вкладку «Wi-Fi», введите имя сети и пароль, укажите тип шифрования (для домашних роутеров это почти всегда WPA). Распечатайте код и повесьте рядом с роутером: гости наведут камеру и подключатся без ввода пароля.

Сохраняются ли мои данные на сайте?

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