Design de QR code : couleurs, logo, taille et tests avant impression

Le scénario se répète souvent : un graphiste valide un QR code qu'il trouve réussi, l'imprimeur lance le tirage, et sur le terrain un téléphone sur deux refuse de le lire. Il est alors trop tard, et c'est la technologie qu'on accuse, alors que le problème est né de quelques réglages de design choisis des semaines plus tôt.

C'est le guide que j'aurais aimé voir lu par davantage d'équipes de marque avant leur premier QR code sur mesure. Il part du design, mais avec les contraintes techniques écrites noir sur blanc, pour ne pas perdre deux jours chez l'imprimeur.

Comprendre la structure d'un QR code

Avant de personnaliser, sachez à quoi servent les pièces essentielles :

Les motifs de repérage - Les trois carrés d'angle (ils doivent rester intacts)
Les motifs d'alignement - Ils aident le scanner à lire le code
Les motifs de synchronisation - Ils guident le scanner
Les modules de données - Là où votre information est encodée
La zone de silence - L'espace vide autour du code

Les bonnes pratiques de couleur

Le contraste avant tout

Gardez au moins 40 % de contraste entre le premier plan et le fond
Couleurs sombres pour les modules, couleurs claires pour le fond
Évitez les couleurs inversées (clair sur sombre)

Les couleurs de votre marque

Utilisez les couleurs primaires de votre charte
Les dégradés fonctionnent, à condition de préserver le contraste
Retestez la lisibilité après chaque changement de couleur

Ajouter un logo ou une image

Le placement du logo

Centrez le logo dans le QR code
Gardez le logo sous 30 % de la surface du QR code
Passez sur une correction d'erreurs élevée (niveau H)

L'intégration de l'image

Vérifiez que le logo a bien un fond transparent
Préservez le contraste autour du logo
Testez sur plusieurs appareils une fois le logo posé

La personnalisation des formes

Les formes de modules

Carrés (par défaut, et les plus fiables)
Carrés arrondis
Cercles (à tester soigneusement)
Formes sur mesure (vérifiez la lisibilité)

Les motifs d'angle

Gardez les motifs de repérage reconnaissables
Personnalisez les points intérieurs avec prudence
Préservez l'intégrité structurelle

Les repères de taille

Les tailles minimales

Impression : 2 x 2 cm (0,8 x 0,8 pouce) minimum
Numérique : 240 x 240 pixels minimum
Panneaux publicitaires : dimensionnez selon la distance de lecture

La formule de distance de scan

Taille minimale = Distance de scan ÷ 10

Le cadre et l'appel à l'action

Le design du cadre

Ajoutez un cadre pour attirer le regard
Intégrez un appel à l'action explicite, du type « Scannez-moi »
Choisissez une couleur de cadre contrastée

Des exemples d'appels à l'action

« Scannez pour une offre exclusive »
« Scannez pour en savoir plus »
« Scannez pour voir la carte »

Les niveaux de correction d'erreurs

Le format en définit quatre, et le niveau décide quelle part du symbole peut être perdue ou recouverte avant qu'un lecteur abandonne :

L (7 %) - Personnalisation minimale
M (15 %) - Personnalisation légère
Q (25 %) - Personnalisation modérée
H (30 %) - Personnalisation poussée, avec logo

Les codes créés ici sont toujours en H, et aucun réglage ne permet de descendre. C'est le niveau qu'exige un logo : le choix est donc déjà fait pour le cas qui compte, et ce qu'il vous coûte, ce sont des modules, raison pour laquelle une charge utile longue donne un symbole plus dense.

Tester votre design

Les tests indispensables

Scannez avec plusieurs appareils photo de téléphone
Testez sur iOS et sur Android
Vérifiez sous différentes conditions d'éclairage
Imprimez un essai avant le tirage de masse
Testez à la distance de lecture prévue

Les erreurs classiques à éviter

❌ Un logo qui couvre trop de surface
❌ Un contraste insuffisant
❌ Des couleurs inversées
❌ Une taille trop petite pour la distance de scan
❌ Une zone de silence absente
❌ Aucun test avant impression

Et en France ?

L'accessibilité n'est plus une option pour beaucoup d'organisations françaises. Les services publics appliquent le RGAA, le référentiel général d'amélioration de l'accessibilité, et depuis le 28 juin 2025 la directive européenne sur l'accessibilité (European Accessibility Act) s'étend à de nombreux services privés : commerce en ligne, banque, transport.

Pour un QR code, la règle pratique est simple : ne faites jamais du code le seul accès à l'information. Ajoutez à côté une URL courte et lisible, et un texte qui dit ce que le scan ouvre. Sur un support numérique, donnez à l'image un texte alternatif utile, comme expliqué dans notre guide sur le texte alternatif des QR codes.

Avant d'envoyer à l'impression

Imprimez le code à sa taille finale sur une imprimante de bureau, allez au fond de la pièce et scannez-le avec le téléphone le plus ancien du bureau. Si ce scan passe, validez le tirage. Sinon, montez le contraste ou réduisez le logo avant toute autre chose, car ces deux réglages sont à l'origine de la plupart des échecs.