Генератор штрихкодов

Штрихкод — это просто число, которое сканер читает быстро

Одномерный штрихкод — это ряд чёрных полос и белых промежутков, кодирующий короткую строку, обычно номер товара, SKU или ID актива. Лазерный или камерный сканер читает ширины полос и превращает их обратно в текст куда быстрее и точнее, чем кто-либо, набирающий вручную. Вы видите их на розничной упаковке, складских полках, библиотечных книгах, транспортных коробах, пробирках с образцами крови и наклейке на нижней стороне вашего офисного ноутбука. Этот инструмент рисует такие коды в вашем браузере с помощью JsBarcode — библиотеки под лицензией MIT — и поддерживает форматы, которые действительно важны на практике: CODE128, EAN-13, EAN-8, UPC-A, CODE39, ITF-14, MSI, Pharmacode и Codabar.

Единственное решение, на котором люди спотыкаются, — какой формат использовать, и оно сводится к развилке. Если штрихкод для вашего собственного применения — инвентарь, метки активов, внутренний учёт, полочный ярлык в вашем же складе, — вам нужен CODE128. Он кодирует любые буквы и цифры, упаковывает их плотно, и его читает каждый сканер. Если же штрихкод должен сканироваться на настоящей розничной кассе где-нибудь в мире, вам нужен EAN-13, EAN-8 или UPC-A — и вот честная часть: это официальные розничные номера GS1. Сам номер должен быть зарегистрирован на вас (или вашего производителя) через GS1. Этот инструмент с радостью отрисует любые 13 цифр в правдоподобный EAN-13, но выдуманный номер — не легитимный розничный код; система магазина может его отклонить или, хуже, он столкнётся с чужим товаром. Рисуйте выдуманные EAN для макетов и тестов, а не для полки. Для всего внутреннего CODE128 обходит весь вопрос регистрации.

Инструмент проверяет по ходу ввода. У строгих форматов есть правила — EAN-13 нужно ровно 12 цифр плюс контрольная цифра, у UPC-A своя длина, — и если вы дадите недопустимое значение, он немедленно отметит проблему сообщением вместо экспорта сломанного изображения. Это намеренно: штрихкод, который выглядит нормально, но не сканируется, хуже очевидной ошибки.

Как заставить его действительно сканироваться

Две настройки решают, прочитает ли сканер ваш код с первого прохода. Ширина полосы (ширина модуля) — это толщина самой узкой полосы; сделаете слишком тонкой, и принтер или экран смажут полосы вместе. Высота полосы просто должна быть достаточной, чтобы сканер поймал чистую линию поперёк неё. Третье вообще не настройка — это зона тишины, пустое поле слева и справа от кода. Сканерам нужно это пустое пространство, чтобы найти, где штрихкод начинается и заканчивается, так что никогда не обрезайте вплотную к полосам и не вставляйте их на пёстрый фон. Держите и сильный контраст: тёмные полосы на светлом фоне. Здесь можно задать цвета переднего плана и фона, но очень светлые полосы или тёмные фоны — частая причина, по которой коды не читаются. Оставьте читаемую человеком текстовую подпись, если нет причины её скрыть, — она позволяет человеку ввести номер вручную, когда скан не удаётся.

Почему SVG и почему локально

Экспортируйте в PNG, когда нужно быстрое растровое изображение. Экспортируйте в SVG, когда штрихкод пойдёт в печать. SVG векторный, так что полосы остаются идеально чёткими в любом размере и при любом DPI — можно вставить его в шаблон этикетки, лист наклеек Avery или дизайн упаковки, и он печатается резко вместо пикселизации. Для реальных тиражей этикеток стоит использовать SVG.

Всё происходит на вашей машине. Ваши SKU товаров, номера активов и коды партий — это бизнес-данные, и здесь они никогда не покидают браузер — без загрузки, без аккаунта, и страница продолжает работать офлайн, как только загружена. Множество онлайн-генераторов штрихкодов запирают CODE128 или экспорт SVG за регистрацией или платной стеной либо ставят водяной знак на вывод; этот — нет. Два честных предела: он делает только одномерные штрихкоды — для QR и других двумерных кодов используйте инструмент QR — и рисует по одному штрихкоду за раз, а не печатные листы или рулоны этикеток.