DEV Community

Rahman
Rahman

Posted on

La marge blanche du QR code : la quiet zone que tout le monde oublie

Un QR code qui ne scanne pas alors qu'il a l'air parfait ? Neuf fois sur dix, le coupable n'est pas le code, c'est ce qu'il y a autour : la marge. On l'appelle la quiet zone, et presque tout le monde la rogne.

Qu'est-ce que la quiet zone

C'est la bande vide, de la même couleur que le fond clair, qui entoure le motif du code. Le scanner s'en sert pour repérer où le code commence et où il finit. Sans elle, l'appareil photo confond le code avec le texte, le logo ou l'image qui le touchent. La norme recommande une marge d'au moins quatre modules (quatre carrés du code) de chaque côté.

Pourquoi on la casse sans le vouloir

  • On colle le code trop près d'un bord, d'un cadre ou d'une autre image.
  • On met le code sur une photo chargée, sans fond uni autour.
  • On réduit le code pour gagner de la place et la marge disparaît visuellement.
  • On entoure le code d'un cadre décoratif qui touche les modules.

Comment bien faire

  • Laissez une marge vide d'au moins quatre modules tout autour, de la couleur du fond.
  • Si le code est sur une image, posez-le dans un carré blanc (ou clair) uni.
  • Un cadre, oui, mais à l'extérieur de la quiet zone, pas dessus.
  • Et comme toujours : testez sur un vrai téléphone à la taille d'impression réelle.

Une note d'outil

Transparence : j'aide à construire un générateur appelé QRolling. Il garde la quiet zone correcte par défaut et montre en direct si un design scanne encore quand on ajoute un fond ou un cadre. C'est une application payante avec une semaine d'essai gratuite.

La quiet zone ne coûte rien et évite la moitié des codes illisibles. Laissez-lui sa place, et le reste du design devient bien plus permissif.

Top comments (0)