DEV Community: Rahman

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

Rahman — Sat, 10 Oct 2026 00:20:17 +0000

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.

How a QR code fixes its own errors (and why your logo doesn't break it)

Rahman — Sun, 04 Oct 2026 08:52:08 +0000

You've seen QR codes with a logo in the middle, rounded dots, colors, and they still scan. How can a pattern be partly covered and still readable? Two words: error correction. Here's how it works, and what it means when you design a branded code.

Error correction, in plain terms

A QR code doesn't just encode your data. It adds redundancy computed with a Reed-Solomon code. In practice: even if part of the modules (the little squares) is unreadable, the reader can rebuild the missing information from that redundancy.

There are four levels:

L (Low): ~7% of the code can be damaged and still read.
M (Medium): ~15%.
Q (Quartile): ~25%.
H (High): ~30%.

The higher the level, the more redundancy, so the more modules, and the denser the pattern.

Why your logo doesn't break the code

When you drop a logo in the center, you cover some modules. As long as the covered area stays under the correction threshold, the reader rebuilds the rest. That's why a small center logo works: you stay well under the ~30% of level H.

Common mistakes:

A logo that's too big. Pass the threshold and no reader rebuilds the code.
A logo over the corners. The three big squares (the "eyes") are used for detection. Covering them breaks detection before correction even matters.
Treating correction as permission to wreck the code. Error correction compensates for wear and small masking, not a sloppy design.

In practice

If you add a logo, switch to level H and keep the logo around the center fifth.
Leave the eyes and the quiet zone alone.
Always test on a real phone at the actual print size.

A note on tools

Full disclosure: I help build a generator called QRolling. It handles logos, colors, and the correction level with a live preview, so you can see right away whether a design still scans. It's a paid app with a free week to try.

Error correction is what makes branded QR codes possible. Understand the limit, stay under it, and you can dress up a code without ever making it unreadable.

Comment un QR code corrige les erreurs (et pourquoi votre logo ne le casse pas)

Rahman — Sat, 26 Sep 2026 08:57:48 +0000

On voit passer des QR codes avec un logo au milieu, des coins arrondis, des couleurs, et pourtant ils scannent. Comment un motif peut-il être partiellement recouvert et rester lisible ? La réponse tient en deux mots : correction d'erreur. Voici comment ça marche, et ce que ça change quand vous concevez un code de marque.

La correction d'erreur, en clair

Un QR code n'encode pas seulement vos données. Il ajoute des données de redondance calculées avec un code de Reed-Solomon. En pratique : même si une partie des modules (les petits carrés) est illisible, le lecteur peut reconstruire l'information manquante à partir de cette redondance.

Il existe quatre niveaux :

L (Low) : ~7 % du code peut être endommagé et rester lisible.
M (Medium) : ~15 %.
Q (Quartile) : ~25 %.
H (High) : ~30 %.

Plus le niveau est élevé, plus le code contient de redondance, donc plus il y a de modules, et plus le motif devient dense.

Pourquoi votre logo ne casse pas le code

Quand vous placez un logo au centre, vous masquez une partie des modules. Tant que la surface masquée reste sous le seuil de correction, le lecteur reconstruit le reste. C'est pour ça qu'un petit logo au centre passe : vous restez largement sous les ~30 % du niveau H.

Les erreurs classiques :

Un logo trop grand. Dépassez le seuil et plus aucun lecteur ne reconstruit le code.
Un logo sur les coins. Les trois grands carrés (les « yeux ») servent au repérage. Les recouvrir casse la détection avant même la correction.
Confondre correction et permission de tout casser. La correction compense l'usure et les petits masquages, pas un design négligé.

En pratique

Si vous mettez un logo, passez au niveau H et gardez le logo autour du cinquième central.
Laissez les yeux et la marge tranquilles.
Testez toujours 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 gère les logos, les couleurs et le niveau de correction avec un aperçu en direct, ce qui permet de voir tout de suite si un design scanne encore. C'est une application payante avec une semaine d'essai gratuite.

La correction d'erreur, c'est ce qui rend les QR codes de marque possibles. Comprenez la limite, restez en dessous, et vous pouvez habiller un code sans jamais le rendre illisible.

Comment fonctionne vraiment un QR code WiFi

Rahman — Mon, 21 Sep 2026 21:31:56 +0000

« C'est quoi le mot de passe du WiFi ? » Un QR code WiFi supprime cette question : on pointe la caméra, on tape une fois, et on est connecté. Voici ce qu'il y a réellement à l'intérieur, et comment en faire un fiable.

Ce que le code encode

Un QR code WiFi ne contient pas de magie. C'est une simple chaîne de texte dans un format standard que les téléphones savent lire :

WIFI:S:NomDuReseau;T:WPA;P:MotDePasse;;

S : le nom du réseau (SSID)
T : le type de sécurité (WPA, WEP, ou rien)
P : le mot de passe

Quand un téléphone scanne ce texte, l'appareil photo le reconnaît et propose de rejoindre le réseau. iPhone et Android récents gèrent cela nativement, sans application côté invité.

Les étapes

Ouvrez un générateur de QR code WiFi. Vous verrez des champs pour le nom du réseau, le mot de passe et le type de sécurité.
Tapez le nom du réseau exactement, la casse compte.
Entrez le mot de passe.
Choisissez le type de sécurité. Pour presque tout le monde, c'est WPA/WPA2.
Générez le code et téléchargez-le.

Quelques points à connaître

Utilisez votre réseau invité si vous en avez un. Partager le code de votre réseau principal met tout scanneur sur le même réseau que vos ordinateurs. La plupart des box permettent un réseau invité séparé. Mettez le code sur celui-là.

Régénérez-le après un changement de mot de passe. Le mot de passe est encodé dans le code. Si vous le changez, l'ancien code cesse de fonctionner.

Testez avant d'imprimer. Scannez votre propre code avec un iPhone et un Android avant de lancer une impression. Vérifiez qu'il rejoint bien le réseau, pas seulement qu'il lit le texte.

À essayer

Transparence : j'aide à construire un outil de QR code appelé QRolling. La plupart des fonctions sont une application payante avec une semaine d'essai gratuite, mais le code WiFi est l'exception à connaître : après une inscription rapide, vous pouvez le télécharger comme code statique et l'utiliser gratuitement, sans plan. Voici le générateur avec les champs prêts.

N'importe quel générateur correct avec les champs SSID, mot de passe et sécurité fait le même travail. Une carte, un scan, et vous ne lisez plus jamais un mot de passe WiFi à voix haute.

Static vs dynamic QR codes: which one do you actually need?

Rahman — Mon, 21 Sep 2026 21:29:20 +0000

If you have generated a QR code recently, you have probably hit a wall: the tool makes one, then the talk of editing or tracking it later gets confusing fast. That confusion is the line between static and dynamic codes, and most people worry about the wrong one.

Here is the plain version.

Static QR codes

A static code holds the data inside the pattern itself. The link, the WiFi password, the contact details, all of it is encoded directly into those black and white squares.

What that means in practice:

It never expires. A static code printed today works in ten years.
It works even if the company that made it disappears, because nothing is looked up on a server.
The catch: you cannot change what it does. If you printed a code pointing to one link, that is the link forever.

Dynamic QR codes

A dynamic code does not hold your real link. It holds a short redirect address that points to your link. You control that redirect, so you can change the destination later, and you can count how many people scanned it.

What that buys you:

You can repoint the code without reprinting anything.
You get scan analytics: how many, when, roughly where.
The catch: it depends on the redirect service staying alive. If the service goes away, the code breaks.

The question to ask before you print

Before you commit anything to a print run, ask: is this code meant to last untouched for years, or will I need to change where it points and see how it performs?

A permanent thing (a plaque, a product label, a WiFi card that will not change): a static code is the right tool.
A campaign (a poster you will update, a flyer where you want scan numbers): a dynamic code earns its keep.

Most everyday personal uses are static. Most marketing uses are dynamic. Knowing which you need saves you from paying for tracking you will never look at, or from printing a code you cannot fix later.

A note on tools

Full disclosure: I help build a QR generator called QRolling, so take the mention with that in mind. It handles both types, with brand colors, logos, and a live preview. It is a paid app with a free week to try and pricing on the affordable end, and you sign up before downloading. One genuinely useful perk: the WiFi code can be downloaded as a static code after signup and used without a plan.

Whatever tool you pick, the rule holds: match the code type to how long it needs to live. Permanent thing, static code. Campaign you will change, dynamic. Decide that first, and the tool choice gets a lot easier.