Come creare un codice QR con logo che continui a scansionarsi

Perché un logo può stare su un codice QR

I codici QR portano dati ridondanti. La specifica prevede una correzione degli errori affinché un codice si legga ancora quando una parte è sporca, strappata, sgualcita o coperta — il formato è stato progettato per il reparto produzione, non per un portfolio grafico. Un logo si limita a spendere di proposito una parte di quel margine.

La domanda non è quindi mai «posso aggiungere un logo» ma «quanto margine sto spendendo, e per cosa».

I quattro livelli di correzione e quanto costano

Ogni codice QR viene generato a uno di quattro livelli di correzione degli errori, che recuperano rispettivamente circa il 7 %, 15 %, 25 % e 30 % del codice.

L’istinto ovvio è scegliere il più alto e smettere di preoccuparsi. Non è così semplice, perché la ridondanza deve stare da qualche parte: un livello più alto aggiunge dati, più dati aggiungono moduli, e più moduli a parità di dimensione di stampa rendono ogni modulo fisicamente più piccolo. Superato un certo punto hai scambiato un codice robusto con uno così denso che la fotocamera non lo risolve più.

La risposta pratica per la maggior parte dei codici di marca è un livello intermedio con un logo contenuto, testato. Ricorri al più alto quando il codice vivrà in un posto davvero ostile — una bottiglia curva, un tessuto, una confezione che si graffierà nel trasporto — e accetta la dimensione di stampa maggiore che allora richiede.

Quanto può coprire davvero il logo

Resta nettamente dentro il livello scelto anziché al suo limite. Se il livello recupera circa il 30 %, un logo che ne occupa quasi il 30 % non lascia nulla per il mondo reale — e il mondo reale è tutto il senso di quel margine.

Il guasto inoltre non è graduale, ed è questo a cogliere impreparati. Un codice non diventa lentamente più difficile da leggere mentre il logo cresce; si legge in modo affidabile, poi su alcuni telefoni e su altri no, poi smette. La fase intermedia è quella pericolosa, perché supera l’unico test che la maggior parte esegue.

Parti più piccolo di quanto vorresti, prova, e ingrandisci solo se la prova è pulita.

Dove il logo non deve assolutamente andare

Alcune parti del motivo sono struttura e non dati, e la correzione degli errori non le protegge.

I tre grandi quadrati agli angoli sono i marcatori di posizionamento — è così che un lettore trova il codice e ne ricava l’orientamento. Il quadrato più piccolo vicino al quarto angolo nei codici più grandi è un marcatore di allineamento, che corregge la distorsione di un codice fotografato di sbieco. Le linee tratteggiate tra i marcatori sono i motivi di sincronizzazione, che fissano la griglia dei moduli.

Copri uno di questi e nessuna correzione servirà, perché il lettore non arriva mai al punto in cui potrebbe usarla. Tieni il logo centrato, lontano dagli angoli, e non ritagliare mai il codice per farlo entrare in un’impaginazione.

Colori di marca che funzionano e colori che no

Il colore è il punto in cui manuale di marca e leggibilità litigano più spesso, e contano poche regole.

Un lettore legge il contrasto tra moduli e sfondo, quindi deve essere forte — e nel verso convenzionale: moduli scuri su fondo chiaro. I codici invertiti, chiari su scuro, sono letti da molti lettori ma non da tutti, il che li rende una scommessa su materiale stampato che non si può richiamare.

La vittima abituale è il colore di marca di valore medio. Una tinta che su uno schermo retroilluminato appare decisamente scura può finire troppo vicina al fondo una volta stampata su carta non patinata. Le sfumature sui moduli e gli sfondi fotografici sotto causano lo stesso problema in modo meno prevedibile.

Una verifica utile senza alcuno strumento: converti la grafica in scala di grigi. Se il motivo resta chiaramente scuro su chiaro, il contrasto è reale. Se diventa poltiglia, lo diventa anche la scansione.

Conserva la zona di silenzio

La specifica richiede un margine pulito di quattro moduli su tutti e quattro i lati. Non è riempitivo né un suggerimento del grafico — è così che il lettore stabilisce dove finisce il codice.

È anche la parte di un codice QR distrutta più di frequente, proprio perché sembra spazio vuoto che un’impaginazione potrebbe recuperare. Testo a filo del bordo, un filetto tracciato intorno, un’immagine di fondo che passa sotto, il codice tagliato a filo di un pannello — tutto questo la elimina.

Se lo spazio manca, riduci il codice e conserva il margine. Un codice piccolo con la zona di silenzio intatta si legge; uno più grande senza forse no.

Esporta il file giusto

Usa un formato vettoriale — SVG o PDF — per tutto ciò che verrà stampato. Il vettoriale mantiene i bordi dei moduli perfettamente nitidi a qualsiasi dimensione, e sono quei bordi nitidi che servono alla fotocamera.

Usa il PNG per schermi, email e documenti che si aspettano un’immagine raster, ed esportalo più grande di quanto pensi serva. Un codice QR ingrandito da un PNG piccolo sviluppa bordi di modulo morbidi e sfocati, e bordi sfocati vengono letti come dati ambigui.

Non prendere mai un codice da uno screenshot, e non lasciare che subisca una ricompressione con perdita sulla strada verso la tipografia. Gli artefatti JPEG attorno ai bordi molto contrastati sono esattamente il tipo di rumore sbagliato.

Provalo per bene, sono cinque minuti

Un codice che si scansiona nello strumento di progettazione è stato provato nel caso ideale: messa a fuoco perfetta, luce perfetta, schermo retroilluminato, un solo dispositivo. Niente di tutto ciò descrive il posto in cui verrà usato.

• Stampa una prova alla dimensione finale, sul materiale finale — carta patinata e non patinata si comportano diversamente.
• Scansiona con almeno un iPhone e un Android, e possibilmente con un telefono più vecchio dalla fotocamera più debole.
• Prova nell’illuminazione in cui vivrà, luce artificiale compresa e, all’aperto, sole pieno.
• Scansiona dalla distanza a cui starà una persona reale, non da dieci centimetri.
• Provalo leggermente di sbieco, perché è così che si tiene un telefono.
• Se andrà su qualcosa di curvo o flessibile, provalo curvo e non piatto.

Gli errori che continuano a ripetersi

Dietro quasi ogni codice di marca che fallisce in produzione c’è la stessa manciata di cause: il logo è cresciuto durante l’approvazione e nessuno ha ripetuto la prova; la zona di silenzio è stata ritagliata nell’impaginazione finale; un colore di marca che a schermo sembrava scuro è uscito grigio medio; il codice è stato ingrandito da un PNG piccolo e ha perso i bordi; oppure è stato provato solo sul telefono del grafico, che ha un’ottima fotocamera e conosce già l’indirizzo.

Tutte vengono intercettate stampando una prova e mettendola in mano a qualcun altro.