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

Мгновенно превращает текст, URL и контактные данные в PNG QR-коды.

Открыть инструмент Назад к инструментам
// about

Об этом инструменте

Создает изображения QR-кодов для веб-ссылок и текста. Каждый может отсканировать QR-код камерой смартфона и мгновенно перейти по ссылке.

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

  1. Введите ссылку или текст сообщения.
  2. Выберите размер изображения и уровень коррекции.
  3. Нажмите 'Сгенерировать' и скачайте ваш QR-код.

Зачем используют этот инструмент

  • Превращает ссылки в удобные изображения для визиток и плакатов.
  • Легкая настройка размера и уровня коррекции ошибок.
  • Бесплатное скачивание четких PNG-картинок высокого качества.

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

Имеют ли созданные QR-коды срок годности?

Нет, статические QR-коды бессрочны и работают всегда.

Какой размер выбрать для печати?

Для визиток и листовок лучше всего подходит размер от 300x300 пикселей.

Любой ли смартфон может их отсканировать?

Да, стандартные камеры всех современных моделей iPhone и Android.

Руководства · QR и штрихкоды · 7 мин чтения

QR-коды, которые сканируются: уровни коррекции ошибок, размер печати и штрихкоды

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

QR-код был разработан в 1994 году японской компанией Denso Wave для учёта автозапчастей и стандартизирован как ISO/IEC 18004. Три больших квадрата в углах (поисковые узоры) позволяют сканерам быстро считывать код под любым углом.

Как устроены QR-коды, уровень коррекции (L, M, Q, H), размер печати и зона тишины, почему коды не читаются и чем QR отличается от штрихкодов.
Читать →
Сделать с ИИ

Создайте этот инструмент сами с помощью ИИ

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

Промпт и навык даны на английском — ИИ-инструменты хорошо его понимают.

Промпт-задание для ИИ

Вставьте как есть в Claude, ChatGPT или Gemini.

You are an experienced full-stack web developer. Build a web tool called "Генератор QR-кодов" that meets the requirements below.

## Goal

Build a tool that creates print-ready QR codes from text, URLs, Wi-Fi details and more.

## Core features

- Types: URL, text, Wi-Fi, contact (vCard)
- Error correction level L/M/Q/H
- Size, quiet zone and colour settings
- Download PNG and SVG
- Optional centre logo (level H recommended)

## Inputs

- Content and type
- Error level, size, colours, logo

## Outputs

- QR preview
- PNG/SVG files

## Edge cases and handling rules

- Warn about low contrast between modules and background
- Explain capacity errors and how to shorten content
- Escape special characters (; ,) in Wi-Fi strings
- Warn when the quiet zone is under four modules

## Implementation requirements

- Build it as a single page (HTML, CSS, JavaScript) that runs entirely in the browser, and never send the user's input to a server.
- Make the UI responsive and easy to use on mobile; label every input and keep everything keyboard accessible.
- Add a Copy button for results and show clear, friendly error messages for invalid input.
- Keep the core logic in functions separate from the UI so it can be unit-tested.

## Definition of done (test cases)

- 'https://example.com' decodes back to the same text with a scanner library
- Level H uses at least as many modules as level L
- SVG stays sharp when scaled

First outline your implementation plan in at most five lines, then write the complete code, and finally explain how to check the test cases above.

Навык (SKILL.md)

Сохраните как .claude/skills/build-qr-code-generator/SKILL.md, чтобы агенты вроде Claude Code использовали его при каждой доработке инструмента.

---
name: build-qr-code-generator
description: Use when building or changing a Генератор QR-кодов tool. Build a tool that creates print-ready QR codes from text, URLs, Wi-Fi details and more.
---

# Build: Генератор QR-кодов

## Goal

Build a tool that creates print-ready QR codes from text, URLs, Wi-Fi details and more.

## Workflow

1. Review the required features, inputs and outputs below and ask about anything missing first.
2. Implement the core logic as pure functions separate from the UI.
3. Check the logic against the test cases in the verification list.
4. Build a responsive UI with an input form, a result area and a Copy button.
5. Reproduce each edge case listed under Rules and refine the error messages.

## Core features

- Types: URL, text, Wi-Fi, contact (vCard)
- Error correction level L/M/Q/H
- Size, quiet zone and colour settings
- Download PNG and SVG
- Optional centre logo (level H recommended)

## Inputs

- Content and type
- Error level, size, colours, logo

## Outputs

- QR preview
- PNG/SVG files

## Rules

- Warn about low contrast between modules and background
- Explain capacity errors and how to shorten content
- Escape special characters (; ,) in Wi-Fi strings
- Warn when the quiet zone is under four modules
- Build it as a single page (HTML, CSS, JavaScript) that runs entirely in the browser, and never send the user's input to a server.

## Verification

- [ ] 'https://example.com' decodes back to the same text with a scanner library
- [ ] Level H uses at least as many modules as level L
- [ ] SVG stays sharp when scaled

Советы по работе с ИИ

  • Укажите стек (React, Vue или чистый HTML) в первой строке, чтобы код подошёл к проекту.
  • Попросите ИИ выполнить перечисленные тесты и показать результаты до принятия кода.
  • Не вставляйте настоящие пароли, данные клиентов и API-ключи; используйте примеры.