IT Market
Инструменты/Веб/QR-коды/Генератор QR-кодов с логотипом онлайн бесплатно
К инструментам
QR-Генератор PRO
Содержимое QR-кода
Фоновые изображения
Маленький На весь фон
Настройки QR
Уровень избыточности
Стиль углов
О генераторе QR-кодов PRO

Как работает дизайнерский генератор?

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

Безопасность и конфиденциальность

Все процессы генерации выполняются исключительно на стороне клиента в вашем веб-браузере с использованием стандартов HTML5 и Canvas API. Ваши изображения, ссылки и текстовые данные никогда не передаются на внешние серверы, обеспечивая 100% защиту персональных данных.

Что такое избыточность (ошибкоустойчивость)?

Стандарт QR поддерживает технологию коррекции ошибок Reed-Solomon. При загрузке логотипа или фонового изображения генератор автоматически повышает уровень отказоустойчивости до максимального "H" (30%). Это позволяет коду сканироваться, даже если до трети его площади перекрыто картинкой.

⚠️ Рекомендация по сканируемости

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

Результат

Введите данные для генерации

Скругление углов
Радиус: 20px
Радиус: 8px
Действия
Проверьте сканируемость!

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

Коротко об инструменте

Генератор QR-кодов с логотипом

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

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

  1. Выберите тип данных кнопкой «🔗 Ссылка», «📶 Wi-Fi» или «📧 Почта» и заполните поле «Вставьте ссылку или текст...».
  2. В списке «Коррекция ошибок» поставьте «Высокий (25%)» или «Макс (30%)», если поверх кода будет логотип или фоновая картинка.
  3. Задайте «Цвет кода» и «Цвет фона QR», затем подберите «Форма углов (поисковых узоров)»: квадрат, ромб, круг в круге и ещё три варианта.
  4. Через «Логотип по центру», «Задний фон» и «Иконка в углах» загрузите свои картинки и подвиньте ползунок «Масштаб QR (относительно фона)».
  5. Нажмите «ОБНОВИТЬ QR-КОД» и отсканируйте превью телефоном — код должен читаться с расстояния вытянутой руки, а не только вплотную.
  6. Сохраните результат кнопкой «Скачать PNG» либо заберите картинку в буфер обмена кнопкой «Копировать».

Вопросы и ответы

Какую коррекцию ошибок выбрать, если в центр QR-кода ставится логотип?

Ставьте «Высокий (25%)» или «Макс (30%)». Уровень коррекции — это доля модулей, которую можно потерять без потери данных, и логотип как раз «съедает» часть матрицы. При уровне «Низкий (7%)» логотип среднего размера уже ломает считывание. Обратная сторона максимального уровня: модулей становится больше, они мельче, поэтому печатать такой код совсем мелко не стоит.

Можно ли скачать QR-код в SVG или PDF для типографии?

Нет. Код рисуется на холсте, и единственная кнопка выгрузки — «Скачать PNG», то есть растр. Для печати задайте достаточно крупный размер на экране до выгрузки, тогда пикселей хватит. Если типография требует вектор, PNG придётся отдать дизайнеру на трассировку или собрать код в векторном редакторе отдельно — здесь честнее сказать сразу, чем обещать формат, которого нет.

Почему QR-код с фоновым изображением не сканируется?

Камере нужен контраст между тёмными модулями и подложкой. Пёстрое фото под кодом этот контраст убивает: часть модулей сливается с фоном. Помогают три вещи — поднять «Коррекция ошибок» до 30%, задать в «Цвет фона QR» плотный светлый цвет вместо прозрачной подложки и увеличить «Масштаб QR (относительно фона)», чтобы код занимал больше кадра.

Какого размера печатать QR-код на визитке или наклейке?

Практическое правило: сторона кода примерно в десять раз меньше расстояния сканирования. Для визитки, которую держат в руке в 25-30 см, хватает 2-2,5 см. Для наклейки в витрине, которую снимают с полутора метров, нужно 15 см и больше. Плюс обязательное белое поле вокруг кода шириной в четыре модуля — без него сканеры часто не находят границы.

Как сделать QR-код для подключения к Wi-Fi без ввода пароля?

Нажмите «📶 Wi-Fi» и заполните имя сети, тип шифрования и пароль — генератор соберёт строку формата WIFI:S:имя;T:WPA;P:пароль;;. Камеры iOS и Android понимают её и предлагают подключиться в одно касание. Учтите: пароль хранится в коде открытым текстом, поэтому такой код уместен для гостевой сети, а не для основной корпоративной.

Уходит ли ссылка или пароль на сервер при генерации кода?

Нет. Матрицу считает библиотека qrcodejs, подключённая с CDN, а вся отрисовка идёт на холсте внутри вашей вкладки. Введённая строка не отправляется ни нам, ни куда-либо ещё и не попадает в логи. Закройте вкладку — и содержимое поля исчезнет вместе с ней. Ещё одно следствие: ссылка внутри кода статична, изменить её потом, не перевыпуская код, нельзя.

Работает ли генератор на телефоне и планшете?

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

Примеры

Код на столике в кафе, ведущий на меню
До: Тип «🔗 Ссылка», содержимое https://cafe.example.ru/menu, коррекция «Макс (30%)», логотип по центру
После: PNG с логотипом заведения в середине; 30% избыточности хватает, чтобы перекрытая логотипом область не мешала сканированию
Гостевая сеть на карточке у стойки
До: Тип «📶 Wi-Fi», сеть CafeGuest, шифрование WPA, пароль latte2026
После: WIFI:S:CafeGuest;T:WPA;P:latte2026;; — телефон подключается к сети без ручного ввода пароля
Промо-наклейка в фирменных цветах
До: Цвет кода #1B3A6B, «Цвет фона QR» #F5F0E6, форма углов «Скругленный квадрат», масштаб 0.8
После: Тёмно-синий код на песочной плашке: контраст остаётся высоким, поэтому камера читает его так же уверенно, как классический чёрно-белый