QR code con logo: come crearlo perché si legga al primo colpo

Per creare un QR code con logo bisogna generare un codice normale, caricare l'immagine del logo e alzare il livello di correzione degli errori, così la parte coperta non ostacola la lettura. Nel generatore bastano un paio di minuti: il logo si posiziona da solo al centro e il livello di correzione sale in automatico. Di seguito vediamo quale file va bene, come scegliere i colori e cosa controllare prima della stampa.

Cosa ti serve

Servono due cose: il contenuto del codice e il file del logo. Nel codice puoi inserire un link, un testo, i dati del Wi-Fi, un biglietto da visita, un numero di telefono o un indirizzo email. Il logo si mette sopra uno qualsiasi di questi tipi.

Il file del logo può essere PNG, JPG, WebP o SVG. Funziona meglio una versione semplice del marchio, senza testo piccolo e linee sottili, perché dentro il codice il logo occupa poco spazio.

Parti dal contenuto, non dalla grafica. Verifica prima che il codice senza logo porti dove deve e si legga con il telefono. Poi aggiungi logo e colori: così è più facile capire in quale passaggio qualcosa non ha funzionato.

Come inserire il logo nel QR code passo per passo

Apri il generatore di codici QR e procedi così.

1. Scegli il tipo di codice e compila i campi: il codice compare subito.
2. Nel campo «Logo al centro» scegli il file del logo.
3. Guarda il livello di correzione degli errori: da L o M passa da solo ad H.
4. Se serve, cambia il colore del codice e dello sfondo.
5. Scarica il PNG della dimensione che ti serve e prova il codice con il telefono.

Il logo si toglie con il link «rimuovi» accanto al campo di caricamento. Il codice viene rigenerato senza logo e le altre impostazioni restano.

L'ordine si può cambiare: puoi caricare prima il logo e inserire i dati dopo. Il codice si rigenera a ogni modifica e il logo resta al suo posto finché non lo togli o non ricarichi la pagina.

Quale file del logo va bene

Il logo viene adattato a un quadrato. Se il tuo marchio è allungato in orizzontale o in verticale, l'immagine viene schiacciata fino a diventare quadrata e si deforma. Prepara quindi in anticipo un file quadrato: metti il logo al centro di una tela quadrata e lascia un po' di margine.

Usa il simbolo, non la versione completa con nome e slogan. Le lettere piccole al centro del codice diventano tratti illeggibili. Se il brand non ha un simbolo separato, va bene l'iniziale del nome o un emblema semplificato.

Al file non serve una risoluzione alta, ma nemmeno un'immagine minuscola: scaricando il codice a 4096 pixel il logo viene ingrandito e risulta sfocato. Un'immagine di qualche centinaio di pixel per lato di solito basta, e un SVG resta nitido a qualsiasi dimensione.

Funzionano bene i loghi dalla forma compatta e piena: un cerchio, uno scudo, una lettera, un pittogramma semplice. Rendono peggio i marchi traforati fatti di linee sottili e quelli con colori pallidi, che su una base così piccola si perdono. Se del marchio esiste una versione per icona di app o avatar social, usa quella.

Dove sta il logo e quanto è grande

Il logo sta sempre esattamente al centro del codice. La sua larghezza è il 22% della larghezza dell'intera immagine, margine compreso. Sotto il logo viene disegnata una base con angoli arrotondati, poco più grande del marchio, che lo separa dai quadratini del codice.

La base prende il colore di sfondo del codice. Se lo sfondo è trasparente, la base è bianca. Nello strumento non si può cambiare la dimensione del logo, spostarlo in un angolo o togliere la base: questi valori sono scelti perché il codice resti leggibile.

Perché il logo non rompe il codice

Ogni QR code contiene dati ridondanti. Servono perché il codice si legga anche se parte del disegno è rovinata, sporca o coperta. Per lo scanner il logo è proprio questo tipo di «danno» al centro: i quadratini sotto non si vedono e il telefono li ricostruisce grazie alla riserva.

La riserva non è infinita. È stabilita dal livello di correzione degli errori, e più grande è l'area coperta, più alto deve essere il livello. Per questo, quando carichi un logo, lo strumento imposta da solo il livello massimo, H.

Un'immagine o una foto al centro del QR code al posto del logo

Al centro si può mettere qualsiasi immagine, non solo un logo: una foto, un'icona, il simbolo di un social. Le regole sono le stesse: file quadrato, soggetto semplice, buon contrasto con la base. Un ritratto o la foto di un prodotto si distinguono male a questa dimensione, quindi scegli un primo piano senza dettagli minuti.

Cosa lo strumento non fa

Per evitare false aspettative, ecco i limiti.

• Il logo compare solo nel PNG. Nel file SVG non c'è.
• I quadratini del codice sono quadrati: niente punti arrotondati, motivi o marcatori d'angolo sagomati.
• Il codice ha un solo colore, niente sfumature.
• Non ci sono cornici con la scritta «scansionami» né modelli grafici pronti.

Cornice, didascalia e sfondo aziendale è più semplice aggiungerli dopo, nel layout, lasciando il codice semplice e contrastato.

Se ti serve una grafica più elaborata, non provare a disegnarla sopra i quadratini in un editor. Qualsiasi ritocco ai quadratini rischia di rendere il codice illeggibile, e potresti accorgertene solo dopo la stampa.

Il QR code con logo è gratuito e non scade

Il codice con logo viene creato nel browser, gratis e senza registrazione, e non ci sono abbonamenti. Il codice è statico: contiene i tuoi dati e non l'indirizzo di un servizio intermedio, quindi non smetterà di aprirsi.

Il file del logo non viene caricato da nessuna parte, è elaborato nel browser. Quando premi «Scarica PNG», una copia del codice finito viene inviata allo studio per i codici con link, testo, telefono ed email. Per i codici Wi-Fi e biglietto da visita non viene inviata alcuna copia.

Il livello di correzione degli errori è l'impostazione chiave di un codice con logo. Da esso dipende quanti quadratini si possono coprire senza perdere la lettura e quanto fitto risulta il disegno.

Livelli L, M, Q e H: cosa significano

Un QR code ha quattro livelli di correzione degli errori. Ciascuno indica, all'incirca, quale quota dei dati si può recuperare in caso di danno.

Più alto è il livello, più quadratini di servizio vengono aggiunti al codice. I dati restano gli stessi, ma il disegno diventa più fitto.

Le percentuali sono indicative e riguardano i dati del codice, non la superficie dell'immagine. Non si può ragionare così: il livello H regge tutto ciò che copre meno del 30% della superficie. Gli elementi di servizio, come i tre grandi quadrati agli angoli, non vanno mai coperti, e il logo sta al centro proprio perché lì non ce ne sono.

Cosa succede quando carichi il logo

Se prima del caricamento il livello era L o M, lo strumento lo porta da solo ad H. Se avevi già scelto Q, resta Q: lo strumento non modifica i livelli Q e H.

Dopo il caricamento puoi cambiare il livello a mano, anche tornando a M. Non conviene: una riserva del 15% può non bastare per un centro coperto, e il codice inizierà a leggersi una volta sì e una no, o per niente.

L'automatismo scatta solo al momento del caricamento. Se poi togli il logo, il livello H resta selezionato: per un codice senza logo puoi riportarlo a M a mano, così il disegno si semplifica.

Si può lasciare il livello Q

Sì, se il codice continua a leggersi con sicurezza. Il livello Q dà un disegno meno fitto di H, utile quando i dati sono tanti e il codice va stampato piccolo. Ma un codice così va provato con più rigore: con più telefoni, su una stampa vera, con poca luce.

Nel dubbio, lascia H. Il margine di sicurezza torna utile quando l'adesivo si consuma o un riflesso cade sul cartello.

Perché un codice con logo viene più fitto

La dimensione di un codice in quadratini dipende da due cose: la quantità di dati e il livello di correzione. Il QR code più piccolo ha 21 quadratini per lato, il più grande 177, e ogni gradino successivo ne aggiunge quattro per lato.

Passare da M ad H a parità di dati fa salire il codice di alcuni gradini. I quadratini aumentano e, a parità di immagine, ciascuno è più piccolo. Per la fotocamera i quadratini piccoli sono più difficili da distinguere, soprattutto da lontano.

In pratica si vede subito: nell'anteprima, dopo il caricamento del logo, il codice diventa più fine e fitto. È normale e non è un errore. Basta tenerne conto nella scelta della dimensione di stampa: un codice che senza logo si leggeva su un piccolo adesivo, con il logo può richiederne uno più grande.

Come semplificare il codice: accorcia i dati

Il modo più efficace per avere quadratini grandi è mettere meno caratteri nel codice. Per un link significa togliere il superfluo.

• Elimina dall'indirizzo i parametri di tracciamento e le parti lunghe dopo il punto interrogativo, se non servono.
• Punta all'indirizzo breve della pagina, non a un indirizzo lungo copiato dai risultati di ricerca.
• In un biglietto da visita compila solo i campi necessari: ogni campo aggiunge quadratini.
• In un codice di testo lascia l'essenziale e sposta i dettagli su una pagina raggiungibile da link.

Se ne parla più a fondo nell'articolo su come creare un QR code da un link: un indirizzo corto aiuta anche senza logo.

L'effetto si verifica facilmente nello strumento: inserisci un indirizzo lungo, guarda il disegno, poi accorcialo e confronta. La differenza di densità si vede subito, ed è il miglior argomento a favore di un link breve.

Cosa fare se i dati sono troppi

Se i dati sono così tanti da non entrare nel codice al livello scelto, lo strumento lo segnala e propone di accorciare il testo o abbassare la correzione. Per un codice con logo la strada giusta è la prima: ridurre i dati, non la riserva.

Se il codice è stato generato ma sembra una trama finissima, è comunque un segnale. Un codice così con il logo farà i capricci in scansione. Riduci il contenuto o stampalo decisamente più grande.

Come capire se la riserva basta

Non esiste un calcolo affidabile a occhio, esiste la prova. Un codice con logo deve leggersi all'istante, senza cercare angolo e distanza. Se il telefono ci pensa un secondo o due o legge una volta su due, la riserva è al limite: nella realtà al logo si sommeranno riflessi, usura e poca luce, e il codice cederà.

Prova il codice con telefoni diversi, compreso uno economico e non recente. Fotocamere e software di riconoscimento cambiano, e ciò che un top di gamma legge senza fatica può mettere in difficoltà un modello vecchio.

Serve il livello H senza logo

Di solito no. Per una stampa pulita e per lo schermo basta il livello M, che è quello predefinito. Un livello alto senza necessità rende solo il disegno più fitto. Fanno eccezione i codici dalla vita dura: adesivi su macchinari, cartelli all'aperto, imballaggi che si stropicciano.

Il logo raramente arriva da solo: insieme a lui viene voglia di cambiare il colore del codice per adattarlo al brand. Si può, ma lo scanner ha le sue esigenze, ed è più facile violarle di quanto sembri.

Codice scuro su sfondo chiaro

La fotocamera distingue i quadratini per luminosità, non per colore. Per questo la scelta più sicura è un codice scuro su sfondo chiaro: nero, blu scuro, verde scuro o bordeaux su bianco o su un tono molto chiaro. Lo strumento parte con un codice quasi nero su sfondo bianco.

Il colore aziendale va bene per il codice se è abbastanza scuro. Giallo, verde lime, azzurro, grigio chiaro e rosa non funzionano per i quadratini: sul bianco si confondono con lo sfondo. Tieni questi colori per la didascalia e la cornice intorno al codice.

Anche lo sfondo può essere colorato, ma solo molto chiaro: crema, grigio chiaro, azzurro pallido. Più lo sfondo è scuro, minore è la differenza dai quadratini e più capriccioso è il codice. Un colore aziendale saturo come sfondo è quasi sempre una cattiva idea.

Si può fare un codice chiaro su sfondo scuro

Lo strumento permette di scegliere due colori qualsiasi, anche un codice bianco su sfondo nero. Ma non tutti gli scanner leggono i colori invertiti, e il comportamento dipende dal telefono e dall'app. Se il codice è destinato al grande pubblico, non rischiare: scuro su chiaro.

Se la grafica richiede un fondo scuro, mettici sopra un rettangolo bianco e inserisci dentro un codice normale. Il layout mantiene lo stile e il codice resta leggibile.

Con lo sfondo trasparente l'inversione può capitare senza accorgersene: hai scaricato un codice scuro senza sfondo e poi l'hai appoggiato su un fondo scuro. Sullo schermo dell'editor magari si vede, ma la fotocamera non lo coglie più. Prova il codice dopo averlo inserito nel layout.

Come verificare il contrasto

Una verifica semplice: converti l'immagine in bianco e nero o guardala socchiudendo gli occhi. Se i quadratini si staccano ancora bene dallo sfondo, il contrasto basta. Se il codice è diventato una macchia grigia uniforme, i colori sono troppo vicini per luminosità.

La seconda verifica è pratica: scansiona il codice in una stanza in penombra e da uno schermo alla luminosità minima. Un buon codice si legge anche lì.

Considera anche il tipo di stampa. Sullo schermo i colori sono vivaci, ma sulla carta, soprattutto su kraft o cartoncino colorato, si spengono e il contrasto cala. Un codice che dal monitor si leggeva bene può risultare troppo pallido su una scatola marrone.

Sfondo trasparente: quando è utile

Lo sfondo trasparente serve quando il codice va su un fondo colorato nel layout e il quadrato bianco intorno dà fastidio. Spunta «Sfondo trasparente» e nel PNG restano solo i quadratini e il logo sulla sua base bianca.

Ricorda che il codice uno sfondo lo avrà comunque: sarà ciò su cui lo appoggi. Se metti un codice trasparente su una foto, una fantasia vivace o un riempimento scuro, smette di leggersi. Sotto un codice trasparente serve una superficie chiara e uniforme.

Colore del logo e base

Il logo può essere di qualsiasi colore: lo scanner non lo legge, lo salta. Conta solo che non esca dalla base e non sembri un prolungamento dei quadratini. La base nel colore dello sfondo ci pensa da sola.

Se il file del logo ha un proprio sfondo colorato, dentro la base comparirà un quadrato colorato. Non disturba la lettura, ma è grossolano. Più pulito un logo su sfondo trasparente: puoi ottenere un file così con lo strumento Rimuovi sfondo, dove elaborazione e anteprima sono gratuite e il file pulito a piena dimensione è a pagamento.

Se il codice è su sfondo bianco e il logo è disegnato su bianco, non serve togliere lo sfondo: bianco su base bianca si fonde da sé.

Esiste anche l'estremo opposto: un logo quasi dello stesso colore della base, per esempio un marchio bianco su sfondo bianco. Il codice non ne soffre, ma al centro resta un quadrato vuoto e il logo perde senso. In quel caso usa la versione a colori del marchio.

Il margine intorno al codice

Intorno al codice deve restare una zona vuota nel colore dello sfondo. Lo standard QR richiede un margine largo quattro moduli, cioè quattro quadratini, su ogni lato. Serve allo scanner per capire dove il codice inizia e finisce.

Nello strumento il margine si regola con un cursore da 0 a 8 moduli, e il valore predefinito è 4. Riducilo solo se sai per certo che nel layout intorno al codice resterà comunque una zona chiara e pulita. Margine zero con una cornice o un testo attaccati al codice porta a letture fallite.

Cosa è meglio evitare

Alcune scelte che nel layout fanno bella figura e nella realtà funzionano male.

• Il codice sopra una foto o una fantasia.
• Quadratini e sfondo in due colori di luminosità simile.
• Tagliare il margine per risparmiare spazio.
• Allungare il codice senza rispettare le proporzioni: deve restare quadrato.
• Una compressione JPG forte che sfuma i bordi dei quadratini.

Tutti questi errori hanno una cosa in comune: il codice smette di essere un semplice disegno a due toni con bordi netti. Più il risultato si avvicina a questo ideale, meno sorprese ci sono. L'identità del brand si esprime meglio con il logo al centro, un colore scuro per i quadratini e la grafica intorno al codice.

Un codice con logo si fa quasi sempre per la stampa: confezioni, biglietti da visita, volantini, insegne. Qui contano il formato del file, la dimensione e la prova finale.

PNG o SVG per la stampa

Il logo compare solo nel PNG. Quindi, per stampare un codice con logo, scarica il PNG più grande, 4096 pixel: in stampa resta nitido anche su un poster.

L'SVG contiene solo il codice, senza logo. È utile se il layout lo prepara un grafico: inserirà il codice vettoriale e ci metterà sopra il logo nel suo programma. In questo caso scegli a mano il livello H prima di scaricare l'SVG, perché senza un logo caricato il livello non sale da solo.

La dimensione del PNG nell'elenco è indicativa. Lo strumento disegna ogni quadratino con un numero intero di pixel per avere bordi netti, quindi il lato del file può differire un po' dal numero scelto.

Per un sito, un'email o una presentazione basta meno: 512 o 1024 pixel. Un file troppo grande in una pagina rallenta solo il caricamento e non aggiunge nitidezza.

A che dimensione stampare il codice

Non esiste una dimensione minima unica. Si calcola a partire dal quadratino: la larghezza del codice è il numero di quadratini, margine compreso, moltiplicato per la dimensione di un quadratino. Per esempio, un codice di 33 quadratini con un margine di 4 per lato è largo 41 quadratini. Se ogni quadratino è stampato largo mezzo millimetro, il codice occupa circa due centimetri.

Più quadratini ha il codice, più grande va stampato perché ognuno resti distinguibile. Un codice con logo al livello H è più fitto di uno normale, quindi tieniti largo. E più lontana sarà la persona, più grande deve essere il codice: un biglietto in mano e un poster a parete richiedono misure diverse.

La cifra esatta la dà solo la prova. Stampa il codice alla dimensione prevista sulla stessa stampante, oppure chiedi una prova di stampa alla tipografia, e scansionalo.

Conviene ragionare al contrario. Decidi prima quanto spazio c'è per il codice nel layout. Poi guarda quanti quadratini ha il tuo codice e stima quanto sarà grande ciascuno. Se risulta minuscolo, riduci la quantità di dati e non il margine: è l'unico modo per ingrandire i quadratini a parità di spazio.

Codice con logo sul biglietto da visita

Il biglietto è piccolo e il codice con logo è fitto, quindi qui ridurre i dati conta più che mai. Al posto di un biglietto completo con cinque campi, spesso è più sensato mettere nel codice un link breve a una pagina con i tuoi contatti.

Se ti serve un codice semplice senza logo, lo strumento per creare biglietti da visita lo inserisce da sé: ha un campo per il QR code e lo spazio per il logo aziendale sul cartoncino. Il logo sta così accanto al codice e non dentro, e il codice resta leggero.

Il retro del biglietto è adatto a un codice grande: non c'è altro testo e il codice può occupare quasi tutta l'altezza. Non metterlo a filo del bordo: al taglio della tiratura il bordo può spostarsi e mangiarsi il margine.

Codice su confezioni, adesivi e insegne

Sulle confezioni il codice va su una faccia piana, non su una piega né su una giunzione. Su bottiglie e barattoli si fa più stretto, così la curvatura non deforma il disegno. Sulla pellicola lucida attenzione ai riflessi.

Per insegne e vetrine ricorda distanza e vetro: un codice dietro un vetro di giorno riflette. Anche il codice Wi-Fi per i clienti può avere il logo del locale; come prepararlo è spiegato nell'articolo sul QR code per il Wi-Fi.

Su tessuto, legno, metallo e altri materiali con trama i quadratini piccoli si impastano o si perdono nel disegno della superficie. Per questi supporti fai il codice più semplice e grande possibile e metti il logo accanto, non dentro.

Come provare il codice prima della tiratura

Non provare l'immagine sullo schermo, ma una stampa di prova a grandezza reale.

1. Scansiona il codice con la fotocamera di un iPhone e di un telefono Android.
2. Provalo dalla distanza da cui lo scansioneranno le persone.
3. Ripeti con poca luce e in diagonale.
4. Verifica che si apra proprio l'indirizzo o i dati che volevi.
5. Se il codice non si legge subito, ingrandiscilo o accorcia i dati e riprova.

Salva il file provato e non salvarlo di nuovo con modifiche. Ogni nuova compressione o ridimensionamento in un editor può sfumare i bordi dei quadratini. Manda in tipografia lo stesso file che hai scaricato e provato.

Errori frequenti in un codice con logo

Primo errore: il logo viene incollato in un editor grafico sopra un codice già pronto e fatto troppo grande. Il codice creato nel generatore tiene conto dell'area coperta, mentre un inserto fai da te copre facilmente più di quanto la riserva regga.

Secondo errore: il livello di correzione viene riabbassato per avere un disegno meno fitto. Terzo: il codice è stampato piccolo anche se ha molti quadratini. Quarto: nel codice c'è un link lungo con parametri che si poteva dimezzare.

E l'ultimo: il codice non è stato provato dopo l'impaginazione. Il grafico può aver tagliato il margine, cambiato colore o compresso l'immagine, e va provato ciò che è andato in stampa.

Come creare un QR code con logo gratis? Apri il generatore di codici QR, inserisci i dati, scegli il file nel campo «Logo al centro» e scarica il PNG. Il codice viene creato nel browser, gratis e senza registrazione.

Quale livello di correzione degli errori serve per un QR code con logo? Il livello H, che recupera circa il 30% dei dati. Lo strumento lo attiva da solo se prima del caricamento del logo era impostato L o M.

Perché il mio QR code con logo non si legge? Di solito perché è stampato troppo piccolo, i colori hanno poco contrasto, il margine è tagliato o il livello di correzione è stato abbassato a mano. Accorcia i dati e torna a codice scuro su sfondo chiaro e livello H.

In che formato deve essere il logo? Vanno bene PNG, JPG, WebP e SVG. Meglio un file quadrato: il logo viene adattato a un quadrato e un'immagine allungata si deforma.

Si può scaricare il QR code con logo in SVG? No. L'SVG contiene solo il codice, il logo compare soltanto nel PNG. Per la stampa usa il PNG da 4096 pixel.

Si può cambiare la dimensione del logo nel codice? No. Il logo sta sempre al centro e occupa il 22% della larghezza dell'immagine. Il valore è scelto perché il codice resti leggibile.

Si può fare un QR code colorato? Sì, puoi scegliere il colore del codice e dello sfondo, e lo sfondo può essere trasparente. I quadratini devono essere nettamente più scuri dello sfondo, altrimenti lo scanner non li distingue.

Un QR code con logo smetterà di funzionare col tempo? No. Il codice è statico e non dipende da un servizio: contiene i tuoi dati. Funziona finché esiste la pagina o la rete a cui porta.