QR-код для сайта

Готовый код для вставки на страницу: встроенный SVG или PNG, без скриптов и внешних запросов. Скопируйте — и вставьте в HTML, CMS или конструктор. Код работает автономно и не замедляет сайт.

Что кодируем

Ссылка

Обычно кодируют адрес страницы, на которой стоит виджет, страницу акции или профиль в мессенджере.

Внешний вид

Цвет кода

Прозрачный фон

Размер на странице: 180 px Коррекция ошибок Кликабельный: по клику открывается ссылка

Формат кода вставки

SVG (легче и чётче) PNG (совместимее)

SVG — векторный, идеально чёткий на любых экранах и обычно в разы легче. PNG выбирайте, если редактор сайта вырезает SVG-теги (некоторые CMS так делают).

Так виджет будет выглядеть на сайте

Код для вставки

Как вставить QR-код на сайт

Скопируйте код и вставьте его в HTML страницы в том месте, где должен появиться QR-код. В WordPress используйте блок «HTML-код», в Tilda — блок T123 (HTML), в Bitrix — HTML-блок в визуальном редакторе. Код самодостаточен: не подгружает картинки с чужих серверов, не содержит JavaScript и не влияет на скорость загрузки и безопасность сайта.

Виджет включает аккуратную подпись «Создано на QR-Знак» со ссылкой на источник — она помогает вашим посетителям сделать такой же код. Виджет свободно используется на коммерческих сайтах.

Частые вопросы

Код будет запрашивать что-то с вашего сервера?

Нет. QR-код полностью встроен в HTML (вектор SVG или PNG в виде data URI). Даже если qr-znak.ru будет недоступен, виджет на вашем сайте продолжит работать.

Можно ли поменять размер после вставки?

Да: у SVG-варианта измените атрибуты width и height (пропорции сохранятся автоматически), у PNG — атрибут width у тега img. Либо просто сгенерируйте код заново с нужным размером.

Что делать, если CMS вырезает SVG?

Переключитесь на формат PNG — это обычный тег img с встроенной картинкой, его принимает любой редактор. PNG генерируется в двойном разрешении, поэтому остаётся чётким на экранах Retina.

Виджет ссылается на qr-znak.ru — это обязательно?

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