DEV Community: Rahman

La taille minimale d'un QR code (et la règle de distance qui va avec)

Rahman — Sun, 01 Nov 2026 20:07:31 +0000

On passe beaucoup de temps sur les couleurs et le logo d'un QR code, et presque pas sur sa taille. Pourtant c'est la taille qui décide si le code se scanne ou pas. Un code imprimé trop petit ne pardonne rien.

La règle des 10 pour 1

La distance de scan fiable vaut environ dix fois la largeur du code. Un carré de 2 cm se scanne confortablement à 20 cm, pas à un mètre. Partez donc de la distance réelle de lecture, puis divisez par dix pour obtenir la largeur minimale.

Table de restaurant (lecture à 30 cm) : visez au moins 3 cm de côté.
Affiche dans la rue (lecture à 2-3 m) : montez à 25-30 cm, parfois plus.
Étiquette produit en rayon (lecture à 20 cm) : 2 cm peuvent suffire, à condition que le reste soit propre.

Plus il y a de données, plus il faut de place

Un QR code n'a pas une grille fixe. Plus vous y mettez d'informations, plus il y a de petits carrés (les modules), donc plus chaque module devient minuscule à taille d'impression égale. Une longue URL ou une fiche contact complète donne un code dense et difficile à lire. La parade : gardez le contenu court, ou utilisez un lien court qui redirige.

N'oubliez pas la marge blanche

Autour du code il faut une zone de silence : une marge vide d'environ quatre modules de large. Sans elle, l'appareil n'arrive pas à isoler le code du reste de la page. C'est l'erreur la plus fréquente quand un code colle au bord d'un flyer.

La seule étape qui compte vraiment

Avant de lancer mille exemplaires, imprimez-en un seul à la taille finale et scannez-le avec un vieux et un nouveau téléphone, sous la lumière de l'endroit où il vivra. Dix minutes de test évitent une impression entière à jeter.

J'aide à construire QRolling, donc je prêche pour ma paroisse, mais ces règles valent avec n'importe quel générateur.

La zona bianca del codice QR che quasi tutti dimenticano

Rahman — Tue, 20 Oct 2026 21:10:47 +0000

Un codice QR che non si legge anche se sembra perfetto? Nove volte su dieci la colpa non è del codice, ma di ciò che gli sta intorno: il margine. Si chiama zona di silenzio (quiet zone), e quasi tutti la tagliano.

Cos'è la zona di silenzio

È la striscia vuota, dello stesso colore dello sfondo chiaro, che circonda il motivo del codice. Lo scanner la usa per capire dove il codice inizia e dove finisce. Senza di essa, la fotocamera confonde il codice con il testo, il logo o l'immagine accanto. Lo standard raccomanda un margine di almeno quattro moduli (quattro quadratini del codice) su ogni lato.

Perché la si rovina senza volerlo

Si mette il codice troppo vicino a un bordo, a una cornice o a un'altra immagine.
Si mette il codice su una foto carica, senza uno sfondo uniforme intorno.
Si rimpicciolisce il codice per guadagnare spazio e il margine sparisce visivamente.
Si circonda il codice con una cornice decorativa che tocca i moduli.

Come farla bene

Lasci un margine vuoto di almeno quattro moduli tutt'intorno, del colore dello sfondo.
Se il codice è su un'immagine, lo metta dentro un quadrato bianco (o chiaro) uniforme.
Una cornice? Sì, ma all'esterno della zona di silenzio, non sopra.
E come sempre: provi su un telefono vero, alla dimensione di stampa reale.

Una nota sullo strumento

Trasparenza: aiuto a costruire un generatore chiamato QRolling. Mantiene la zona di silenzio corretta di default e mostra in tempo reale se un design si legge ancora quando aggiungi uno sfondo o una cornice. È un'app a pagamento con una settimana di prova gratuita.

La zona di silenzio non costa nulla ed evita metà dei codici illeggibili. Lasciale il suo spazio, e il resto del design diventa molto più permissivo.

Die weiße Zone um den QR-Code, die fast alle vergessen

Rahman — Sat, 17 Oct 2026 23:41:57 +0000

Ein QR-Code, der nicht scannt, obwohl er perfekt aussieht? Neun von zehn Mal ist nicht der Code schuld, sondern das, was drumherum ist: der Rand. Man nennt ihn die Ruhezone (quiet zone), und fast jeder knapst daran.

Was die Ruhezone ist

Es ist der leere Streifen in der Farbe des hellen Hintergrunds, der das Muster umgibt. Der Scanner nutzt ihn, um zu erkennen, wo der Code anfängt und aufhört. Ohne ihn verwechselt die Kamera den Code mit dem Text, dem Logo oder dem Bild daneben. Der Standard empfiehlt einen Rand von mindestens vier Modulen (vier Kästchen des Codes) auf jeder Seite.

Warum man sie ungewollt zerstört

Man setzt den Code zu nah an einen Rand, einen Rahmen oder ein anderes Bild.
Man legt den Code auf ein unruhiges Foto, ohne einfarbigen Hintergrund drumherum.
Man verkleinert den Code, um Platz zu sparen, und der Rand verschwindet optisch.
Man umgibt den Code mit einem dekorativen Rahmen, der die Module berührt.

Wie man es richtig macht

Lass einen leeren Rand von mindestens vier Modulen rundherum, in der Hintergrundfarbe.
Liegt der Code auf einem Bild, setze ihn in ein einfarbiges, helles Quadrat.
Ein Rahmen? Ja, aber außerhalb der Ruhezone, nicht darauf.
Und wie immer: teste auf einem echten Handy in der tatsächlichen Druckgröße.

Ein Hinweis zum Werkzeug

Transparenz: Ich helfe beim Aufbau eines Generators namens QRolling. Er hält die Ruhezone standardmäßig korrekt und zeigt live, ob ein Design noch scannt, wenn man einen Hintergrund oder Rahmen hinzufügt. Es ist eine kostenpflichtige App mit einer kostenlosen Testwoche.

Die Ruhezone kostet nichts und verhindert die Hälfte der unlesbaren Codes. Lass ihr ihren Platz, und der Rest des Designs wird viel verzeihender.

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.