Come creare un codice QR con il logo dell'azienda — e se è sicuro per la scansione

Ti dirò come la vedo io dopo anni di creazione di questi codici per i clienti. Il quadrato in bianco e nero funziona. Si scansiona perfettamente. Sembra solo esattamente uguale al codice del vicino, al codice della concorrenza e al codice sul volantino che qualcuno ti ha infilato nella cassetta delle lettere. Niente di speciale.

E ora metti il logo al centro. Improvvisamente la persona vede di chi è il codice prima ancora di avvicinare il telefono. E scansiona più volentieri, perché vede un marchio che conosce. La differenza nelle letture può essere notevole.

La domanda che viene sempre posta in questa fase è: "non rovinerà la mia scansione?". No. A patto che non lo faccia alla cieca.

Perché il logo non fa saltare in aria tutto il codice QR con il logo

Qui c'è una piccola magia che vale la pena comprendere. Ogni codice QR ha in sé una correzione degli errori integrata. Si tratta di un bagaglio di dati ridondante che permette al lettore di ricostruire l'intero codice, anche se una parte è sporca, stropicciata o coperta da qualcosa.

Al livello più alto (indicato dalla lettera "H") il codice sopravvivrà alla copertura di circa il 30% della superficie. Il logo al centro consuma solitamente il 20–25%. Quindi rientri nei margini, e con ampio margine.

Due cose che seguo sempre:

1. Il logo va proprio al centro. Mai negli angoli. Questi tre quadrati spessi negli angoli sono indicatori di posizione, grazie ai quali il lettore capisce dove sia l'alto e dove il basso. Se ne copri uno, è finita, il codice è morto.
2. Dai al logo un bordo bianco. Un sottile margine tutto intorno. Separa la tua grafica dai "pixel" del codice e aiuta davvero nella lettura, specialmente quando il logo ha una forma frastagliata o irregolare.

Lavoro passo dopo passo

In cutty.dev lo fai mentre accorci il link, perché il codice QR è presente automaticamente in ogni link. Cominciamo:

1. Accorcia il link o apri quello che hai già nel pannello.
2. Vai alla sezione "Codice QR" nella pagina di modifica.
3. Carica il tuo logo (PNG, SVG, JPG, quello che hai). Si posiziona al centro e la correzione degli errori aumenta automaticamente di livello. Non devi cliccare nulla.
4. Scegli il colore del codice e dello sfondo in base al brand.
5. Scarica. PNG per lo schermo e i social, SVG per la stampa (si scala senza perdita di nitidezza, quindi per banner o roll-up usa proprio l'SVG).

L'anteprima si aggiorna in tempo reale. Vedi l'effetto prima che qualsiasi cosa venga salvata sul disco.

Fai attenzione: i colori possono ingannarti

Questo è quel momento in cui le persone sbagliano più spesso, quindi ascolta attentamente.

Lo scanner non legge i colori. Legge il contrasto. Puoi colorare il codice, prego, ma mantieni la regola: codice scuro su sfondo chiaro. Non il contrario. Codice chiaro su sfondo scuro, sì, verrà scansionato sul tuo telefono di punta, e poi il cliente con un Android più vecchio starà lì a imprecare perché non riesce a leggere nulla.

E non posizionare il colore del codice troppo vicino al colore dello sfondo. Blu scuro su nero? Dimenticalo. Maggiore è il contrasto, più il codice viene letto con sicurezza da una distanza maggiore (e su un sito web o su un manifesto alla fermata dell'autobus, questo ha proprio importanza).

La questione che nessuno ti dirà: dove finisce il tuo logo

La maggior parte dei generatori di codici QR con logo ti chiede di caricare un file sul loro server. E qui fermati un secondo. Il tuo marchio, a volte l'unica versione vettoriale decente, finisce presso un fornitore estraneo. E nei termini e condizioni può essere previsto il diritto all'uso ulteriore di questo file. Qualcuno ha mai letto questi termini? Appunto.

Da noi il codice viene generato nel tuo browser. Il logo non si sposta dal tuo computer, non viene inviato da nessuna parte né salvato. Il file rimane tuo.

Stampi una volta, indirizzi dove vuoi

Infine un consiglio che ti farà risparmiare molti soldi sulla ristampa.

Crea il codice da un link abbreviato, non dall'indirizzo grezzo e lungo. Perché? Perché un codice basato su un link breve può essere sostituito in seguito dall'interno. Cambi la destinazione del link nel pannello e lo stesso codice stampato improvvisamente porta altrove. La promozione è terminata? Reindirizzi verso una nuova, senza toccare i volantini.

Il codice inserito direttamente in un lungo indirizzo è cementato. Cambio di destinazione = nuovo codice = nuova stampa = nuovo conto dalla tipografia. Pensaci bene prima di ordinare mille biglietti da visita.