Générateur de code QR

Convertissez du texte, des URL et des coordonnées en codes QR PNG instantanément.

Ouvrir l’outil Retour aux outils
// about

À propos de cet outil

Créez des images de code QR pour vos URL web ou textes. Tout le monde peut scanner votre code avec un smartphone pour ouvrir le lien instantanément.

Comment l’utiliser

  1. Tapez votre lien web ou votre texte.
  2. Choisissez la taille et le niveau de correction.
  3. Cliquez sur 'Générer' et téléchargez votre code QR.

Pourquoi utiliser cet outil

  • Transforme les liens web en images scannables pour vos cartes ou affiches.
  • Ajustez facilement la taille et le niveau de correction d'erreur.
  • Téléchargez gratuitement des images PNG haute résolution.

Foire Aux Questions (FAQ)

Les codes QR générés expirent-ils ?

Non, ils sont permanents et n'expirent jamais.

Quelle taille pour l'impression ?

Une taille d'au moins 300x300 pixels est idéale pour les cartes de visite.

Est-ce compatible avec tous les smartphones ?

Oui, les appareils photo iPhone et Android les scannent automatiquement.

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 QR" that meets the requirements below.

## Goal

Build a tool that creates print-ready QR codes from text, URLs, Wi-Fi details and more.

## Core features

- Types: URL, text, Wi-Fi, contact (vCard)
- Error correction level L/M/Q/H
- Size, quiet zone and colour settings
- Download PNG and SVG
- Optional centre logo (level H recommended)

## Inputs

- Content and type
- Error level, size, colours, logo

## Outputs

- QR preview
- PNG/SVG files

## Edge cases and handling rules

- Warn about low contrast between modules and background
- Explain capacity errors and how to shorten content
- Escape special characters (; ,) in Wi-Fi strings
- Warn when the quiet zone is under four modules

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

- 'https://example.com' decodes back to the same text with a scanner library
- Level H uses at least as many modules as level L
- SVG stays sharp when scaled

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-qr-code-generator/SKILL.md pour qu'un agent comme Claude Code le réutilise à chaque modification de l'outil.

---
name: build-qr-code-generator
description: Use when building or changing a Générateur de codes QR tool. Build a tool that creates print-ready QR codes from text, URLs, Wi-Fi details and more.
---

# Build: Générateur de codes QR

## Goal

Build a tool that creates print-ready QR codes from text, URLs, Wi-Fi details and more.

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

- Types: URL, text, Wi-Fi, contact (vCard)
- Error correction level L/M/Q/H
- Size, quiet zone and colour settings
- Download PNG and SVG
- Optional centre logo (level H recommended)

## Inputs

- Content and type
- Error level, size, colours, logo

## Outputs

- QR preview
- PNG/SVG files

## Rules

- Warn about low contrast between modules and background
- Explain capacity errors and how to shorten content
- Escape special characters (; ,) in Wi-Fi strings
- Warn when the quiet zone is under four modules
- 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

- [ ] 'https://example.com' decodes back to the same text with a scanner library
- [ ] Level H uses at least as many modules as level L
- [ ] SVG stays sharp when scaled

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.