QR-код стал универсальным способом передать ссылку, текст или настройки с экрана на телефон. Но не каждый генератор даёт то, что нужно: один не умеет в SVG для печати, другой ставит слишком низкий уровень коррекции, третий ведёт через редирект и перестаёт работать, когда сервис закрывается. Генератор QR-кодов создаёт код для ссылки, текста, контакта или настроек Wi-Fi, позволяет выбрать уровень коррекции, размер и цвета и скачать картинку в PNG или векторный SVG для печати. Код создаётся в браузере.
В этой статье разберём, как работает коррекция ошибок, какой уровень выбрать, чем PNG отличается от SVG, как сделать код для Wi-Fi и почему код не перестанет работать со временем.
Что умеет генератор
Генератор QR-кодов принимает ссылку или текст и создаёт QR-код по заданным параметрам.
| Параметр | Что делает |
|---|---|
| Ссылка или текст | Содержимое кода |
| Коррекция ошибок | Уровень восстановления: L, M, Q, H |
| Пикселей на модуль | Размер кода в пикселях |
| Цвет кода | Цвет модулей |
| Цвет фона | Цвет подложки |
| Создать QR-код | Генерирует код |
| Скачать PNG / SVG | Сохраняет результат в растровом или векторном формате |
Всё выполняется в браузере: введённые данные никуда не отправляются.
Пример QR-кода с простым текстом
Уровни коррекции ошибок
QR-код устроен так, что часть данных можно повредить, и он всё равно прочитается. Уровень коррекции определяет, сколько данных можно восстановить.
| Уровень | Восстановление | Когда использовать |
|---|---|---|
| L | ~7% | Чистые условия, максимальная плотность данных |
| M | ~15% | Большинство случаев, значение по умолчанию |
| Q | ~25% | Небольшие повреждения, наклейки |
| H | ~30% | Логотип в центре, печать на неровных поверхностях, риск повреждения |
Чем выше уровень, тем больше данных дублируется и тем плотнее код при том же содержимом. Для ссылки на визитке или экране хватает M. Для печати на упаковке, где код может поцарапаться, или для кода с логотипом — H.
PNG или SVG: что выбрать
Два формата для разных задач.
| Формат | Тип | Когда использовать |
|---|---|---|
| PNG | Растровый | Экран, сайт, соцсети, быстрая вставка |
| SVG | Векторный | Печать, масштабирование без потери качества |
PNG — растровая картинка. Хорош для экрана и веба. При увеличении теряет чёткость, поэтому для печати большого кода не подходит.
SVG — векторный формат. Масштабируется без потери качества, идеален для печати: визитки, плакаты, упаковка. Если код будет печататься, выбирайте SVG.
Цвета: почему контраст важнее красоты
QR-код читается за счёт контраста между модулями и фоном. Если сделать светлые модули на тёмном фоне или близкие оттенки, многие сканеры код не прочитают.
Правила:
| Правило | Почему |
|---|---|
| Модули заметно темнее фона | Сканеры ищут тёмные модули на светлом фоне |
| Не инвертировать | Светлый код на тёмном фоне читается хуже, а некоторые сканеры не читают вовсе |
| Достаточный контраст | Близкие оттенки сливаются |
| Не пёстрый фон | Пёстрый фон мешает распознаванию |
Цвета можно менять, но модули должны быть заметно темнее фона — иначе многие сканеры код не прочитают.
QR-код для Wi-Fi
Один из самых практичных сценариев: гость сканирует код и подключается к сети без ввода пароля.
Строка для Wi-Fi имеет вид: WIFI:T:WPA;S:ИмяСети;P:Пароль;;
| Часть | Что означает |
|---|---|
T:WPA |
Тип защиты (WPA, WEP, nopass) |
S:ИмяСети |
Название сети (SSID) |
P:Пароль |
Пароль |
;; |
Завершение строки |
Введите эту строку как содержимое кода — телефон предложит подключиться к сети. Для открытой сети без пароля используйте T:nopass.
Код перестанет работать со временем?
Нет. Данные записаны в самом коде, он не зависит от сайта и не ведёт через посредников. Это важное отличие от сервисов, которые создают короткую ссылку и перенаправляют через свой сервер: если сервис закроется, код перестанет работать. Здесь содержимое зашито в код, и он будет работать, пока его можно прочитать.
Зачем генерировать QR-коды
| Задача | Что даёт генератор |
|---|---|
| Ссылка на сайт | Быстрый переход с экрана на телефон |
| Wi-Fi для гостей | Подключение без ввода пароля |
| Визитка | Контактные данные в одном коде |
| Текст или инструкция | Передача текста без набора вручную |
| Печать | SVG для визиток, плакатов, упаковки |
| Логотип в коде | Уровень H для дизайна с логотипом |
Ограничения инструмента
- Одно содержимое за раз. Инструмент создаёт один код за запуск.
- Цвета влияют на читаемость. Слишком светлые модули или близкий фон ломают распознавание.
- Высокий уровень коррекции делает код плотнее. При том же содержимом код будет denser, и его сложнее сканировать с расстояния.
- Не заменяет дизайн. Для сложного оформления с логотипом и графикой нужен дизайнер и проверка сканирования.
Как пользоваться: пошагово
- Введите ссылку или текст.
- Выберите уровень коррекции: чем выше, тем лучше код читается при повреждениях, но тем он плотнее. Для большинства случаев — M, для логотипа или риска повреждения — H.
- Настройте размер и цвета. Модули должны быть заметно темнее фона.
- Нажмите «Создать QR-код» и скачайте PNG или SVG.
Типичные ошибки
Инвертировать цвета. Светлый код на тёмном фоне читается хуже, а некоторые сканеры не читают вовсе.
Брать низкий уровень коррекции для печати. Если код повредится, он не прочитается. Для печати — M или H.
Печатать PNG большого размера. Растровая картинка при увеличении теряет чёткость. Для печати — SVG.
Использовать сервис с редиректом. Если код ведёт через посредника, при закрытии сервиса он перестанет работать. Здесь данные зашиты в код.
Делать слишком плотный код для сканирования с расстояния. Высокий уровень коррекции увеличивает плотность. Для плаката, который сканируют издалека, лучше ниже уровень и крупнее модули.
Забывать про контраст. Красивые близкие оттенки могут сделать код нечитаемым.
Вопросы и ответы
Код перестанет работать со временем? Нет. Данные записаны в самом коде, он не зависит от сайта и не ведёт через посредников.
Какой уровень коррекции выбрать? M подходит для большинства случаев. H — если на код будут наносить логотип или он может повредиться.
Как сделать код для Wi-Fi? Введите строку вида WIFI:T:WPA;S:ИмяСети;P:Пароль;; — телефон предложит подключиться.
Можно ли менять цвета? Да, но модули должны быть заметно темнее фона, иначе многие сканеры код не прочитают.
Чем PNG отличается от SVG? PNG — растровый формат для экрана, SVG — векторный для печати и масштабирования без потери качества.
Почему код с высоким уровнем коррекции плотнее? Высокий уровень дублирует больше данных, поэтому при том же содержимом код становится плотнее.
Итог
Генератор QR-кодов — инструмент для создания QR-кода для ссылки, текста, контакта или настроек Wi-Fi. Он позволяет выбрать уровень коррекции, размер и цвета и скачать картинку в PNG или векторный SVG для печати, а код создаётся в браузере и не зависит от сторонних сервисов. Выбирайте M для большинства случаев, H — для логотипа или риска повреждения, следите за контрастом и используйте SVG для печати — и код будет читаться там, где это нужно.