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

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-зображення: навіщо потрібні картинки-заглушки в розробці

Чому верстальники навмисно вставляють сірі прямокутники замість реальних фотографій на етапі розробки.