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

Barcode Generator

Згенерувати лінійний штрих-код (CODE128, EAN-13, UPC, CODE39 та інші) із тексту чи цифр.

Лінійний штрих-код кодує дані у вигляді смуг різної ширини, зчитуваних одним лазерним променем сканера. На відміну від QR-коду, більшість форматів обмежені лише цифрами чи ASCII-текстом, зате підтримуються практично будь-яким сканером у роздрібній торгівлі.

Як користуватися

Типові сценарії

Що варто памʼятати

EAN-13 і UPC-A — офіційні стандарти роздрібної торгівлі: для продажу товару в магазинах потрібен реальний, зареєстрований номер GTIN, а не довільно згенерований.

Жоден поширений формат лінійного штрих-коду не підтримує кирилицю чи інші символи Юнікоду напряму — для такого тексту потрібен QR-код.

Стаття про цей інструмент: Штрих-коди: чим Code 128 відрізняється від EAN-13

Часті запитання

Чому пише, що мої дані не відповідають обраному формату?

Кожен формат штрих-коду має власні обмеження — наприклад, EAN-13 вимагає рівно 12 чи 13 цифр, а CODE39 підтримує лише обмежений набір символів — тож дані мають відповідати правилам обраного формату.

Який формат обрати для довільного тексту?

CODE128 підтримує повний набір символів ASCII, включно з літерами, цифрами й символами, тому це найгнучкіший вибір, коли дані не суто числові.

Чи завантажує генерація штрих-коду мої дані?

Ні, зображення штрих-коду рендериться повністю у вашому браузері за допомогою бібліотеки jsbarcode — нічого не надсилається на сервер.

Чим UPC-A відрізняється від EAN-13?

UPC-A — це 12-значний формат, що історично використовується в Північній Америці, тоді як EAN-13 — 13-значний міжнародний стандарт; UPC-A фактично є підмножиною EAN-13 (додавання нуля на початку перетворює його на коректний EAN-13), тому більшість сканерів розпізнають обидва формати без відмінностей.

Чи можна закодувати кирилицю чи інші символи Юнікоду в штрих-коді?

Більшість поширених форматів штрих-кодів, як-от EAN-13 чи UPC-A, підтримують лише цифри, а Code 128 обмежений набором ASCII — жоден з них не підтримує кирилицю чи інші символи Юнікоду напряму, тому для такого тексту потрібен QR-код.

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

HEX, RGB, HSL: чому для кольору існує стільки записів

Чому дизайнери часто обирають HSL замість HEX, коли потрібно підібрати відтінок кольору вручну.

Мінімізація CSS: що саме видаляється з файлу і навіщо

Чому мінімізований CSS однаково працює в браузері, хоч і стає нечитабельним для людини.

Мінімізація JavaScript: різниця між мінімізацією та обфускацією

Чому мінімізований код все ще можна прочитати за бажання, а обфускований — ні.

Мінімізація HTML: чому пробіли в розмітці взагалі мають значення

Чому видалення пробілів у <pre> чи textarea може зламати вигляд сторінки, на відміну від інших місць.

CSS-градієнти: чим linear відрізняється від radial і conic

Чому conic-gradient підходить для кругових діаграм, а radial — для ефекту світлової плями.

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

Чому валідний за алгоритмом Луна номер картки не означає, що така картка реально існує.

IBAN: як влаштований міжнародний номер банківського рахунку

Чому перші дві літери в IBAN — це код країни, а не частина номера рахунку.

QR-коди: як у квадраті з пікселів вміщується посилання

Чому QR-код із логотипом по центру все ще сканується, хоч частина малюнка перекрита.

Placeholder-зображення: навіщо потрібні картинки-заглушки в розробці

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