Deux emplacements possibles
La plupart des générateurs en proposent un. FigQR propose les deux, et la différence n'est pas cosmétique.
- Au centre. La version familière. Un carré est dégagé au milieu du motif et ton logo s'y installe. Des modules sont réellement retirés, donc le code doit survivre avec un trou.
- Derrière tout le code. Ton logo remplit le code et le motif est dessiné par-dessus. Rien n'est retiré. L'image apparaît dans les espaces entre les modules.
La première est sûre, la seconde frappante. Si tu imprimes quelque chose que tu ne pourras pas réimprimer, prends la première.
Un logo casse-t-il le code ?
Un QR code transporte des données redondantes pour rester lisible même si une partie est sale, pliée ou masquée. Cette redondance s'appelle la correction d'erreur et comporte quatre niveaux :
- L récupère environ 7% du code
- M environ 15%
- Q environ 25%
- H environ 30%
Un logo au centre est un dommage que tu infliges volontairement. Le lecteur ne distingue pas ton signe d'une tache de café : les modules situés dessous doivent être reconstruits à partir de la redondance. FigQR bascule automatiquement en H dès qu'un logo est ajouté, ce qui explique que le motif devienne plus dense. Cette densité est le prix du logo, et il vaut la peine d'être payé.
Si tu règles le niveau à la main en laissant le logo, le générateur t'avertit. C'est le seul réglage où passer outre produit régulièrement un code qui a l'air correct et échoue sur un téléphone.
Jusqu'où agrandir le logo
Au centre, la limite est de 28% de la largeur du code. C'est de l'arithmétique, pas de la prudence. H récupère environ 30%, et un signe couvrant plus d'un quart du code laisse moins de redondance que le dommage n'en réclame. Aller au-delà donnerait des codes qui fonctionnent sur l'écran où tu les as conçus, et nulle part ailleurs.
En pratique, 15% à 20% est le bon réglage. Le logo est bien visible, le code garde une marge pour les dégâts réels, et le motif n'a pas besoin de grossir.
Placer le logo derrière le code
Cette version fonctionne autrement, et les réglages ne prennent sens qu'une fois le mécanisme compris.
Un QR code est fait de modules sombres et de modules clairs. Les clairs laissent normalement voir le papier. Ici, ils sont peints dans la couleur du papier et ton logo est placé sous l'ensemble. L'image apparaît alors dans les espaces entre les modules peints. Rien n'est découpé, donc aucune correction d'erreur n'est dépensée et il n'y a aucun trou à surmonter.
Deux réglages en découlent :
- Taille du logo définit la part du code occupée par l'image, de 30% à la largeur entière.
- Quantité de logo visible réduit les modules clairs. Des modules clairs plus petits laissent des espaces plus larges et davantage d'image. C'est le véritable réglage de contraste, et c'est en le poussant qu'on finit par casser le code.
Pourquoi seules certaines formes sont proposées
Passe le placement sur « derrière » et la liste des formes se réduit à 10. Ce n'est pas une restriction arbitraire. L'image ne peut apparaître que dans l'espace entre les modules, et une forme qui remplit sa cellule ne laisse aucun espace. Le carré par défaut montre moins d'un demi pour cent de l'image, c'est-à-dire un code vide au rendu plus lent.
Restent les formes qui laissent vraiment de la place : petits points, petits carrés, barres verticales et horizontales, losanges, étoiles et cœurs. Si ta forme actuelle n'en fait pas partie, le générateur te déplace vers la plus proche et te le signale.
La couleur compte plus que la taille
C'est la partie que personne ne publie, et la plus utile de cette page.
Un lecteur lit un QR code en décidant, pour chaque point, s'il est sombre ou clair. Ton logo se trouve au milieu de cette décision. Un logo d'une seule couleur franche, proche de l'encre du code, tombe du même côté du seuil que les modules voisins et le code reste lisible. Un logo en tons moyens tombe à mi-chemin entre l'encre et le papier, et chaque cellule claire devient ambiguë.
Nous l'avons mesuré sur des images finies, pas sur des codes nus. Un signe monochrome à l'encre du code a été lu sur une large plage de réglages. Le même code portant une marque en quatre couleurs n'a réussi qu'à une combinaison sur cinquante-quatre, et celle-là basculait selon l'encodeur JPEG qui écrivait le fichier.
Donc, pour un logo derrière le code qui fonctionne vraiment : une seule couleur, sombre, et à distance des trois grands carrés dans les coins. Ce sont les motifs de repérage, ce que le lecteur accroche en premier. Ramener le logo à environ 80% de la largeur les laisse libres, et c'est souvent ce qui sépare un code lisible d'un code muet.
Tester avant d'imprimer
FigQR décode l'aperçu dans ton navigateur après chaque modification : l'avertissement apparaît à l'instant où un choix casse le code. Prends-le au sérieux. C'est le même contrôle qu'effectue un lecteur, et il est plus strict qu'un téléphone. Un avertissement est une raison de regarder, pas une preuve d'échec.
Avant toute impression :
- Scanne-le depuis ton écran, à la distance réellement prévue.
- Scanne-le à nouveau une fois imprimé, sur le vrai support.
- Essaie un second téléphone. Cela distingue un code limite d'un appareil capricieux.
Pour tout ce qui est imprimé, télécharge le SVG, net à n'importe quelle taille. PDF et EPS sont là pour les imprimeurs, le PNG pour les écrans.
S'il ne fonctionne pas
- Réduis le logo. La première chose à essayer, et souvent la seule nécessaire.
- Vérifie la correction d'erreur. Avec un logo, elle doit être sur H. Si tu l'as réglée à la main, remets-la.
- Augmente le contraste. Un logo pâle sur fond pâle est la cause habituelle, et à l'écran cela reste joli jusqu'au bout.
- Éloigne le logo des coins. Les trois carrés d'angle sont ce qui permet au lecteur de trouver le code.
- Imprime plus grand. Un code avec logo porte les mêmes données dans un motif plus dense et réclame plus de largeur.