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

QR Code Generator / Reader

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

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

A QR code is a two-dimensional barcode that encodes text, a URL, or other data so a camera can read it instantly. This tool generates a QR code from text you type and, the other way around, reads the content out of an uploaded image — all in the browser.

How to use it

Common uses

Things to keep in mind

A higher error-correction level (H instead of L) makes the code more resistant to damage but also denser — it holds less data at the same physical size.

A QR code doesn't hide its content — anyone can read it the same way you did, so never encode passwords or private data in one.

Статья об этом инструменте: 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-изображения: зачем нужны картинки-заглушки в разработке

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