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

Как сделать QR-код из ссылки

1. 1

   Вставьте ссылку

   Введите или вставьте любую ссылку — с https://, http:// или диплинк — в поле ввода. Предпросмотр QR-кода обновляется автоматически по мере ввода.

2. 2

   Выберите размер и коррекцию ошибок

   Выберите 128 px для небольших экранов, 256 px для универсальной печати и сайта, 512 px для печати среднего формата или 1024 и 2048 px для крупной печати — плакатов и баннеров. Чем больше размер, тем надёжнее код считывается с расстояния. Для большинства ссылок достаточно уровня коррекции M; при добавлении логотипа уровень сам переключается на H.

3. 3

   Настройте оформление (необязательно)

   Задайте цвет кода и фона или включите прозрачный фон. При желании добавьте логотип в центр и подберите его размер, белую подложку и скруглённые углы. Следите за предупреждением о контрасте; кнопка «Вернуть чёрно-белый» восстановит вид по умолчанию.

4. 4

   Проверьте QR-код

   QR-код сразу отрисовывается на элементе canvas с помощью библиотеки qrcode — без запросов к серверу. Наведите камеру телефона на предпросмотр, чтобы убедиться, что код считывается, прежде чем скачивать его.

5. 5

   Скачайте PNG или SVG

   Нажмите «Скачать PNG», чтобы сохранить QR-код выбранного размера в файл qr-code.png, или «Скачать SVG» — чтобы получить векторный qr-code.svg, который можно увеличивать для печати без потери чёткости. Цвета, прозрачность и логотип попадают в оба файла; в SVG-файле логотип хранится как встроенная растровая картинка. Изображение подходит для документов, веб-страниц и печатных материалов.

Частые вопросы о генераторе QR-кода

Как сделать QR-код по ссылке бесплатно?

Вставьте ссылку в поле выше, выберите размер (от 128 до 2048 px) — QR-код сформируется автоматически. Нажмите «Скачать PNG» или «Скачать SVG», чтобы сохранить его. Без регистрации, без срока действия и без водяного знака — бесплатно навсегда.

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

Скопируйте адрес страницы сайта (вместе с https://) и вставьте его в поле ввода. QR-код сразу появится в предпросмотре. Наведите камеру телефона, чтобы убедиться, что код ведёт на нужную страницу, затем скачайте PNG и разместите его на визитке, в презентации или на печатной рекламе.

Можно ли создать QR-код для Wi-Fi или оплаты?

Этот инструмент рассчитан на ссылки (URL). Технически QR-код может кодировать и другие данные — параметры Wi-Fi (WIFI:S:сеть;T:WPA;P:пароль;;) или ссылку на оплату, — но для платежей и подключения к Wi-Fi надёжнее вставлять готовую платёжную ссылку или строку Wi-Fi.

Какой размер QR-кода выбрать?

128 px подойдёт для небольших экранов и быстрой проверки. 256 px — универсальный вариант для сайта, презентации и листовок формата A4. 512 px подойдёт для печати среднего формата, а для больших форматов (плакаты, баннеры) берите 2048 px или SVG, который масштабируется без потери чёткости, — так код уверенно считывается с расстояния.

Отправляется ли моя ссылка на сервер?

Нет. QR-код создаётся полностью в вашем браузере с помощью JavaScript-библиотеки qrcode. Ссылка никуда не передаётся, поэтому инструмент безопасен даже для внутренних и приватных адресов.

Истекает ли срок действия QR-кода?

Нет. Ссылка кодируется прямо в рисунке QR-кода — здесь нет внешнего редиректа или сервиса отслеживания. Пока сама ссылка остаётся рабочей, QR-код будет действовать без ограничения по времени.

Можно ли создать QR-код с логотипом, своим цветом или без фона?

Да. Цвет кода и фона выбирается в палитре или вводится HEX-кодом, например #1d4ed8, а галочка «Прозрачный фон» даёт PNG без заливки под модулями (в SVG фон тоже не рисуется). Логотип в формате PNG, JPG, WebP, GIF или SVG ставится в центр предпросмотра и обоих скачиваемых файлов; уровень коррекции при этом сам переключается на H, а ползунок размера останавливается на площади, которую H безопасно компенсирует для вашей ссылки, — не больше 27% ширины кода. Если с логотипом понизить уровень, появится предупреждение. Держите контраст не ниже 3:1: тёмный код на светлом фоне читается надёжнее всего. Перед печатью обязательно проверьте готовый файл сканированием.

Источники

• ISO/IEC 18004 — стандарт QR-кода

  Международный стандарт, который описывает символику QR-кода: режимы кодирования данных, уровни коррекции ошибок и структуру модулей.

• MDN — Canvas API

  Браузерный API, который используется для отрисовки QR-кода в растровое изображение и позволяет создавать код прямо в браузере, без обращения к серверу.

• node-qrcode (библиотека генерации)

  Открытая JavaScript-библиотека, которой пользуется этот инструмент для кодирования ссылок и отрисовки QR-кода на элементе canvas.

• W3C — Разбор WCAG 2.1: контраст нетекстового контента

  Определяет коэффициент контраста на основе относительной яркости и минимум 3:1 для графики; предупреждение о цветах в этом инструменте срабатывает именно по этому порогу.

Похожие инструменты для разработчиков