Design des codes QR

Comment ajouter un logo à un code QR sans qu’il cesse de fonctionner

Tout ce qu’il faut savoir pour ajouter votre logo à un code QR : taille maximale, niveau de correction d’erreurs, format de l’image, position et comment vérifier qu’il se lit toujours.

Comment ajouter un logo à un code QR sans qu’il cesse de fonctionner

Un code QR avec le logo de votre entreprise au centre se reconnaît instantanément, inspire confiance et renforce votre marque chaque fois que quelqu’un le voit. De plus, les gens scannent davantage les codes qui montrent clairement à qui ils appartiennent. Mais placer une image sur les modules masque une partie de l’information et, si ce n’est pas bien fait, le code cesse de fonctionner. Dans ce guide, nous vous expliquons comment ajouter un logo en toute sécurité.

Pourquoi un QR fonctionne encore avec un logo par-dessus

Les codes QR intègrent une correction d’erreurs : des informations redondantes qui permettent de reconstituer les données même si une partie du code est abîmée ou masquée. Lorsque vous placez un logo au centre, vous « abîmez » délibérément cette zone, et la correction d’erreurs se charge de récupérer ce qui manque. C’est pourquoi la taille du logo doit toujours rester inférieure à ce que le code est capable de récupérer.

Étape 1 : augmentez le niveau de correction d’erreurs

Il existe quatre niveaux de correction :

NiveauRécupération approximativeAdapté à un logo ?
L7 %Non
M15 %Seulement pour de très petits logos
Q25 %Oui
H30 %Oui, la meilleure option

Si vous allez ajouter un logo, utilisez le niveau H ou, au minimum, Q. Avec le générateur de codes QR de QRcrea, vous pouvez régler ce niveau dans les options avancées ; lorsque vous téléversez un logo, vérifiez qu’il est bien sur H.

Gardez à l’esprit qu’un niveau plus élevé ajoute des modules au code ; il est donc conseillé d’utiliser un contenu court (par exemple, une URL brève) pour que le code ne soit pas trop dense.

Étape 2 : respectez la taille maximale

Même si le niveau H permet de récupérer jusqu’à 30 % des données, il ne faut pas s’approcher de cette limite : l’usure, la saleté ou une mauvaise impression consomment aussi de la capacité de correction. En règle pratique :

  • Le logo doit occuper au maximum 20 à 25 % de la surface du code.
  • En dimensions linéaires, environ un tiers de la largeur du code au maximum.
  • Il ne doit jamais masquer les trois motifs de position des coins ni le motif d’alignement.

Étape 3 : préparez bien l’image

  • Format PNG avec fond transparent ou SVG : le logo s’intégrera mieux.
  • Forme simple : les logos compacts (un symbole ou l’initiale) fonctionnent mieux qu’un long logo horizontal avec du texte.
  • Marge autour du logo : une petite bordure blanche ou de la couleur du fond sépare le logo des modules et améliore la lecture.
  • Bonne résolution : au moins 500 × 500 pixels pour qu’il ne soit pas pixelisé à l’impression.

Si votre logo est horizontal et long, utilisez une version réduite : seulement le symbole ou le monogramme.

Étape 4 : choisissez bien la position

Le centre est la position standard et la plus sûre, car c’est la zone où la correction d’erreurs est répartie de la manière la plus homogène et où il n’y a pas de motifs de position. Évitez de placer le logo dans les coins ou sur les bords.

Étape 5 : soignez le contraste de l’ensemble

  • Gardez des modules foncés sur un fond clair.
  • Si votre logo est foncé, entourez-le d’une marge blanche pour qu’il ne se confonde pas avec les modules.
  • Évitez que le logo ait sur ses bords des couleurs très proches de celles du code.

Étape 6 : testez, testez et testez encore

Un code avec logo doit être testé davantage qu’un code sans logo :

  1. Scannez-le avec plusieurs téléphones, dont un ancien ou d’entrée de gamme.
  2. Testez-le imprimé à la taille réelle et pas seulement à l’écran.
  3. Testez-le dans différentes conditions de lumière.
  4. Si le code met du temps à se lire, réduisez la taille du logo ou raccourcissez le contenu.

Erreurs fréquentes

  • Logo trop grand, qui dépasse la capacité de correction.
  • Niveau de correction faible (L ou M) avec un grand logo.
  • Contenu très long, qui génère des modules minuscules autour du logo.
  • Logo avec un fond blanc carré qui masque plus de modules que nécessaire ; mieux vaut un fond transparent avec une marge ajustée.
  • Ne pas imprimer d’épreuve avant le tirage.

Idées pour intégrer votre marque sans trop masquer

  • Colorez les yeux du code avec la couleur de votre marque.
  • Utilisez un cadre autour du code avec votre nom ou un appel à l’action.
  • Choisissez une forme de module (arrondie, points) qui correspond à votre style.
  • Associez un petit logo au centre à des couleurs d’entreprise plutôt qu’un grand logo.

Questions fréquentes

Un code avec logo se scanne-t-il moins bien ?

Si vous respectez la taille et le niveau de correction, non. Un code bien conçu avec logo se lit aussi vite qu’un code sans logo.

Puis-je mettre une photo au lieu d’un logo ?

C’est possible, mais les photos ont beaucoup de détails et de couleurs qui compliquent la lecture. Un logo simple fonctionne bien mieux.

Le logo réduit-il la quantité d’informations ?

Il ne change pas le contenu, mais comme il exige un niveau de correction plus élevé, le code a besoin de plus de modules. C’est pourquoi il est recommandé d’utiliser un contenu court.

Conclusion

Ajouter votre logo à un code QR est un excellent moyen de renforcer votre marque et d’augmenter la confiance de ceux qui le scannent. La clé : passer la correction d’erreurs au niveau H, garder le logo sous 25 % de la surface, utiliser une image simple sur fond transparent et toujours le tester imprimé. Téléversez votre logo et créez votre code avec le générateur de codes QR de QRcrea.

Prêt à créer votre code QR ?

Personnalisez-le avec vos couleurs et votre logo, et téléchargez-le gratuitement en quelques secondes.

Créer un code QR
Défiler vers le haut