Generatore di QR Code stilizzato gratuito

Informazioni sui QR code

I QR code (Quick Response) sono codici a barre 2D che possono essere scansionati da smartphone e lettori dedicati. Codificano testo, URL, informazioni di contatto, credenziali WiFi e altro. Questo generatore crea QR code stilizzati con colori e dimensioni personalizzati adatti al marketing, al packaging e all'uso digitale.

Livelli di correzione errori

• L (7 %) · recupero di base, funziona quando il codice è prevalentemente intatto
• M (15 %) · standard, protezione bilanciata (consigliato)
• Q (25 %) · recupero elevato per codici danneggiati
• H (30 %) · recupero massimo per codici molto danneggiati

Domande frequenti

Posso usare colori personalizzati in un QR code?

Sì! La maggior parte degli scanner QR moderni gestisce bene i colori. Assicura un alto contrasto tra primo piano e sfondo per una lettura affidabile. Testa con i tuoi scanner di destinazione.

Quale dimensione usare?

I QR code più grandi si leggono più rapidamente e in modo più affidabile. Usa almeno 100×100 px. Per la stampa, usa 300 px o più per piccole applicazioni stampate.

PNG o SVG · quale formato è migliore?

Usa SVG per vettori scalabili (web, ridimensionamento per la stampa). Usa PNG per immagini raster (visualizzazione web, condivisione rapida). Entrambi funzionano altrettanto bene per la lettura.

Cosa fa effettivamente questo styler, e dove va il campo più ampio

Questa pagina espone un insieme deliberatamente piccolo di controlli di styling: scegli un colore di primo piano (scuro), un colore di sfondo (chiaro), una dimensione di output tra 100 e 1000 pixel, e un livello di correzione errori (L / M / Q / H). Quindi renderizza un codice QR standard con quelle impostazioni, interamente nel tuo browser, e offre il download di PNG e SVG. Non c'è incorporamento di logo, nessuna forma di modulo arrotondata, nessuna variante decorativa del pattern di rilevamento. Queste funzionalità esistono nell'ecosistema più ampio dei QR stilizzati e sono descritte di seguito, sono ciò che la maggior parte delle persone che imparano sui "codici QR stilizzati" vuole capire, ma uno strumento attento è onesto su ciò che spedisce.

Perché lo styling funziona affatto, il margine di correzione errori

I codici QR usano la correzione errori Reed-Solomon (introdotta da Irving S. Reed e Gustave Solomon nel 1960, lo stesso schema di codifica che permette a un CD di riprodursi attraverso uno smudge di impronta digitale e a una sonda Voyager di chiamare a casa dallo spazio interstellare). Il codice è codificato in modo ridondante affinché una percentuale dei moduli possa mancare o essere letta male e i dati originali possano comunque essere recuperati. I quattro livelli standardizzati, nelle parole di Denso Wave stessa:

• Livello L (Low), circa il 7% dei codeword può essere ripristinato.
• Livello M (Medium), circa il 15%. "Più frequentemente selezionato."
• Livello Q (Quartile), circa il 25%.
• Livello H (High), circa il 30%.

Guida ufficiale di Denso Wave: "Il livello Q o H può essere selezionato per ambiente industriale dove il QR Code si sporca" e "Il livello L può essere selezionato per ambiente pulito con grandi quantità di dati." Scegli il livello più basso che sopravvive alle tue condizioni di scansione reali, perché ogni passo da L a H rende il codice più denso (più moduli per lato) per lo stesso payload.

Per lo styling, la relazione è diretta: più margine di correzione errori uguale a più libertà visiva senza rompere la scansione. Un logo, un modulo ricolorato, una forma di modulo arrotondata, anche una tinta morbida del colore presumibilmente chiaro dello sfondo, ognuna di queste consuma parte del budget. Aggiungine troppe e il decoder Reed-Solomon dello scanner esaurisce le correzioni. La ricetta pratica che la maggior parte dei generatori di styling segue: se stai aggiungendo un logo o qualsiasi styling "designer", passa al Livello H, e anche allora prova su più dispositivi prima di stampare in scala.

Varianti di forma del modulo/punto

Il codice QR standard nella specifica usa moduli quadrati senza arrotondamento. Le moderne librerie di styling, e l'ecosistema più ampio dei QR stilizzati, tipicamente espongono un insieme fisso di opzioni di forma del modulo denominate. Il vocabolario de-facto, stabilito dalla libreria qr-code-styling di Denys Kozak e ora copiato da una serie di generatori:

• square, il predefinito, identico al simbolo di riferimento ISO/IEC 18004. Massima affidabilità dello scanner.
• rounded, moduli quadrati con angoli arrotondati. Leggera perdita di contrasto agli angoli ma visivamente più morbido.
• dots, punti completamente circolari senza fusione del modulo. Aspetto "design" più forte, costa il massimo margine di decodifica.
• classy, moduli con un angolo arrotondato, progettati per sembrare chevron fluenti quando i moduli scuri adiacenti si allineano.
• classy-rounded, la forma classy con una curva più pesante.
• extra-rounded, quadrato con raggio massimo dell'angolo, appena prima di diventare circolare.

La libreria tratta i moduli adiacenti dello stesso colore come una blob connessa prima di applicare la forma, motivo per cui rounded e classy danno tratti fluenti continui piuttosto che ogni modulo apparire isolato. Lo scanner legge i centri dei moduli, quindi finché il contrasto centroide-a-centroide sopravvive, la camera è contenta. Questo strumento attualmente espone solo i moduli quadrati standard, queste altre forme richiedono una libreria di rendering diversa per supportarle.

Varianti di occhio / pattern di rilevamento

Ogni codice QR ha tre "occhi", i grandi pattern a forma di bersaglio negli angoli in alto a sinistra, in alto a destra, e in basso a sinistra. Questi pattern di rilevamento hanno un rapporto di modulo fisso di 1:1:3:1:1, una proporzione interna che il team di Masahiro Hara ha analizzato contro materiali stampati dell'epoca per trovare una sequenza che quasi mai si verifica per caso, quindi lo scanner può individuarli rapidamente.

Ogni pattern di rilevamento consiste effettivamente di due parti: un quadrato angolare esterno (un anello di moduli 7×7 con un anello interno 5×5 del colore inverso) e un punto angolare (il centro solido 3×3). Le librerie di styling trattano queste due parti come personalizzabili indipendentemente, motivo per cui vedrai controlli separati per "frame" e "ball" in strumenti come QRCode Monkey e QR TIGER. Entrambi possono prendere qualsiasi delle stesse opzioni di forma dei moduli dati: square, dot, rounded, extra-rounded, classy, classy-rounded.

Avvertenza di scansionabilità per lo styling degli occhi: i pattern di rilevamento sono il modo in cui uno scanner trova il codice in primo luogo. Distorcerli troppo aggressivamente (es. piccoli punti dove dovrebbero esserci quadrati solidi) può far sì che la camera non riesca ad agganciare, specialmente a distanza o ad angolo. La regola sicura: mantieni almeno l'anello esterno del quadrato angolare come una forma chiusa continua (square, rounded, extra-rounded, non "dots"), e puoi essere più avventuroso con il punto interno.

Logo incorporati

Questa è la singola funzionalità di styling QR più richiesta nel 2026. Il meccanismo è brutalmente semplice: il codice QR è generato normalmente, quindi un'immagine logo (PNG, JPEG, SVG) viene disegnata sopra il centro, sostituendo alcuni dei moduli dati. La correzione errori Reed-Solomon quindi "riempie" i moduli oscurati al momento della scansione. Limiti pratici:

• Usa sempre il Livello H (30%) di correzione errori quando incorpori un logo.
• Mantieni la copertura del logo al 20-25% dell'area totale dei moduli (non l'area visiva inclusa la zona tranquilla). Sopra il ~25% stai invadendo il margine di recupero necessario per assorbire il rumore di scansione del mondo reale. Sopra il 30% sei praticamente garantito di fallire su scanner più economici e a distanza.
• Centra il logo. Gli angoli ospitano i pattern di rilevamento e (sui codici più grandi) i pattern di temporizzazione e i pattern di allineamento; oscurarli è un modo veloce per rompere completamente il codice.
• Se il logo ha un qualsiasi colore vicino allo sfondo, dagli una "placca" opaca dietro di esso così lo scanner non si confonde al bordo.
• Prova sempre su almeno un iPhone, un Android di fascia media, e un'app scanner dedicata prima di stampare in scala.

Questo strumento non incorpora logo. È una scelta deliberata di scope, le sovrapposizioni di logo necessitano di un modello di interazione attento (upload, posizionamento, trasparenza, un blocco di livello EC) che non si adatta a uno strumento "colore + dimensione". Per workflow QR-con-logo, guarda il QR Code Generator correlato.

Personalizzazione del colore, cosa è sicuro e cosa non lo è

Il colore è l'unica leva di styling che questo strumento espone effettivamente, quindi questa sezione è la più direttamente rilevante. La prima regola: contrasto. Uno scanner QR guarda ogni modulo e decide "scuro o chiaro?", e più grande è il gap tra i due, più velocemente e in modo più affidabile decide. Il numero di lavoro ampiamente citato specificamente per i codici QR è un rapporto di contrasto di almeno 4:1 tra primo piano e sfondo, con 4,5:1 o superiore preferito per affidabilità nel mondo reale. La guida generale di WCAG 2.x sulla grafica non-testuale (criterio 1.4.11) imposta un minimo di 3:1; i codici QR devono superare quella barra con un margine confortevole perché la camera non ha alcun ragionamento contestuale umano su cui fare affidamento.

• Affidabili: navy scuro, verde scuro, viola scuro, carbone, nero su bianco, avorio o sfumature molto pallide.
• Visivamente piacevoli ma spesso non scansionabili: rosso a mezzo-tono su verde a mezzo-tono, "palette del brand attenuata" su sfondo attenuato, pastello-su-pastello.
• Rosso puro come primo piano è una vecchia modalità di fallimento da segnalare. Molti vecchi scanner CCD usano un LED di illuminazione rosso, che fa apparire il rosso uguale al bianco al sensore. Le moderne camere smartphone vanno bene, ma se il tuo QR sarà scansionato da lettori industriali, evita primi piani rossi.

La seconda regola: non invertire. Un codice QR è, per specifica, moduli scuri su sfondo chiaro. I codici QR chiaro-su-scuro ("invertiti") sono tecnicamente validi e gli scanner più intelligenti (la moderna Camera iOS, l'ultimo Google Lens) possono ribaltarli e leggerli, ma una porzione significativa dei telefoni sul campo non può. Le vecchie app camera Android, le app scanner di terze parti, e quasi tutti gli scanner barcode dedicati assumono scuro-su-chiaro e falliranno sull'inverso. Il pattern raccomandato quando hai uno sfondo brand scuro e vuoi mettere un QR su di esso: non invertire, invece posiziona un QR standard scuro-su-chiaro all'interno di una "placca" chiara contrastante o di una scatola incorniciata sulla superficie scura.

La terza regola: gradienti e moduli multi-colore costano margine di decodifica. Le librerie di styling supportano gradienti lineari e radiali sui moduli scuri, sullo sfondo, e anche sugli occhi indipendentemente, e appaiono splendidi sullo schermo. Ma ogni transizione di colore liscia rende la decisione scuro/chiaro per modulo più difficile per lo scanner, specialmente con poca luce. I gradienti sono più sicuri quando il gradiente rimane all'interno di una singola famiglia scura (es. navy che sfuma in viola scuro, entrambi chiaramente "scuri") piuttosto che attraversare attraverso mezzi toni. Questo strumento attualmente espone solo colori solidi, che è il punto di partenza più sicuro.

PNG vs SVG, scelta del formato di output

PNG è un formato raster. Il codice QR viene renderizzato su una griglia di pixel fissa. Pro: funziona ovunque, inclusi i vecchi client email e qualsiasi superficie di visualizzazione di immagini. Contro: il ridimensionamento oltre la risoluzione renderizzata causa sfocatura e aliasing lungo i bordi dei moduli, il che può compromettere la scansionabilità su stampe grandi. Per un PNG di 300px usato su un poster di 600×600 mm, i moduli appariranno notevolmente morbidi.

SVG (Scalable Vector Graphics) è un formato vettoriale. Il codice QR è descritto come un insieme di poligoni e il renderer li rasterizza alla risoluzione richiesta dal dispositivo di visualizzazione o stampa. Pro: infinitamente scalabile senza perdita di qualità; dimensione del file molto piccola (spesso pochi kB); modificabile in Illustrator, Affinity Designer, Inkscape; funziona nativamente nei moderni browser web. La regola pratica: se va su schermo, entrambi i formati vanno bene; se va a stampa, specialmente a qualsiasi scala sopra la dimensione di una cartolina, scegli SVG.

Evita JPEG per i codici QR. Gli artefatti di compressione lossy di JPEG si raggruppano attorno ai bordi ad alto contrasto, esattamente dove si trova ogni confine di modulo QR, e anche ad impostazioni di alta qualità JPEG può introdurre abbastanza sfocatura dei bordi da rompere la decodifica su scanner più economici. PNG è la scelta raster corretta.

Il requisito della zona tranquilla (spesso dimenticato)

ISO/IEC 18004 richiede una zona tranquilla, un margine di sfondo chiaro, di almeno 4 moduli larghi su tutti e quattro i lati del codice. Senza di essa, lo scanner può scambiare il tipo vicino, i bordi, o le immagini di sfondo per parte del codice e fallire la decodifica o decodificare in modo errato. In termini pratici: se un singolo modulo è largo 2 mm sul codice stampato, la zona tranquilla deve essere almeno 8 mm su ciascun lato. I download PNG e SVG di questo strumento includono il margine standard della zona tranquilla. Molti export QR "ritagliati" amichevoli per Instagram rompono la regola e questa è una causa principale di frustrazione "perché il mio codice non scansiona?".

Una nota sui codici QR di pagamento

Una fetta non banale del traffico di codici QR del mondo è per i pagamenti, e questi codici QR di pagamento non sono generici. I codici QR EMV (specifica EMVCo, versione corrente 1.1, ultimo aggiornamento 27 novembre 2020) codificano un payload strutturato di ID merchant, importo della transazione, valuta, MCC, codice paese, e un checksum CRC. Alipay e WeChat Pay (Cina), UPI (India), PromptPay (Thailandia), PayNow (Singapore), PIX (Brasile) seguono payload definiti dal regolatore. Sembrano codici QR ordinari visivamente, ma un'app camera generica non può effettivamente pagare nulla con essi, il payload deve essere emesso dalla piattaforma di pagamento stessa. Non puoi generare un codice QR di pagamento funzionante con questo strumento, non importa quanto autentico sia lo styling visivo. Usa la dashboard merchant del tuo processore di pagamento.

Il boom dei QR stilizzati post-2020, perché conta

I codici QR erano tecnicamente disponibili ovunque dal 2010 circa, ma l'adozione in Occidente è rimasta superficiale fino a quando il COVID-19 ha forzato un pivot senza contatto. Le interazioni con codici QR sono cresciute del 94% dal 2018 al 2020; i download attribuiti alle scansioni di codici QR sono cresciuti del 750% tra il Q1 2020 e il Q4 2021. Circa 89 milioni di utenti di smartphone USA hanno scansionato un codice QR nel 2022. Juniper Research prevede che i pagamenti con codice QR supereranno gli $8 trilioni di spesa annuale a livello globale entro il 2029, dai $5,4 trilioni del 2025. Il fornitore di QR brandizzati QR TIGER afferma che i codici QR stilizzati/brandizzati ottengono fino al 70% in più di scansioni rispetto ai codici in bianco e nero (tratta la cifra esatta come affermazione del fornitore, ma il punto direzionale che lo styling del brand guida le scansioni è ampiamente condiviso).

Entro il 2026 un codice QR non è più un pezzo di infrastruttura di utilità strana, è una superficie del brand. Le aziende vogliono che si senta on-brand allo stesso modo in cui vogliono la loro tipografia o il loro packaging on-brand. Ecco perché l'intento di ricerca "styler" esiste e perché gli strumenti concorrenti convergono tutti sullo stesso set di controlli dot/eye/colour/logo.

Altre domande

Posso creare un codice QR di pagamento (Alipay, WeChat Pay, UPI) con questo strumento?

No. I codici QR di pagamento sono emessi dalla piattaforma di pagamento stessa e incorporano un payload firmato crittograficamente o specifico della piattaforma che un generatore generico non può produrre. Usa la dashboard merchant del tuo processore di pagamento o l'integrazione ufficiale Alipay/WeChat/UPI per il tuo paese.

Perché il mio codice QR colorato non viene scansionato su alcuni telefoni?

Quasi sempre un problema di contrasto. Punta ad almeno 4,5:1 di contrasto tra primo piano e sfondo; usa scuro-su-chiaro (non invertito); evita il rosso puro come primo piano se potresti essere scansionato da lettori industriali. Se incorpori un logo altrove, alza la correzione errori al Livello H. La causa più grande di fallimenti di scansione di QR stilizzati sono i colori del brand ben intenzionati che appaiono fantastici su un campione Pantone ma danno alla camera del telefono troppo poco con cui lavorare.

Posso aggiungere un logo al centro del mio codice QR qui?

Non in questo strumento, si concentra sul colore e sul dimensionamento. Le sovrapposizioni di logo necessitano di un modello di interazione attento (gestione dell'upload, posizionamento, trasparenza, un blocco di livello EC) che non si adatta a questo workflow di "styling rapido". Il pattern canonico è renderizzare il QR al Livello H, quindi comporre il tuo logo sul centro usando un editor di immagini, mantenendo la copertura al 20-25% dell'area dei moduli.

Qual è la dimensione giusta per stampare un codice QR?

Una regola pratica: la lunghezza del bordo del QR dovrebbe essere almeno un decimo della distanza di scansione prevista. Un QR destinato ad essere scansionato da 1 m di distanza dovrebbe essere almeno 10 cm × 10 cm. Per un QR su schermo TV scansionato attraverso un soggiorno, lo vuoi grande; per un QR su biglietto da visita scansionato a lunghezza di braccio, 1,5-2 cm funziona. Sempre SVG per la stampa, mai JPEG, e mantieni la zona tranquilla di 4 moduli intatta.

Strumenti correlati