Générateur de QR code stylisé, gratuit
Créez des QR codes personnalisés avec des couleurs, des tailles et des styles de coins. Téléchargez en PNG ou SVG.
À propos des QR codes
Les QR codes (Quick Response) sont des codes-barres 2D qui peuvent être scannés par les smartphones et lecteurs dédiés. Ils encodent du texte, des URL, des informations de contact, des identifiants WiFi et plus encore. Ce générateur crée des QR codes stylisés avec couleurs et tailles personnalisées adaptés au marketing, à l'emballage et à l'usage numérique.
Niveaux de correction d'erreur
- L (7 %) · récupération de base, fonctionne quand le code est majoritairement intact
- M (15 %) · standard, protection équilibrée (recommandé)
- Q (25 %) · récupération élevée pour les codes abîmés
- H (30 %) · récupération maximale pour les codes très abîmés
Questions fréquentes
Puis-je utiliser des couleurs personnalisées dans un QR code ?
Oui ! La plupart des scanners QR modernes gèrent bien les couleurs. Assurez un contraste élevé entre le premier plan et l'arrière-plan pour une lecture fiable. Testez avec vos scanners cibles.
Quelle taille utiliser ?
Les QR codes plus grands se lisent plus rapidement et plus fiablement. Utilisez au moins 100×100 px. Pour l'impression, utilisez 300 px ou plus pour les petites applications imprimées.
PNG ou SVG · quel format est le meilleur ?
Utilisez SVG pour des vecteurs évolutifs (web, mise à l'échelle pour l'impression). Utilisez PNG pour des images matricielles (affichage web, partage rapide). Les deux fonctionnent également bien pour la lecture.
Ce que ce styler fait réellement, et là où va le reste du domaine
Cette page expose un ensemble délibérément restreint de réglages de style : choisissez une couleur de premier plan (sombre), une couleur de fond (claire), une taille de sortie entre 100 et 1000 pixels, et un niveau de correction d'erreur (L / M / Q / H). Elle rend ensuite un QR code standard avec ces réglages, entièrement dans votre navigateur, et propose un téléchargement PNG et SVG. Pas d'intégration de logo, pas de formes de modules arrondies, pas de variantes décoratives des motifs de repérage. Ces fonctions existent dans l'écosystème QR stylisé au sens large et sont décrites ci-dessous, ce sont elles que la plupart des gens cherchent en s'intéressant aux « QR codes stylisés », mais un outil soigneux est honnête sur ce qu'il livre.
Pourquoi le style fonctionne, la marge de correction d'erreurs
Les QR codes utilisent la correction d'erreurs Reed-Solomon (introduite par Irving S. Reed et Gustave Solomon en 1960, le même schéma de codage qui permet à un CD de lire à travers une trace de doigt et à une sonde Voyager d'appeler la maison depuis l'espace interstellaire). Le code est encodé de manière redondante, donc un pourcentage des modules peut manquer ou être mal lu et les données d'origine peuvent quand même être récupérées. Les quatre niveaux normalisés, dans les mots de Denso Wave :
- Niveau L (Low), environ 7% des mots de code peuvent être restaurés.
- Niveau M (Medium), environ 15%. « Le plus souvent sélectionné. »
- Niveau Q (Quartile), environ 25%.
- Niveau H (High), environ 30%.
Recommandation officielle de Denso Wave : « Level Q or H may be selected for factory environment where QR Code get dirty » et « Level L may be selected for clean environment with the large amount of data. » Choisissez le niveau le plus bas qui survive à vos conditions de scan réelles, parce que chaque marche de L à H rend le code plus dense (plus de modules par côté) pour le même payload.
Pour le style, la relation est directe : plus de marge de correction d'erreurs égale plus de liberté visuelle sans casser le scan. Un logo, un module recoloré, une forme de module arrondie, même une teinte douce sur le fond censément clair, chacun consomme une part du budget. Trop en empiler et le décodeur Reed-Solomon du scanner n'a plus de corrections en réserve. La recette pratique que suivent la plupart des générateurs avec style : si vous ajoutez un logo ou tout style « designer », montez au niveau H, et même alors testez sur plusieurs appareils avant d'imprimer en quantité.
Variantes de forme de module/point
Le QR code standard de la spec utilise des modules carrés sans arrondi. Les bibliothèques de style modernes, et l'écosystème QR stylisé au sens large, exposent typiquement un ensemble fixe d'options de forme de module nommées. Le vocabulaire de fait, établi par la bibliothèque qr-code-styling de Denys Kozak et désormais copié par une foule de générateurs :
- square, le défaut, identique au symbole de référence ISO/IEC 18004. Fiabilité de scan maximale.
- rounded, modules carrés à coins arrondis. Légère perte de contraste aux coins mais plus doux visuellement.
- dots, points circulaires sans fusion des modules. Effet « design » le plus marqué, coûte la plus grande marge de décodage.
- classy, modules à un coin arrondi, conçus pour avoir l'allure de chevrons fluides quand les modules sombres adjacents s'alignent.
- classy-rounded, la forme classy avec une courbe plus marquée.
- extra-rounded, carré au rayon de coin maximal, juste avant de devenir circulaire.
La bibliothèque traite les modules adjacents de même couleur comme une masse connectée avant d'appliquer la forme, c'est pourquoi rounded et classy donnent des traits fluides continus plutôt que des modules en îlots. Le scanner lit le centre des modules, donc tant que le contraste centre-à-centre survit, la caméra est satisfaite. Cet outil n'expose actuellement que les modules carrés standard, les autres formes demandent une bibliothèque de rendu différente.
Variantes d'œil / motif de repérage
Chaque QR code a trois « yeux », les grands motifs en cible dans les coins haut-gauche, haut-droit et bas-gauche. Ces motifs de repérage ont un ratio de modules fixe de 1:1:3:1:1, une proportion interne que l'équipe de Masahiro Hara a analysée face aux imprimés de l'époque pour trouver une séquence qui ne survient presque jamais par accident, afin que le scanner puisse les repérer rapidement.
Chaque motif de repérage est en fait fait de deux parties : un carré de coin externe (un anneau de 7×7 modules avec un anneau interne de 5×5 modules de couleur inverse) et un point de coin (le centre plein de 3×3). Les bibliothèques de style traitent ces deux parties comme indépendamment personnalisables, c'est pourquoi vous verrez des contrôles séparés « frame » et « ball » dans des outils comme QRCode Monkey et QR TIGER. Toutes deux peuvent prendre n'importe laquelle des mêmes options de forme que les modules de données : square, dot, rounded, extra-rounded, classy, classy-rounded.
Avertissement scannabilité pour le style des yeux : les motifs de repérage sont la manière dont un scanner trouve le code en premier lieu. Les déformer trop agressivement (p. ex. de minuscules points là où devraient être des carrés pleins) peut empêcher la caméra de verrouiller, surtout à distance ou sous un angle. La règle sûre : gardez au moins l'anneau de carré de coin externe comme une forme fermée continue (square, rounded, extra-rounded, pas « dots »), et vous pouvez être plus aventureux avec le point intérieur.
Logos intégrés
C'est la fonctionnalité de style QR la plus demandée en 2026. Le mécanisme est brutalement simple : le QR code est généré normalement, puis une image de logo (PNG, JPEG, SVG) est dessinée par-dessus le centre, remplaçant une partie des modules de données. La correction d'erreurs Reed-Solomon « comble » ensuite les modules obscurcis au moment du scan. Limites pratiques :
- Utilisez toujours le niveau de correction d'erreurs H (30%) quand vous intégrez un logo.
- Maintenez la couverture du logo à 20-25% de l'aire totale des modules (pas de l'aire visuelle incluant la zone quiète). Au-delà de ~25% vous empiétez sur la marge de récupération nécessaire pour absorber le bruit de scan en conditions réelles. Au-delà de 30% vous êtes pratiquement assuré d'échouer sur les scanners bon marché et à distance.
- Centrez le logo. Les coins hébergent les motifs de repérage et (sur les codes plus grands) les motifs de timing et les motifs d'alignement ; les obscurcir est un moyen rapide de casser le code complètement.
- Si le logo a une couleur proche du fond, donnez-lui une « plaque » opaque derrière, pour que le scanner ne se trompe pas au bord.
- Testez toujours sur au moins un iPhone, un Android milieu de gamme et une appli de scan dédiée avant d'imprimer en quantité.
Cet outil n'intègre pas de logos. C'est un choix de périmètre délibéré, les superpositions de logo nécessitent un modèle d'interaction soigné (upload, positionnement, transparence, verrouillage de niveau EC) qui ne tient pas dans un outil « couleur + taille ». Pour des workflows QR-avec-logo, voyez le QR Code Generator associé.
Personnalisation des couleurs, ce qui est sûr et ce qui ne l'est pas
La couleur est le seul levier de style que cet outil expose vraiment, donc cette section est la plus directement pertinente. Première règle : le contraste. Un scanner QR regarde chaque module et décide « sombre ou clair ? », et plus l'écart entre les deux est grand, plus vite et plus fiablement il décide. Le nombre de travail largement cité pour les QR codes spécifiquement est un ratio de contraste d'au moins 4:1 entre premier plan et fond, avec 4,5:1 ou plus préféré pour la fiabilité en conditions réelles. La directive générale de WCAG 2.x sur les graphiques non textuels (critère 1.4.11) fixe un minimum à 3:1 ; les QR codes doivent franchir cette barre avec une marge confortable parce que la caméra n'a aucun raisonnement contextuel humain sur lequel se rabattre.
- Fiables : bleu marine, vert foncé, violet foncé, anthracite, noir sur blanc, ivoire ou teintes très pâles.
- Visuellement jolis mais souvent non scannables : rouge mi-ton sur vert mi-ton, « palette de marque atténuée » sur fond atténué, pastel sur pastel.
- Le rouge pur en premier plan est un vieux mode d'échec qui mérite une mention. Beaucoup de scanners CCD anciens utilisent une LED d'éclairage rouge, ce qui rend le rouge identique au blanc pour le capteur. Les caméras de smartphone modernes sont OK, mais si votre QR doit être scanné par des lecteurs industriels, évitez les premiers plans rouges.
Deuxième règle : n'inversez pas. Un QR code est, par spec, des modules sombres sur fond clair. Les QR codes inversés (clair sur sombre) sont techniquement valides et les scanners les plus malins (iOS Camera moderne, dernier Google Lens) peuvent les retourner et les lire, mais une part non négligeable des téléphones sur le terrain ne peut pas. Les anciennes applis caméra Android, les applis de scan tierces et presque tous les scanners de code-barres dédiés supposent sombre sur clair et échoueront à l'inverse. Le pattern recommandé quand vous avez un fond de marque sombre et voulez y mettre un QR : n'inversez pas, placez plutôt un QR standard sombre-sur-clair dans une « plaque » ou un cadre clair contrastant sur la surface sombre.
Troisième règle : les dégradés et les modules multi-couleurs coûtent de la marge de décodage. Les bibliothèques de style supportent les dégradés linéaires et radiaux sur les modules sombres, le fond et même les yeux indépendamment, et ils sont superbes à l'écran. Mais chaque transition de couleur douce rend la décision sombre/clair par module plus difficile pour le scanner, surtout en lumière faible. Les dégradés sont plus sûrs quand ils restent dans une seule famille sombre (par ex. marine se fondant en violet profond, tous deux clairement « sombres ») plutôt que de traverser des mi-tons. Cet outil n'expose actuellement que des couleurs unies, ce qui est le point de départ le plus sûr.
PNG ou SVG, choix du format de sortie
PNG est un format raster. Le QR code est rendu sur une grille de pixels fixe. Plus : marche partout, y compris les anciens clients de mail et toute surface d'affichage d'image. Moins : agrandir au-delà de la résolution rendue cause du flou et de l'aliasing le long des bords des modules, ce qui peut compromettre la scannabilité sur les grands tirages. Pour un PNG de 300 px utilisé sur une affiche 600×600 mm, les modules seront perceptiblement flous.
SVG (Scalable Vector Graphics) est un format vectoriel. Le QR code est décrit comme un ensemble de polygones et le moteur rasterise à la résolution que demande l'écran ou le périphérique d'impression. Plus : infiniment évolutif sans perte de qualité ; taille de fichier très petite (souvent quelques ko) ; éditable dans Illustrator, Affinity Designer, Inkscape ; marche nativement dans les navigateurs modernes. Règle pratique : si c'est pour l'écran, l'un ou l'autre suffit ; si c'est pour l'impression, surtout à une échelle au-dessus de la carte postale, choisissez SVG.
Évitez le JPEG pour les QR codes. Les artefacts de compression avec perte du JPEG se groupent autour des bords à fort contraste, exactement là où se trouve chaque frontière de module QR, et même à des réglages de qualité élevés JPEG peut introduire juste assez de flou de bord pour casser le décodage sur les scanners bon marché. PNG est le bon choix raster.
L'exigence de zone quiète (souvent oubliée)
ISO/IEC 18004 exige une zone quiète, une marge de fond clair, d'au moins 4 modules de large sur les quatre côtés du code. Sans elle, le scanner peut confondre la typo proche, les bordures ou l'imagerie de fond avec une partie du code et soit échouer à décoder, soit décoder incorrectement. En pratique : si un module fait 2 mm de large sur le code imprimé, la zone quiète doit faire au moins 8 mm de chaque côté. Les téléchargements PNG et SVG de cet outil incluent la marge standard de zone quiète d'office. Beaucoup d'exports QR « rognés » pour Instagram cassent la règle et c'est une cause principale de la frustration « pourquoi mon code ne se scanne pas ? ».
Une note sur les QR codes de paiement
Une part non triviale du trafic QR mondial est pour les paiements, et ces QR codes de paiement ne sont pas génériques. EMV QR Codes (spécification EMVCo, version actuelle 1.1, dernière mise à jour le 27 novembre 2020) encodent un payload structuré : ID marchand, montant de la transaction, devise, MCC, code pays et somme de contrôle CRC. Alipay et WeChat Pay (Chine), UPI (Inde), PromptPay (Thaïlande), PayNow (Singapour), PIX (Brésil) suivent des payloads définis par le régulateur. Ils ressemblent visuellement à des QR codes ordinaires, mais une appli caméra générique ne peut rien payer avec eux, le payload doit être émis par la plateforme de paiement elle-même. Vous ne pouvez pas générer un QR code de paiement fonctionnel avec cet outil, peu importe l'authenticité du style visuel. Utilisez le tableau de bord marchand de votre processeur de paiement.
Le boom du QR styling de marque post-2020, pourquoi c'est important
Les QR codes étaient techniquement disponibles partout depuis environ 2010, mais l'adoption dans l'Ouest est restée superficielle jusqu'à ce que la COVID-19 force un pivot sans contact. Les interactions QR ont grandi de 94% entre 2018 et 2020 ; les téléchargements attribués aux scans de QR ont grandi de 750% entre le Q1 2020 et le Q4 2021. Environ 89 millions d'utilisateurs de smartphones aux US ont scanné un QR en 2022. Juniper Research projette que les paiements QR dépasseront 8 000 milliards de dollars de dépense annuelle mondiale d'ici 2029, contre 5 400 milliards en 2025. Le vendeur de QR de marque QR TIGER affirme que les QR codes stylisés/de marque sont scannés jusqu'à 70% de plus que les codes en noir et blanc (à prendre comme un chiffre vendeur, mais le point directionnel selon lequel le style de marque pousse les scans est largement partagé).
En 2026, un QR code n'est plus une infrastructure utilitaire bizarre, c'est une surface de marque. Les entreprises veulent qu'il soit perçu comme « marque » de la même manière qu'elles veulent leur typographie ou leur packaging cohérent. C'est pourquoi l'intention de recherche « styler » existe et pourquoi les outils concurrents convergent tous vers le même jeu de contrôles point / œil / couleur / logo.
Autres questions
Puis-je créer un QR code de paiement (Alipay, WeChat Pay, UPI) avec cet outil ?
Non. Les QR codes de paiement sont émis par la plateforme de paiement elle-même et embarquent un payload signé cryptographiquement ou spécifique à la plateforme qu'un générateur générique ne peut pas produire. Utilisez le tableau de bord marchand de votre processeur de paiement ou l'intégration officielle Alipay/WeChat/UPI pour votre pays.
Pourquoi mon QR code en couleur ne se scanne pas sur certains téléphones ?
Presque toujours un problème de contraste. Visez au moins 4,5:1 de contraste entre premier plan et fond ; utilisez du sombre-sur-clair (pas inversé) ; évitez le rouge pur en premier plan si vous pouvez être scanné par des lecteurs industriels. Si vous intégrez un logo ailleurs, montez la correction d'erreurs au niveau H. La cause la plus fréquente d'échec de scan QR stylisé : des couleurs de marque bien intentionnées qui ont fière allure sur un nuancier Pantone mais donnent trop peu à une caméra de téléphone.
Puis-je ajouter un logo au centre de mon QR code ici ?
Pas dans cet outil, il se concentre sur la couleur et la taille. Les superpositions de logo demandent un modèle d'interaction soigné (gestion d'upload, positionnement, transparence, verrouillage de niveau EC) qui ne tient pas dans ce workflow « stylage rapide ». Le pattern canonique : rendre le QR au niveau H, puis composer votre logo au centre avec un éditeur d'image, en gardant la couverture à 20-25% de l'aire des modules.
Quelle est la bonne taille pour imprimer un QR code ?
Règle pratique : la longueur de bord du QR doit être au moins un dixième de la distance de scan attendue. Un QR destiné à être scanné à 1 m doit faire au moins 10 cm × 10 cm. Pour un QR à l'écran de télé scanné depuis le canapé, il faut grand ; pour un QR de carte de visite scanné à bout de bras, 1,5 à 2 cm suffisent. Toujours SVG pour l'impression, jamais JPEG, et gardez la zone quiète de 4 modules intacte.