IT Market
Tools/Web / SEO/QR Codes/QR Code Generator with Logo Online — Free
К инструментам
QR-Генератор PRO
Содержимое QR-кода
Фоновые изображения
Маленький На весь фон
Настройки QR
Уровень избыточности
Стиль углов
О генераторе QR-кодов PRO

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

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

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

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

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

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

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

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

Результат

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

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

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

Tool guide

QR Code Generator with Logo

The page draws the matrix with qrcodejs and then paints your own layers on top of it: a logo in the middle, a photo behind the code, custom module and background colours, rounded corners and six different finder-pattern shapes. Nothing you type — a URL, a Wi-Fi password, a support address — leaves the tab. It is the tool you want when the code has to sit inside a printed menu, a price tag or a shop-window sticker and still look designed. See also: scan the finished code to check it, trace a logo to vector before printing, prepare a link with query parameters.

How to use it

  1. Pick the payload with the «🔗 Link», «📶 Wi-Fi» or «📧 Email» button, then type into the content box; its placeholder is still written in Russian.
  2. Set «Error correction» to «High (25%)» or «Max (30%)» whenever a logo or a photo will cover part of the matrix.
  3. Choose the module colour in «Code colour» and the plate colour in «QR background colour», then pick one of six finder shapes under «Corner shape».
  4. Upload artwork through «Centre logo», «Backdrop» and «Corner icon», and balance it with the «QR scale» slider.
  5. Press «REFRESH THE QR CODE» to redraw, then scan the preview with a phone from about an arm's length before you commit to it.
  6. Save the artwork with «Download PNG», or send it to the clipboard with «Copy».

FAQ

Which error-correction level should I use if a logo sits in the middle?

Choose «High (25%)» or «Max (30%)». The level sets how much of the matrix can be damaged or hidden before the data is unrecoverable, and a centre logo hides exactly that kind of area. At 7% even a modest logo breaks scanning. The trade-off is density: higher correction adds modules, so the printed code needs a little more space.

Can I export the QR code as SVG or PDF for a print shop?

No. The code is rendered to a canvas and the only export button produces a PNG bitmap. Make the code large on screen before you download so the raster has enough pixels for print. If your printer insists on vector artwork, the PNG has to be traced by a designer, or the code rebuilt in a vector editor. Better to say that plainly than to promise a format the tool does not produce.

My QR code has a background photo and nothing will scan it. Why?

Scanners need contrast between the dark modules and whatever is behind them, and a busy photo destroys it. Three fixes usually work together: raise error correction to 30%, give the code a solid light plate colour instead of letting the photo show through, and push the scale slider up so the code occupies more of the frame.

How big should a QR code be on a business card or a window sticker?

A working rule is that the code's side should be roughly one tenth of the scanning distance. A card held at 25-30 cm reads fine at 2-2.5 cm. A sticker scanned from across a pavement, say 1.5 m, needs 15 cm or more. Always keep the quiet zone — four modules of blank margin — or scanners struggle to find the code at all.

How do I make a Wi-Fi QR code guests can join without typing a password?

Switch to Wi-Fi mode and fill in the network name, security type and password; the tool assembles the standard WIFI:S:name;T:WPA;P:password;; string. iOS and Android cameras recognise it and offer a one-tap join. Remember the password is stored in the code as plain text, so this belongs on a guest network, not your main corporate SSID.

Does the link or password I enter get sent anywhere?

No. The matrix is computed by the qrcodejs library loaded from a CDN, and every drawing step happens on a canvas inside your tab. What you type is never transmitted to us or logged. Close the tab and the field empties with it. One consequence worth knowing: the URL is baked into the image, so changing the destination later means generating a new code.

Does the generator work on a phone or tablet?

Yes. The layout adapts to narrow screens and the logo and background pickers open the normal file chooser, so you can pull an image straight from the camera roll. The one rough edge is the sliders — scale and corner radius are fiddlier with a fingertip than with a mouse. Testing is easy though: print the result and scan it with a second phone.

Examples

Table tent linking to a restaurant menu
Before: Link mode, https://cafe.example.com/menu, error correction «Max (30%)», centre logo uploaded
After: PNG with the venue mark in the middle; the 30% redundancy covers the area the logo hides
Guest Wi-Fi card at reception
Before: Wi-Fi mode, SSID CafeGuest, WPA security, password latte2026
After: WIFI:S:CafeGuest;T:WPA;P:latte2026;; — phones join the network without anyone typing the password
Brand-coloured promo sticker
Before: Module colour #1B3A6B, plate colour #F5F0E6, rounded-square finder patterns, scale 0.8
After: Navy modules on a sand plate: contrast stays high enough that cameras read it as reliably as plain black on white