Zona di silenzio del codice QR: il margine vuoto che decide se il codice viene trovato

Che cos'è la zona di silenzio di un codice QR?

La zona di silenzio è il margine vuoto attorno a un codice QR che permette a uno scanner di rilevare dove il simbolo inizia e finisce, e lo standard prevede quattro moduli su ogni lato. Appartiene al codice, non alla pagina: un codice QR è fatto dai moduli scuri più il bordo libero attorno, e qualsiasi misura o collocazione che copra solo la parte scura sta descrivendo qualcosa di più piccolo del codice.

Vale la pena conoscere il meccanismo, perché spiega quali rimedi funzionano. Un decodificatore riduce prima l'immagine della fotocamera a bianco e nero, poi cerca i tre pattern di rilevamento tramite il rapporto 1:1:3:1:1 di tratti scuri e chiari che attraversa ciascuno di essi, e da quei tre punti ricava il confine del simbolo, la sua rotazione e la griglia su cui poggiano i moduli. Un pattern di rilevamento è uno dei tre quadrati concentrici negli angoli di un codice QR che uno scanner usa per localizzare il simbolo e capirne la rotazione.

Ognuno di questi passaggi avviene prima che inizi la decodifica. Quando la grafica tocca i moduli più esterni, un modulo scuro sul bordo del simbolo si fonde con ciò che gli sta accanto, la misura del tratto su quel bordo cambia, e il confine stimato dal decodificatore si sposta con essa. I dati all'interno sono intatti e irrilevanti: non si è ancora deciso che lì ci sia un simbolo da decodificare.

È anche il motivo per cui il guasto risulta così sconcertante nella pratica. Un codice QR senza zona di silenzio non è un codice degradato che si legge male. Di solito è un codice che lo scanner non segnala mai, il che per chi tiene in mano il telefono equivale a non trovare nulla.

Quanto deve essere grande la zona di silenzio?

Quattro moduli su tutti e quattro i lati, per ogni codice QR e a ogni versione del simbolo. Lo standard ISO/IEC 18004 formula il requisito in moduli e non in millimetri, quindi la larghezza fisica del margine cambia con la dimensione di stampa del codice e con la quantità di dati che porta, mentre il conteggio non cambia mai.

Due moduli è una concessione del Micro QR, non una scorciatoia per un codice normale. Micro QR è un simbolo diverso, con un'altra struttura, un solo pattern di rilevamento e una capacità molto minore, e il suo margine ridotto non si trasferisce al codice modello 2 che la fotocamera di un telefono legge su una carta del menù.

Molti decodificatori se la cavano con due moduli in buone condizioni, ed è proprio per questo che un margine corto si nota così di rado in fase di progetto e così spesso dopo la tiratura. Il valore di quattro moduli non è il punto in cui i codici iniziano a funzionare; è il punto in cui smettono di dipendere dal fatto che le condizioni siano buone.

Quanti millimetri sono quattro moduli

Zona di silenzio in millimetri = 4 × la dimensione del modulo, e la dimensione del modulo è la larghezza di stampa divisa per il numero di moduli dell'intero ingombro. Poiché l'ingombro è il simbolo più quattro moduli per lato, il conto diventa: zona di silenzio = 4 × larghezza di stampa / (moduli per lato + 8).

Il numero di moduli per lato deriva dalla versione del simbolo: un codice di versione V è largo 4V + 17 moduli. La versione 1 ne ha 21, la versione 4 ne ha 33, la versione 10 ne ha 57. Un simbolo di versione 4 occupa quindi 41 moduli comprensivi di zona di silenzio, e a 20 mm di larghezza di stampa ciascuno misura 0,49 mm: il margine si attesta sui 2 mm per lato.

Leggendo una colonna dall'alto in basso emerge la cosa utile: a dimensione di stampa fissa, più il codice è denso, più stretta è la sua zona di silenzio. Un URL lungo alza la versione del simbolo, il che rimpicciolisce ogni modulo, il che restringe il margine - così il codice che più avrebbe bisogno di aiuto per far rilevare il proprio bordo è quello che ne riceve di meno.

Sotto a tutto questo c'è una soglia pratica. I moduli stampati dovrebbero misurare 0,4 mm o più su carta patinata e 0,5 mm o più su carta naturale, il che porta la zona di silenzio più piccola di un codice stampato ben dimensionato a 1,6 mm e 2 mm rispettivamente. Se un'impaginazione lascia meno spazio libero di così attorno a un codice, il codice è troppo piccolo, troppo stretto, o entrambe le cose, e conviene verificarlo prima che il file parta. La guida alla dimensione minima per la stampa affronta dall'inizio alla fine la metà dimensionale di questa domanda.

Perché un margine in percentuale sbaglia in un template

Una zona di silenzio definita come percentuale del codice va alla deriva appena cambia il contenuto, perché quattro moduli sono una quota diversa in ogni versione del simbolo. Su un codice di versione 4 il margine di quattro moduli è circa il 12% della larghezza del simbolo; su uno di versione 10 è il 7%. Un template che riserva il 10% attorno al codice è generoso per il primo e insufficiente per il secondo.

In termini di superficie lo stesso effetto è più marcato di quanto quasi tutti si aspettino. Un codice di versione 4 con la sua zona di silenzio copre 41 × 41 celle di modulo, di cui il simbolo stesso è 33 × 33: il margine vale quindi circa il 35% dell'ingombro stampato. Su un codice di versione 10 è il 23%. Ecco perché un codice occupa sempre più spazio in impaginazione di quanto il designer avesse previsto.

Indica lo spazio libero in moduli o in millimetri, mai in percentuale. Se un manuale di identità può portare un solo numero, che siano millimetri a una dimensione di stampa dichiarata, e ripetilo ogni volta che quella dimensione cambia.

La zona di silenzio deve essere bianca?

Deve corrispondere ai moduli chiari del codice, il che su un normale codice QR nero su bianco significa bianco, e su un codice colorato significa il colore chiaro del codice stesso. Lo standard descrive il requisito in termini di riflettanza anziché di colore: il margine deve risultare chiaro a uno scanner nello stesso modo in cui lo sono i moduli chiari, e il confine tra i due deve essere invisibile al decodificatore.

Cosa esclude nella pratica:

• Un margine di colore diverso dal fondo del codice. Un fondo bianco del codice su un biglietto avorio lascia un rettangolo visibile, e il suo bordo è un contorno che il decodificatore deve scartare prima di trovare quello vero.
• Una foto o una texture dietro al codice. Il dettaglio nel margine produce, sul bordo del simbolo, tratti scuri che sembrano moduli. È di gran lunga la causa più comune di un codice che si legge nel mock-up e non sul manifesto stampato.
• Una sfumatura che passa sotto al codice. Una sfumatura chiara in alto nel margine e a mezzo tono in basso dà al passaggio di binarizzazione due soglie diverse da conciliare su un solo simbolo.
• Un PNG trasparente appoggiato su una superficie scura. La trasparenza non è bianco. Un export trasparente collocato su fondo scuro ha una zona di silenzio scura, cioè nessuna zona di silenzio - vedi SVG o PNG per cosa porta con sé ogni formato di export.
• Un codice invertito con margine chiaro. I moduli chiari su fondo scuro hanno bisogno di una zona di silenzio scura che li accompagni, e diverse fotocamere native non leggono comunque i codici invertiti in modo affidabile.

Una zona di silenzio colorata è ammessa, e spesso è la risposta progettuale migliore. Un codice con un fondo di colore chiaro e un margine in quello stesso colore chiaro, che arriva fino al bordo del riquadro, tiene il marchio e tiene il margine. Ciò che rompe è qualsiasi confine dentro i quattro moduli, di qualunque colore sia.

Perché la correzione d'errore non sostituisce la zona di silenzio

La correzione d'errore ripara i moduli danneggiati dentro l'area dati dopo che il simbolo è stato localizzato, quindi non incide su un simbolo che non viene mai localizzato. Portare un codice dal livello M al livello H aggiunge capacità di recupero che un fallimento di rilevamento non arriva mai a spendere, e peggiora leggermente la situazione: il livello più alto spinge il codice a una versione di simbolo superiore, i moduli diventano più piccoli, e il margine di quattro moduli si restringe con loro.

L'ordine in cui le due cose avvengono è tutta la spiegazione. Il rilevamento viene prima e usa la zona di silenzio; la decodifica viene dopo e usa la correzione d'errore. Non esiste alcuna strada per cui la seconda compensi la prima.

È la stessa ragione per cui i pattern di rilevamento, i pattern di sincronizzazione e la zona di silenzio restano tutti fuori dalla portata del recupero Reed-Solomon: sono l'impalcatura di cui il decodificatore ha bisogno prima di avere qualcosa da recuperare. I livelli di correzione d'errore L, M, Q e H trattano cosa il recupero protegge davvero, e quanto ne consuma un logo.

Dove le impaginazioni si mangiano la zona di silenzio

Quasi ogni zona di silenzio mancante è una scelta di collocazione, non un'impostazione di export. Il codice è uscito dal generatore con il margine intatto e poi ha incontrato un'impaginazione che aveva bisogno di quello spazio, e siccome il simbolo in sé resta intoccato il file continua a sembrare corretto a ogni giro di approvazione.

I casi ricorrenti, più o meno nell'ordine in cui arrivano in stampa:

• Il codice appoggiato a un filetto, a un riquadro o al bordo di un blocco. Una linea tracciata per rifinire un angolo finisce dentro il margine e dà al decodificatore un contorno tutto suo.
• Una dicitura "Inquadrami" infilata sotto al codice. Un testo composto abbastanza vicino da leggersi in blocco con il simbolo è testo dentro la zona di silenzio. Spostalo di quattro moduli e continuerà a leggersi come didascalia.
• Un codice ritagliato sul simbolo in fase di export, e poi collocato. Alcuni strumenti tolgono il margine esportando. Una volta tolto, deve fornirlo l'impaginazione, e all'impaginazione nessuno l'ha detto.
• Il bordo di taglio di uno stampato. Un codice vicino alla linea di taglio perde margine per la tolleranza della taglierina, e una risma tagliata un millimetro fuori glielo toglie dallo stesso lato su ogni copia.
• Una piega o un dorso che attraversa il margine. La cordonatura ombreggia il codice e le due metà smettono di essere complanari. Tieni l'intero ingombro ad almeno 5 mm dalla piega.
• Un'immagine di fondo che scorre sotto al codice. Comune su menù e manifesti di eventi, dove il codice viene posato per ultimo su un riquadro fotografico.
• Un adesivo o un'etichetta fustellata vicinissima al simbolo. Il bordo della fustella, il supporto sottostante e l'ombra sul taglio finiscono tutti nel margine.
• Un codice sul bordo di uno schermo o di una slide. La cornice o il fondo scuro della slide diventa il margine, il che in proiezione è di solito fatale.

La verifica che li prende tutti sta in una frase: misura lo spazio libero nell'impaginazione collocata, non nel file esportato. Il margine di un file sopravvive solo se la pagina attorno lo lascia stare.

Cornici, cerchi e forme personalizzate attorno a un codice QR

Una cornice attorno a un codice QR va benissimo, purché inizi fuori dalla zona di silenzio, cioè purché il suo bordo interno resti ad almeno quattro moduli dal simbolo su ogni lato. L'errore non è la cornice; è disegnare la cornice a filo del simbolo e poi misurare il margine a partire dalla cornice.

Punti da controllare a seconda della forma:

• Una cornice circolare attorno a un simbolo quadrato. Gli angoli sono i punti stretti. Misura lo spazio libero in diagonale dai moduli d'angolo, non in orizzontale dai lati, altrimenti tutti e quattro gli angoli risulteranno corti.
• Una cornice con linguetta o fascia. Una striscia "Inquadra il menù" attaccata alla cornice è fuori dal margine solo se la cornice ci era già.
• Forme di modulo decorative. I moduli arrotondati e circolari mettono meno inchiostro in ogni cella rispetto a quelli quadrati, quindi il bordo esterno del simbolo è già più morbido di quello di un codice liscio e il margine lavora di più, non di meno.
• Un codice dentro la sagoma di un prodotto o dentro un lockup di marchio. Tratta i quattro moduli come parte del riquadro del codice nel lockup, e dai al lockup un suo spazio di rispetto in aggiunta.
• Linee di fustella su adesivi tondi. Un taglio circolare attorno a una composizione tonda lascia il minimo spazio proprio dove stanno i pattern di rilevamento.

KoloQR, un generatore di codici QR gratuito con codici QR circolari e di forme personalizzate, include la zona di silenzio di quattro moduli nelle esportazioni lisce e tonde, quindi il margine è nel file prima che arrivi a un'impaginazione. Lo stile non migliora mai la lettura: un codice decorato ha bisogno del margine almeno quanto uno liscio, di solito un po' di più. Qualunque generatore abbia prodotto il file, misura il margine su un export con cornice o con forma invece di darlo per scontato, e guarda codici QR rotondi e forme dei codici QR per vedere come funziona in un'impaginazione vera.

Come verificare la zona di silenzio di un file

Misura il margine in moduli invece di giudicarlo a occhio, perché l'occhio confronta il margine con il codice e il decodificatore lo confronta con un modulo. La procedura qui sotto richiede circa dieci minuti e funziona su un file arrivato senza sorgente e senza note.

1. Apri il file a forte ingrandimento. Abbastanza grande da vedere comodamente un singolo modulo. Su un SVG ingrandisci nello strumento di progettazione invece di esportare un'anteprima.
2. Conta i moduli lungo il lato superiore del simbolo. Conta le celle scure e chiare su un lato intero, margine escluso. Il numero sarà 21, 25, 29, 33 e così via: è sempre 4V + 17 per la versione V.
3. Misura il margine sul lato peggiore, in moduli. Confronta lo spazio libero con la larghezza di un modulo allo stesso ingrandimento. Controlla tutti e quattro i lati e prendi il più piccolo; un codice tagliato su un solo lato è un risultato di export frequente.
4. Converti in millimetri alla dimensione di collocazione. Dividi la larghezza collocata per il numero di moduli comprensivo di margine, poi moltiplica per quattro. Sotto 1,6 mm su carta patinata o 2 mm su carta naturale, il codice è troppo piccolo, troppo stretto, o entrambe le cose.
5. Controlla l'impaginazione, non solo la grafica. Guarda cosa sta entro quattro moduli dal simbolo nella pagina reale: filetti, testo, bordi di immagine, limiti di riquadro, la linea di taglio.
6. Passa il file in un validatore. Il validatore di codici QR misura il margine che il file porta verso l'esterno da ciascun bordo e riporta il lato peggiore, insieme a contrasto e dimensione dei moduli.
7. Fai una prova sul supporto reale e scansionala. Un foglio a dimensione finale, sul materiale su cui gira il lavoro, scansionato con un telefono iOS e uno Android sotto la luce in cui il codice verrà davvero letto.

Se il margine è corto e la grafica non si può cambiare, rigenera il codice invece di incollare spazio bianco attorno al file esistente. Riempire un raster esportato lascia il bordo morbido del simbolo dov'era, e rigenerare un codice non costa nulla.

Zone di silenzio a schermo, nei PDF e nei file di progetto

Uno schermo perdona una zona di silenzio corta e la stampa no, ed è per questo che il difetto sopravvive a ogni revisione fatta al monitor. Un display dà al decodificatore illuminazione uniforme, un rapporto di contrasto alto e bordi di pixel netti, quindi il rilevamento riesce con margini che carta, ingrossamento del punto e luce del negozio metterebbero in crisi.

Schermo: tieni comunque i quattro moduli. Un codice mostrato su un telefono perché qualcun altro lo scansioni viene letto da una superficie lucida, inclinata e riflettente, e il margine è la difesa più economica che ci sia. Evita di mettere il codice sul bordo di una slide o di una sezione web, dove il fondo circostante diventa il margine.

PDF: il margine viaggia con la grafica, ma la collocazione non viaggia con l'approvazione. I codici nei PDF vengono spostati di continuo in produzione, e il margine è la prima cosa che una ricomposizione porta via. Scrivi lo spazio libero nelle specifiche della grafica in millimetri, nello stesso punto in cui è indicata l'abbondanza.

File di progetto: colloca il codice come vettoriale con il suo margine incluso e blocca il gruppo. In Figma, un frame tirato a filo del simbolo invece che sull'ingombro completo è il modo abituale in cui il margine sparisce tra il file di progetto e l'export - la guida copiare un codice QR in Figma copre quel versante.

Export: tieni il codice vettoriale ovunque la destinazione lo accetti, e dove deve essere raster esportalo a una dimensione che lasci pixel interi per modulo. Un margine largo 3,5 pixel è un margine con una frangia sfumata sul bordo interno, cioè un confine morbido esattamente dove il decodificatore ne vuole uno netto. Risoluzione e DPI contiene l'aritmetica. La zona di silenzio è il quinto di nove controlli; la checklist di stampa ha la sequenza in cui vanno fatti.

Come distinguere un guasto da zona di silenzio dagli altri

Un guasto da zona di silenzio fallisce del tutto anziché a intermittenza: lo scanner non mostra proprio nulla, a ogni tentativo, da qualsiasi distanza. I difetti di contrasto e di dimensione si comportano diversamente - si leggono a volte, più da vicino, con luce migliore, su un telefono sì e su un altro no - e questa differenza di solito basta a identificare il difetto prima di misurare qualsiasi cosa.

La prima riga è quella da interiorizzare. Un silenzio totale e ripetibile punta al rilevamento, e il rilevamento punta al margine e agli angoli - non al livello di correzione d'errore, non alla risoluzione, non al generatore che ha fatto il file.

Errori comuni con la zona di silenzio

L'errore più comune con la zona di silenzio è trattare il margine come spazio bianco del progetto anziché come parte del codice. Una volta che è spazio bianco, ogni decisione successiva - stringere un riquadro, aggiungere un filetto, spostare il codice via da una piega - è autorizzata a prendersene un pezzo, e nessuna di quelle decisioni sembra toccare il codice QR.