Comment créer un QR code avec logo qui se scanne encore

Pourquoi un logo peut se poser sur un QR code

Les QR codes portent des données redondantes. La spécification prévoit une correction d'erreurs afin qu'un code reste lisible même sale, déchiré, froissé ou partiellement masqué — le format a été conçu pour un atelier de production, pas pour un portfolio graphique. Un logo se contente de dépenser une partie de cette réserve délibérément.

La question n'est donc jamais « puis-je ajouter un logo » mais « quelle part de la réserve est-ce que je dépense, et pour quoi ».

Les quatre niveaux de correction et leur coût

Chaque QR code est généré à l'un des quatre niveaux de correction d'erreurs, récupérant respectivement environ 7 %, 15 %, 25 % et 30 % du code.

Le réflexe évident est de choisir le plus élevé et de ne plus y penser. Ce n'est pas si simple, car la redondance doit bien se loger quelque part : un niveau plus élevé ajoute des données, plus de données ajoutent des modules, et plus de modules à taille d'impression égale rend chaque module physiquement plus petit. Passé un certain point, vous avez échangé un code robuste contre un code si dense que l'appareil photo ne le résout plus du tout.

La réponse pratique pour la plupart des codes de marque est un niveau intermédiaire avec un logo modéré, testé. Réservez le niveau le plus élevé aux endroits vraiment hostiles — une bouteille courbe, un support textile, un emballage qui sera éraflé en transit — et acceptez la taille d'impression supérieure qu'il exige alors.

Quelle surface le logo peut-il réellement couvrir

Restez nettement à l'intérieur du niveau choisi plutôt qu'à sa limite. Si le niveau récupère environ 30 %, un logo occupant près de 30 % ne laisse rien pour le monde réel — et le monde réel est toute la raison d'être de cette réserve.

L'échec n'est pas non plus progressif, et c'est ce qui piège. Un code ne devient pas lentement plus difficile à lire à mesure que le logo grandit ; il se lit de façon fiable, puis sur certains téléphones seulement, puis plus du tout. L'étape intermédiaire est la plus dangereuse, car elle passe le seul test que la plupart des gens effectuent.

Commencez plus petit que vous ne le souhaitez, testez, puis agrandissez si le test est propre.

Où le logo ne doit surtout pas aller

Certaines parties du motif relèvent de la structure et non des données, et la correction d'erreurs ne les protège pas.

Les trois grands carrés des angles sont les repères de positionnement — c'est ainsi qu'un lecteur localise le code et détermine son orientation. Le carré plus petit près du quatrième angle sur les codes plus grands est un repère d'alignement, qui corrige la déformation d'un code photographié de biais. Les lignes pointillées qui courent entre les repères sont les motifs de synchronisation, qui fixent la grille des modules.

Masquez l'un d'eux et aucune correction n'y fera rien, car le lecteur n'atteint jamais l'étape où il pourrait s'en servir. Gardez le logo centré, à l'écart des angles, et ne rognez jamais le code pour l'insérer dans une mise en page.

Les couleurs de marque qui marchent et celles qui ne marchent pas

La couleur est le point où la charte graphique et la lisibilité s'opposent le plus souvent, et seules quelques règles comptent.

Un lecteur lit le contraste entre les modules et le fond : il doit donc être fort, et dans le sens conventionnel, modules foncés sur fond clair. Les codes inversés, clairs sur sombre, sont lus par beaucoup de lecteurs mais pas par tous, ce qui en fait un pari sur des supports imprimés qu'on ne peut pas rappeler.

La victime habituelle est la couleur de marque de valeur moyenne. Une teinte qui paraît franchement foncée sur un écran rétroéclairé peut se retrouver bien trop proche du fond une fois imprimée sur un papier non couché. Les dégradés à travers les modules et les fonds photographiques derrière eux causent le même problème de manière moins prévisible.

Une vérification utile sans aucun outil : convertissez le visuel en niveaux de gris. Si le motif reste nettement foncé sur clair, le contraste est réel. S'il tourne à la bouillie, le scan aussi.

Conservez la zone de silence

La spécification exige une marge nette de quatre modules sur les quatre côtés. Ce n'est ni du remplissage ni une suggestion de graphiste — c'est ainsi que le lecteur établit où le code s'arrête.

C'est aussi la partie d'un QR code la plus fréquemment détruite, justement parce qu'elle ressemble à un espace vide qu'une mise en page pourrait utiliser. Un texte collé au bord, un filet tracé autour du code, une image de fond qui passe dessous, le code rogné au ras d'un panneau — tout cela la supprime.

Si la place manque, réduisez le code et gardez la marge. Un petit code dont la zone de silence est intacte se lit ; un plus grand qui en est privé, peut-être pas.

Exportez le bon fichier

Utilisez un format vectoriel — SVG ou PDF — pour tout ce qui sera imprimé. Le vectoriel conserve des bords de modules parfaitement nets à n'importe quelle taille, et ce sont ces bords nets dont l'appareil photo a besoin.

Utilisez le PNG pour les écrans, les e-mails et les documents qui attendent une image matricielle, et exportez-le plus grand que nécessaire. Un QR code agrandi depuis un petit PNG voit ses frontières de modules devenir floues, et des frontières floues sont lues comme des données ambiguës.

Ne prenez jamais un code depuis une capture d'écran, et ne le laissez pas subir une recompression avec perte en route vers l'imprimeur. Les artefacts JPEG autour des bords très contrastés sont exactement le mauvais type de bruit.

Testez correctement, cela prend cinq minutes

Un code qui se scanne dans l'outil de création a été testé dans le cas idéal : mise au point parfaite, lumière parfaite, écran rétroéclairé, un seul appareil. Rien de tout cela ne décrit l'endroit où il servira.

• Imprimez une épreuve à la taille finale, sur le matériau final — les papiers couchés et non couchés se comportent différemment.
• Scannez avec au moins un iPhone et un Android, idéalement aussi un téléphone plus ancien à l'appareil photo plus faible.
• Testez dans l'éclairage réel où il vivra, y compris en lumière artificielle et, en extérieur, en plein soleil.
• Scannez à la distance où se tiendra une vraie personne, pas à dix centimètres.
• Essayez légèrement de biais, car c'est ainsi qu'on tient un téléphone.
• S'il ira sur une surface courbe ou souple, testez-le courbé, pas à plat.

Les échecs qui reviennent sans cesse

Presque tous les codes de marque défaillants en production s'expliquent par la même poignée de causes : le logo a grandi pendant la validation et personne n'a refait le test ; la zone de silence a été rognée dans la mise en page finale ; une couleur de marque perçue comme foncée à l'écran s'est imprimée en gris moyen ; le code a été agrandi depuis un petit PNG et a perdu ses bords ; ou il n'a été testé que sur le téléphone du graphiste, qui a un très bon appareil photo et connaît déjà l'adresse.

Toutes se détectent en imprimant une épreuve et en la tendant à quelqu'un d'autre.