QR code avec logo : comment l'intégrer sans casser la lisibilité
2026-07-31
Pourquoi un logo dans un QR code ?
Un QR code brandé est scanné jusqu'à 30% plus souvent qu'un QR générique : le logo rassure sur la destination du lien. Mais coller une image au centre du code peut le rendre illisible si on ignore les contraintes du standard.
La correction d'erreur Reed-Solomon
Le QR standard intègre une correction d'erreur Reed-Solomon avec 4 niveaux : L (7%), M (15%), Q (25%) et H (30%). C'est cette redondance qui permet de masquer une partie des modules sans empêcher la lecture. Règle d'or : dès qu'un logo est présent, le niveau H est obligatoire.
La taille maximale du logo
Au-delà de 30% de la surface du code, la majorité des lecteurs échoue — même en niveau H. web3qr bride le curseur de taille entre 10% et 30% précisément pour cette raison : vous ne pouvez pas produire un QR illisible par accident.
Le masque à dilatation (la signature web3qr)
Plutôt que de poser le logo brut sur les modules, web3qr applique un masque « fondu » : une zone de silence est dilatée autour du logo (padding configurable), ce qui supprime les modules trop proches du bord de l'image. Cette transition nette entre le code et le logo améliore nettement la détection du finder pattern par les lecteurs.
Checklist avant de publier
- Niveau de correction H activé
- Logo ≤ 30% de la surface, idéalement 20-25%
- Contraste élevé entre modules et fond (éviter les dégradés trop clairs sur fond clair)
- Testez le scan avec au moins deux applications différentes, en lumière faible
- Exportez en SVG pour l'impression (vectoriel, net à toute taille)