Mettre un logo dans un QR code

Chaque QR code contient des données redondantes, pour qu’une rayure, une tache ou un pli ne le rendent pas illisible. Leur quantité dépend du niveau de correction d’erreurs choisi à la création du code. Un logo fonctionne en consommant volontairement cette redondance : les modules cachés dessous sont perdus, et le lecteur les reconstitue à partir du reste. Le mécanisme est expliqué dans la correction d’erreurs d’un QR code.

Ces pourcentages sont un plafond, pas un budget. Ils portent sur des mots de code, pas sur une surface, et un logo endommage rarement les mots de code par unités entières bien rangées — un petit carré peut entamer des morceaux de nombreux mots de code à la fois. Tout autre incident réel, comme un reflet, un pli ou une impression un peu floue, puise dans la même réserve. Un code qui a dépensé toute sa redondance pour un logo n’a plus rien pour affronter le monde réel.

Il n’existe pas de chiffre sûr unique, et tout guide qui en donne un à la décimale près prétend en savoir plus qu’il n’en sait. La règle empirique la plus citée consiste à rester bien en deçà de la part récupérable : au niveau H, un logo couvrant jusqu’à environ un cinquième à un quart de la surface du code est souvent signalé comme fonctionnel, et beaucoup de graphistes restent nettement en dessous. Au niveau Q, visez encore plus petit.

• Commencez petit, puis agrandissez. Partez d’un logo d’environ un dixième de la largeur du code et ne l’agrandissez que tant que chaque téléphone de test le lit instantanément.
• Centrez-le. Le milieu du code est surtout constitué de modules de données, que la correction d’erreurs sait reconstituer.
• Donnez-lui un bord net. Une marge blanche autour du logo évite que des modules à moitié couverts soient lus comme du bruit.
• Les codes simples le supportent mieux. Une URL courte donne des modules moins nombreux et plus grands : le même logo en détruit moins. Un code dense, avec un long lien, peut échouer avec un logo qui passerait sans problème sur un code plus grossier.

Les codes de ce site utilisent le niveau Q par défaut, et passent au niveau M pour les liens très longs qui dépasseraient sinon la version 12. Quand vous ajoutez un logo, le générateur passe au niveau H, limite le logo à environ 12 % du symbole et refuse les contenus trop denses pour en porter un — raccourcissez alors le lien.

La correction d’erreurs protège les données. Elle ne protège pas la structure dont le lecteur se sert pour trouver et orienter le code. Masquer l’un de ces éléments rend le code illisible, quel que soit le niveau de correction.

• Les trois motifs de repérage. Les grands carrés situés dans trois angles indiquent au téléphone qu’il s’agit d’un QR code et dans quel sens il est orienté.
• Les informations de format. Les fines bandes de modules qui longent les motifs de repérage enregistrent le niveau de correction et le masque. Sans elles, le lecteur ne peut rien décoder.
• Les motifs de synchronisation. Les lignes alternant foncé et clair entre les motifs de repérage permettent au lecteur de compter la grille.
• Les motifs d’alignement. Les carrés plus petits présents dans les grands codes, qui aident à corriger la perspective.
• La zone de silence. La marge vide tout autour. Un logo ou un badge qui empiète dessus empêche le lecteur de voir où s’arrête le symbole.

L’essentiel de ce qu’apporte un logo central — un code reconnaissable comme le vôtre, manifestement voulu — peut s’obtenir en dehors du code, sans consommer la moindre correction d’erreurs.

• Un cadre aux couleurs de la marque. Placez le code dans un encadré à votre couleur, avec le logo au-dessus et une zone blanche autour du code lui-même.
• Une légende. « Scannez pour voir le menu » à côté du logo dit aux gens ce qu’ils vont obtenir, ce qui compte davantage pour le taux de scan que la décoration.
• La couleur autour, pas dedans. Gardez le code foncé sur clair et réservez la couleur de la marque au visuel qui l’entoure. Voir les couleurs d’un QR code pour ce que le code lui-même peut supporter.

Un code sans logo se scanne sur davantage de téléphones, à des tailles plus petites et de plus loin. Si vous tenez à un logo, le générateur de QR code personnalisé le place au centre pour vous, au niveau H et dans la limite de taille indiquée plus haut ; l’image est lue dans votre navigateur et n’est jamais envoyée. Testez ensuite le résultat à fond — à la taille finale, sur le support final, sur plusieurs téléphones, sous une lumière faible. S’il hésite où que ce soit, prenez un logo plus simple ou renoncez-y. Le guide de dépannage indique quoi vérifier d’autre.

Ajoutez votre logo avec la correction d’erreurs H, dans votre navigateur :Créer un QR code avec logo