Le logo au centre d’un code QR : ce qu’il efface sans qu’on le voie

Vous avez fait produire un code QR avec votre logo au milieu. Il a été testé une fois, sur un téléphone récent, à 30 centimètres, sous l’éclairage du bureau. Il a fonctionné. Il est parti à l’impression.

Six mois plus tard, un client vous dit que ça ne marche pas chez lui. Vous réessayez : chez vous, ça marche encore. Vous concluez que c’est son téléphone.

Ce n’est presque jamais son téléphone. Un code QR avec un logo au centre n’est pas un code qui fonctionne ou qui ne fonctionne pas. C’est un code auquel on a retiré une partie de sa capacité à se réparer, et qui tient tant que rien d’autre ne vient s’ajouter. Le jour où il est imprimé un peu plus petit, sur un papier un peu plus absorbant, et lu d’un peu plus loin, la réserve est épuisée. Voici où elle est passée.

Cet article ne traite pas la question de savoir si vous devriez utiliser un code QR, ni les usages du QR en restauration : ce terrain appartient à nos articles sur les cartes de menus sans contact et sur le menu de restaurant en code QR. Il ne traite pas non plus le code QR comme outil de contact sur une carte d’affaires, sujet couvert par notre article sur les cartes d’affaires et les codes QR, ni les codes à barres linéaires de caisse, qui obéissent à une tout autre mécanique. Une seule chose est traitée ici : ce qui arrive au code lui-même quand on pose un logo au milieu.

Qu’est-ce qu’un code QR, techniquement?

Un code QR n’est pas un dessin. C’est une grille de petites cases, appelées modules, chacune claire ou foncée. Le contenu est écrit dans leur disposition, pas dans leur apparence. Selon Denso Wave, l’inventeur du format, il existe 40 tailles, appelées versions.

La plus petite version fait 21 cases de côté. La plus grande en fait 177. Chaque version ajoute 4 cases par côté par rapport à la précédente. Et la même documentation énonce la conséquence directe : quand la quantité de données augmente, il faut plus de cases pour les contenir, donc le symbole grossit. Retenez cette phrase. Elle explique tout le reste.

Que se passe-t-il quand on pose un logo au centre?

Poser un logo n’ajoute rien par-dessus le code : cela rend illisibles les cases qui se trouvaient là. Le lecteur ne voit pas des cases absentes, mais des cases fausses, dans une région entière qui ne correspond à rien.

Le code continue pourtant de fonctionner, et c’est ce qui trompe tout le monde. Il fonctionne parce que le format prévoit une réserve destinée à autre chose : une tache de café, une éraflure, un pli, un coin sali. Cette réserve s’appelle la correction d’erreur, que Denso Wave décrit comme la capacité du code à se restaurer lui-même lorsqu’il est partiellement souillé ou endommagé. Un logo au centre est donc un dommage volontaire. Il ne s’ajoute pas à la réserve, il la consomme. Ce qu’il en reste après votre logo est tout ce dont le code disposera pour survivre à l’usure, à l’impression et à l’éclairage réels.

Quels sont les niveaux de correction d’erreur d’un code QR?

Le format propose 4 niveaux, choisis au moment de générer le code : environ 7 % d’erreurs corrigibles au plus bas, 15 % au niveau intermédiaire, 25 % au niveau suivant, et 30 % au plus élevé, selon la documentation de la bibliothèque qrcode.

Denso Wave précise que le niveau à 15 % est celui que les utilisateurs choisissent le plus souvent, et que les niveaux supérieurs sont recommandés pour les environnements où le code se salit. Voilà l’arbitrage réel, rarement présenté à celui qui approuve : si l’on veut un logo plus grand, il faut monter le niveau de correction. Mais augmenter ce niveau augmente aussi la quantité de données à inscrire, donc la taille du code. À dimensions d’impression égales, un code qui contient plus de cases a des cases plus petites. Un logo plus généreux vous conduit donc à un code plus dense, dont chaque case est plus fine, plus sensible à l’encre qui s’étale, à la mise au point de l’appareil photo et à la distance de lecture. Vous n’avez pas gagné de la place pour votre marque : vous avez échangé de la robustesse contre de la surface.

Pourquoi un logo compact est-il plus risqué qu’une saleté dispersée?

Le pourcentage de correction porte sur les données, réparties en blocs, et la réserve est calculée bloc par bloc. Des dégâts dispersés se répartissent sur plusieurs blocs. Un logo, tache compacte au même endroit, frappe les mêmes blocs de plein fouet.

La conséquence pratique est simple : ne visez jamais le maximum théorique. Si le niveau choisi tolère environ 30 %, un logo occupant 30 % de la surface ne laisse strictement rien pour la vraie vie du code, celle où il sera photocopié, plastifié, collé sur une vitrine et lu à travers un reflet.

Peut-on placer le logo dans un coin du code?

Non. Trois des 4 coins portent des carrés emboîtés qui servent au lecteur à repérer le code, son orientation et sa déformation en lecture oblique. Les recouvrir, même partiellement, empêche le lecteur de trouver le code : ce n’est pas une dégradation, c’est un échec net.

Il en va de même pour les petits carrés d’alignement présents dans les versions plus grandes, qui aident à corriger la déformation sur les codes denses. C’est pourquoi un logo décalé vers un angle, choix qui paraît élégant sur une maquette, est plus risqué qu’un logo centré de même taille.

Pourquoi l’adresse encodée change-t-elle la place disponible?

La taille de la grille dépend de la quantité de données : l’adresse web inscrite dans le code détermine le nombre de cases. Une adresse courte donne une grille peu dense, aux cases larges et robustes. Une adresse longue produit une grille beaucoup plus fine.

Le logo y couvre la même surface, mais il y anéantit bien plus de cases, et chaque case restante est plus fragile à l’impression. Raccourcir l’adresse avant de générer le code n’est donc pas un détail technique. C’est la décision de conception qui vous rend la marge que votre logo vous a prise. Faites-la avant de dessiner, pas après.

Pourquoi un logo flou fait-il échouer un code qui aurait dû fonctionner?

Pour lire un code, un téléphone tranche chaque case entre clair et foncé, sans valeur intermédiaire. Un logo posé à partir d’une image basse définition arrive avec des bords adoucis qui rendent grises les cases voisines, et le lecteur tranche parfois mal.

Votre logo n’occupe officiellement que la zone que vous lui avez donnée, mais il abîme en réalité une couronne de cases tout autour, sans que rien ne le laisse voir à l’écran. Deux décisions règlent le problème. D’abord, partir d’un tracé vectoriel plutôt que d’une image, pour que le bord du logo tombe net à n’importe quelle taille. Si votre logo n’existe qu’en fichier image, notre article sur la conversion d’un PNG en fichier vectoriel explique ce que cette opération peut et ne peut pas récupérer, et c’est exactement le travail que couvre notre service de vectorisation. Ensuite, poser le logo sur une pastille pleine, franchement claire, aux bords nets, plutôt que de le laisser flotter sur un fond transparent. Ce choix a un coût en cases effacées, mais il supprime toute zone grise.

Un logo réduit à une seule couleur franche fonctionne d’ailleurs mieux ici qu’une version en dégradés.

Testez enfin le code tel qu’il sera vécu : imprimé à sa taille réelle, sur le vrai papier, avec un téléphone d’entrée de gamme, dans un éclairage médiocre.

Quoi vérifier avant d’envoyer le code à l’impression?

Vérifiez 5 points avant l’impression : la part de cases effacées par le logo, le niveau de correction choisi, les 3 coins de repérage, le tracé vectoriel du logo et la longueur de l’adresse encodée.

• Un logo n’est pas posé par-dessus le code, il efface les cases qu’il recouvre.
• Le code survit grâce à sa réserve de correction, prévue pour l’usure. Votre logo la consomme d’avance.
• 4 niveaux existent, d’environ 7 à environ 30 %. Monter le niveau agrandit le code, donc affine les cases.
• Ne visez jamais le maximum théorique : une tache compacte fait plus de dégâts que la même surface dispersée.
• Ne recouvrez jamais les carrés de repérage des 3 coins : c’est un échec net, pas une dégradation.
• Fournissez un tracé vectoriel posé sur une pastille opaque, raccourcissez l’adresse encodée, puis testez à la taille d’impression réelle.

Quelle proportion du code mon logo peut-il occuper?

Il n’existe pas de chiffre universel. Ce qui est cadré, c’est la réserve : environ 7, 15, 25 ou 30 % selon le niveau retenu. Ce pourcentage doit aussi couvrir l’usure réelle. Restez nettement sous le plafond, et validez par un test d’impression.

Pourquoi mon code fonctionne chez moi et pas chez mon client?

Parce qu’un code affaibli ne tombe pas en panne, il devient conditionnel. Sur votre écran, avec un appareil récent, la réserve restante suffit. Imprimé plus petit, lu de plus loin ou derrière un reflet de vitrine, elle ne suffit plus.

Puis-je mettre mon logo dans un coin plutôt qu’au centre?

C’est le placement le plus risqué. Trois des 4 coins portent les carrés de repérage qui permettent au lecteur de trouver le code et d’en calculer l’orientation. Les recouvrir ne dégrade pas la lecture, cela l’empêche. Le centre reste la seule zone négociable.

Faut-il un fichier vectoriel pour un simple code QR?

Oui, et le motif n’est pas la qualité perçue mais la lecture machine. Un logo issu d’une image basse définition arrive avec des bords adoucis qui rendent grises les cases voisines et provoquent des erreurs invisibles à l’œil.

Puis-je colorer les cases du code aux couleurs de ma marque?

C’est un autre risque, distinct de celui du logo central, et il sort du sujet de cet article. Retenez qu’une teinte de marque appliquée aux cases réduit la distinction entre clair et foncé sans consommer la réserve de correction. Les deux problèmes s’additionnent quand on les combine.

Un code QR est le seul endroit où votre logo est jugé par une machine avant de l’être par un humain. Elle ne trouve pas votre marque élégante, elle compte des cases. Si votre logo n’existe aujourd’hui qu’en image, faites-le vectoriser avant de le confier à une grille qui ne pardonne pas les bords flous.