Générateur de codes-barres

Générez des codes Code 128, EAN, UPC, QR et Data Matrix.

Ouvrir l’outil Retour aux outils
// about

À propos de cet outil

Créez une image de code-barres à partir d’un texte, de numéros de produit, d’URL ou d’identifiants. Choisissez une symbologie et réglez les dimensions exactes avant le téléchargement.

Comment l’utiliser

  1. Saisissez la valeur à encoder et choisissez le format de code-barres.
  2. Réglez la largeur et la hauteur en pixels, puis cliquez sur « Générer le code-barres ».
  3. Prévisualisez le code-barres et téléchargez le fichier image.

Pourquoi utiliser cet outil

  • Prend en charge les formats courants du commerce, de la logistique, du développement et les codes 2D.
  • La largeur et la hauteur personnalisées conviennent aux étiquettes, documents et écrans.
  • L’image générée se télécharge immédiatement, sans compte.
Guides · QR et codes-barres · 8 min de lecture

Créer des QR codes qui se scannent : niveaux de correction d'erreur, taille d'impression et codes-barres

Les QR codes sont partout : flyers, cartes de visite, menus, emballages. Pourtant, les codes imprimés que les téléphones peinent à lire sont étonnamment fréquents. Voici comment créer des codes qui se scannent du premier coup.

Le QR code a été mis au point en 1994 par le japonais Denso Wave pour suivre des pièces automobiles, et il est normalisé sous la référence ISO/IEC 18004. Les trois grands carrés dans les coins (motifs de repérage) permettent aux lecteurs de le décoder rapidement sous n'importe quel angle.

Fonctionnement des QR codes, niveau de correction (L, M, Q, H), taille d'impression et zone de silence, échecs de lecture et codes-barres produits.
Lire le guide →
Le créer avec l'IA

Créez cet outil vous-même avec l'IA

Besoin de votre propre version ? Copiez le prompt dans un chat IA ou enregistrez le fichier de skill pour un agent de code IA. Ils décrivent les fonctionnalités, cas limites et tests que nous avons utilisés.

Le prompt et le skill sont fournis en anglais, que les outils d'IA comprennent parfaitement.

Prompt de consigne IA

Collez-le tel quel dans Claude, ChatGPT ou Gemini.

You are an experienced full-stack web developer. Build a web tool called "Générateur de codes-barres" 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 (SKILL.md)

Enregistrez-le sous .claude/skills/build-barcode-generator/SKILL.md pour qu'un agent comme Claude Code le réutilise à chaque modification de l'outil.

---
name: build-barcode-generator
description: Use when building or changing a Générateur de codes-barres tool. Build a tool that renders linear barcodes such as Code 128 and EAN-13 at a chosen size.
---

# Build: Générateur de codes-barres

## 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

Conseils pour travailler avec l'IA

  • Indiquez votre stack (React, Vue, HTML pur…) dès la première ligne pour obtenir un code adapté.
  • Demandez à l'IA d'exécuter les tests listés et d'en montrer les résultats avant d'accepter le code.
  • Ne collez jamais de vrais secrets, données clients ou clés d'API ; utilisez des exemples.