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

Создавайте штрихкоды Code 128, EAN, UPC, QR и других форматов.

Открыть инструмент Назад к инструментам
// about

Об этом инструменте

Создавайте изображение штрихкода из текста, номеров товаров, URL или идентификаторов. Выберите символику и задайте точные размеры изображения перед скачиванием.

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

  1. Введите значение для кодирования и выберите формат штрихкода.
  2. Задайте ширину и высоту в пикселях и нажмите «Создать штрихкод».
  3. Просмотрите штрихкод и скачайте файл изображения.

Зачем используют этот инструмент

  • Поддерживает распространённые форматы для розницы, логистики, разработки, а также двумерные коды.
  • Свои ширина и высота подойдут для этикеток, документов и экранов.
  • Готовое изображение можно скачать сразу, без регистрации.
Руководства · QR и штрихкоды · 7 мин чтения

QR-коды, которые сканируются: уровни коррекции ошибок, размер печати и штрихкоды

QR-коды есть на листовках, визитках, в меню и на упаковке, но напечатанные коды, которые телефоны читают с трудом, встречаются на удивление часто. Вот как сделать коды, которые сканируются с первого раза.

QR-код был разработан в 1994 году японской компанией Denso Wave для учёта автозапчастей и стандартизирован как ISO/IEC 18004. Три больших квадрата в углах (поисковые узоры) позволяют сканерам быстро считывать код под любым углом.

Как устроены QR-коды, уровень коррекции (L, M, Q, H), размер печати и зона тишины, почему коды не читаются и чем QR отличается от штрихкодов.
Читать →
Сделать с ИИ

Создайте этот инструмент сами с помощью ИИ

Нужна своя версия? Скопируйте промпт в чат с ИИ или сохраните файл навыка для ИИ-агента. В них описаны функции, особые случаи и тесты, которые мы использовали.

Промпт и навык даны на английском — ИИ-инструменты хорошо его понимают.

Промпт-задание для ИИ

Вставьте как есть в Claude, ChatGPT или Gemini.

You are an experienced full-stack web developer. Build a web tool called "Генератор штрихкодов" that meets the requirements below.

## Goal

Build a tool that renders linear barcodes such as Code 128 and EAN-13 at a chosen size.

## Core features

- Formats: Code 128, EAN-13, UPC-A, Code 39
- Width and height in pixels
- Optional human-readable text below
- Download SVG/PNG
- Automatic EAN-13 check digit

## Inputs

- Value to encode
- Format, width, height

## Outputs

- Barcode image
- Final value including check digit

## Edge cases and handling rules

- Validate allowed characters and lengths per format (EAN-13: 12–13 digits)
- Error when a supplied check digit is wrong
- Output exactly the requested dimensions
- Note that retail EAN numbers must be issued by GS1

## Implementation requirements

- Build it as a single page (HTML, CSS, JavaScript) that runs entirely in the browser, and never send the user's input to a server.
- Make the UI responsive and easy to use on mobile; label every input and keep everything keyboard accessible.
- Add a Copy button for results and show clear, friendly error messages for invalid input.
- Keep the core logic in functions separate from the UI so it can be unit-tested.

## Definition of done (test cases)

- Code 128 '123456789012' at 500×160 gives an SVG with width=500 and height=160
- Check digit is computed for EAN-13 '880123456789'
- Invalid characters raise an error

First outline your implementation plan in at most five lines, then write the complete code, and finally explain how to check the test cases above.

Навык (SKILL.md)

Сохраните как .claude/skills/build-barcode-generator/SKILL.md, чтобы агенты вроде Claude Code использовали его при каждой доработке инструмента.

---
name: build-barcode-generator
description: Use when building or changing a Генератор штрихкодов tool. Build a tool that renders linear barcodes such as Code 128 and EAN-13 at a chosen size.
---

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

## Goal

Build a tool that renders linear barcodes such as Code 128 and EAN-13 at a chosen size.

## Workflow

1. Review the required features, inputs and outputs below and ask about anything missing first.
2. Implement the core logic as pure functions separate from the UI.
3. Check the logic against the test cases in the verification list.
4. Build a responsive UI with an input form, a result area and a Copy button.
5. Reproduce each edge case listed under Rules and refine the error messages.

## Core features

- Formats: Code 128, EAN-13, UPC-A, Code 39
- Width and height in pixels
- Optional human-readable text below
- Download SVG/PNG
- Automatic EAN-13 check digit

## Inputs

- Value to encode
- Format, width, height

## Outputs

- Barcode image
- Final value including check digit

## Rules

- Validate allowed characters and lengths per format (EAN-13: 12–13 digits)
- Error when a supplied check digit is wrong
- Output exactly the requested dimensions
- Note that retail EAN numbers must be issued by GS1
- Build it as a single page (HTML, CSS, JavaScript) that runs entirely in the browser, and never send the user's input to a server.

## Verification

- [ ] Code 128 '123456789012' at 500×160 gives an SVG with width=500 and height=160
- [ ] Check digit is computed for EAN-13 '880123456789'
- [ ] Invalid characters raise an error

Советы по работе с ИИ

  • Укажите стек (React, Vue или чистый HTML) в первой строке, чтобы код подошёл к проекту.
  • Попросите ИИ выполнить перечисленные тесты и показать результаты до принятия кода.
  • Не вставляйте настоящие пароли, данные клиентов и API-ключи; используйте примеры.