Веб-разработка

QR Code Generator / Reader

Сгенерировать QR-код из текста или URL, либо считать содержимое с загруженного изображения.

Здесь появится QR-код.

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

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

Типичные сценарии

Что стоит помнить

Более высокий уровень коррекции ошибок (H вместо L) делает код устойчивее к повреждениям, но одновременно плотнее — вмещает меньше данных при том же размере.

QR-код не скрывает содержимое — его может считать кто угодно тем же способом, поэтому не кодируйте туда пароли или приватные данные.

Статья об этом инструменте: QR-коды: как в квадрате из пикселей помещается ссылка

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

Что меняет уровень коррекции ошибок (L/M/Q/H)?

Более высокие уровни, вплоть до H примерно на 30%, сохраняют QR-код читаемым, даже если часть его повреждена или закрыта, но они также уменьшают, сколько данных помещается при заданном размере — L примерно на 7% вмещает больше всего данных, но переносит меньше всего повреждений.

Почему не удаётся считать моё изображение QR-кода?

Считывание использует библиотеку jsqr для декодирования изображения локально; оно может не сработать на размытых, под углом или с бликами фото, поэтому чёткое прямое фото с хорошим контрастом работает лучше всего.

Загружаются ли мои данные или изображение куда-либо?

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

Почему объём данных, который вмещает QR-код, зависит от типа содержимого?

QR-код поддерживает несколько режимов кодирования — числовой, буквенно-цифровой и байтовый — и каждый использует разное количество бит на символ; числовой режим (только цифры) самый компактный, тогда как байтовый режим для произвольного текста (например кириллицы) занимает больше всего места, поэтому вмещает меньше символов в код того же размера.

Какое максимальное количество символов вмещает QR-код?

Зависит от версии кода и уровня коррекции ошибок — самая большая версия (40) с самым низким уровнем коррекции L вмещает до 7089 цифр или 4296 буквенно-цифровых символов, но на практике для надёжного сканирования редко используют больше нескольких сотен символов.

Статьи: Веб-разработка

HEX, RGB, HSL: почему для цвета существует столько записей

Почему дизайнеры часто выбирают HSL вместо HEX, когда нужно подобрать оттенок цвета вручную.

Минификация CSS: что именно удаляется из файла и зачем

Почему минифицированный CSS работает точно так же в браузере, хотя и становится нечитаемым для человека.

Минификация JavaScript: разница между минификацией и обфускацией

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

Минификация HTML: почему пробелы в разметке вообще имеют значение

Почему удаление пробелов в <pre> или textarea может сломать вид страницы, в отличие от других мест.

CSS-градиенты: чем linear отличается от radial и conic

Почему conic-gradient подходит для круговых диаграмм, а radial — для эффекта светового пятна.

Алгоритм Луна: как номер карты проверяют на корректность

Почему валидный по алгоритму Луна номер карты не означает, что такая карта реально существует.

IBAN: как устроен международный номер банковского счёта

Почему первые две буквы в IBAN — это код страны, а не часть номера счёта.

Штрихкоды: чем Code 128 отличается от EAN-13

Почему на товарах в магазинах почти всегда EAN-13, а не Code 128.

Placeholder-изображения: зачем нужны картинки-заглушки в разработке

Почему верстальщики намеренно вставляют серые прямоугольники вместо реальных фотографий на этапе разработки.