Codici QR trasparenti che scansionano ancora sulla superficie dietro di loro

Un codice QR trasparente è un codice QR esportato senza sfondo, quindi vengono disegnati solo i moduli scuri e tutto il resto lascia vedere ciò che sta dietro. Questo rende la superficie dietro il codice parte del codice: una superficie chiara e uniforme scansiona, una scura, a motivi o in movimento no. Questa pagina spiega dove i codici QR trasparenti funzionano, dove falliscono, e come rimediare ai fallimenti senza perdere l'aspetto.

1 Contenuto
https://
Nessuna registrazione richiesta Codici QR illimitati Nessuna filigrana Free high-resolution downloads
2 Design
Forma
Trama
Occhi
3 Anteprima
Copiato!

Cos'è un codice QR trasparente?

Un codice QR trasparente è l'immagine di un codice QR il cui sfondo è completamente trasparente, così restano visibili solo i moduli scuri. I moduli chiari di un codice QR trasparente non vengono disegnati affatto; sono vuoti, e uno scanner legge qualunque colore si veda attraverso quei vuoti. Un codice QR con sfondo trasparente è quindi scansionabile solo quanto la superficie su cui viene messo. Per i codici che portano un colore di sfondo proprio, vedi i codici QR colorati. Dove la superficie non è ideale, i moduli quadrati sono lo stile più tollerante - vedi i codici QR a pixel - e una cornice per codice QR è un modo per dare al codice un fondo chiaro.

Un cartoncino da tavolo rosso “Oak & Leaf Cafe - scansiona per vedere il menu” con un codice QR esagonale bianco ricavato in negativo dal rosso, su un supporto di legno

Cosa cambia con la trasparenza

Togliere lo sfondo non cambia i dati di un codice QR né il modo in cui un telefono lo decodifica. Cambia chi è responsabile di tre cose che un normale codice QR porta con sé.

  • I moduli chiari diventano la superficie - uno scanner ha bisogno che ogni modulo chiaro sia chiaramente più chiaro di ogni modulo scuro. Senza uno sfondo nel file, quel contrasto esiste solo se la superficie dietro il codice è chiara e uniforme.
  • Anche la zona silenziosa diventa la superficie - una zona silenziosa è il margine vuoto attorno a un codice QR che permette a uno scanner di rilevare dove il simbolo comincia e finisce. ISO/IEC 18004 la fissa a quattro moduli su ogni lato, e in un codice trasparente quel margine deve essere superficie libera, non grafica vicina.
  • Il contrasto non è più fissato all'esportazione - un codice QR con il suo sfondo ha lo stesso contrasto ovunque venga usato. Un codice QR trasparente ha un contrasto diverso su ogni superficie, quindi va ricontrollato ogni volta che viene posizionato.
  • Solo alcuni formati di file la conservano - PNG, SVG, PDF ed EPS memorizzano la trasparenza. Il JPG non può, e salvare un codice QR trasparente come JPG riempie lo sfondo di bianco o di nero, a seconda del programma.

Un codice QR trasparente è una comodità di design più che un tipo diverso di codice. Evita di far combaciare a mano un colore di sfondo, e permette a un solo file di stare su diverse superfici chiare. Non fa funzionare un codice su una superficie dove un codice normale fallirebbe.

La scacchiera non fa parte del codice

Gli strumenti di design e i generatori mostrano la trasparenza come una scacchiera grigia e bianca. La scacchiera è una convenzione dell'anteprima e non viene mai esportata né stampata. Se un codice QR scaricato mostra una scacchiera dopo essere stato inserito in un documento, il file era uno screenshot dell'anteprima e non l'esportazione trasparente.

Genera codice QR
Un poster di evento rosso e nero “Pulse Festival” con la line-up e un codice QR triangolare da scansionare per i biglietti

Dove i codici QR trasparenti funzionano meglio

Un codice QR trasparente si adatta a qualsiasi layout in cui il codice deve stare direttamente su una superficie chiara senza un riquadro bianco visibile attorno.

Pannelli di colore chiaro in un layout

Un codice scuro su un pannello crema, grigio pallido o pastello, senza un quadrato bianco che spezzi il design. Un solo file trasparente serve ogni colore di pannello di un sistema di brand, purché ciascuno sia chiaro.

Slide di presentazione e documenti

Un PNG o un SVG trasparente si appoggia sullo sfondo chiaro di una slide senza riquadro. Su un modello di slide scuro, metti prima un pannello chiaro arrotondato dietro il codice.

Carta kraft, crema e colorata

Stampare solo i moduli scuri lascia che sia la carta a fare da sfondo. La carta kraft è più scura di quanto sembri, quindi usa l'inchiostro più scuro disponibile e stampa una prova.

Packaging con un colore spot

Un lavoro di stampa a un colore non può stampare un riquadro bianco. Un codice vettoriale trasparente si stampa come un solo inchiostro sulla superficie chiara dell'astuccio stesso.

Incisione laser e vinile da taglio

Incisori e plotter da taglio hanno bisogno dei soli moduli scuri come forme vettoriali. Un SVG trasparente fornisce esattamente questo, senza un rettangolo di sfondo da cancellare.

Merchandising su tessuto chiaro

Una serigrafia a un colore su un capo bianco o chiaro. La trama del tessuto ammorbidisce i bordi, quindi stampa il codice più grande di quanto sarebbe su carta.

Su quali superfici scansiona un codice QR trasparente

Un codice QR trasparente scansiona su una superficie più chiara dei moduli, uniforme nel tono e ferma. Fallisce su superfici scure, a motivi, in movimento o trasparenti. Ogni fallimento ha un rimedio che conserva gran parte dell'aspetto senza bordi.

Un adesivo «Scansiona per il menu» sulla vetrina verde scuro di una caffetteria, con una cliente al tavolino della finestra e la lavagna delle bevande alle spalle

Superfici che rompono un codice QR trasparente

Questi sono i cinque posizionamenti che più spesso impediscono a un codice QR trasparente di scansionare, con il motivo di ciascuno.

  • Sfondi scuri - i moduli scuri su una superficie scura non hanno contrasto. Ricolorare i moduli di bianco produce un codice QR invertito, che lo standard consente ma che gli scanner dei telefoni decodificano in modo incostante. Metti invece un pannello chiaro dietro il codice.
  • Fotografie - una foto varia in luminosità da un modulo all'altro, quindi alcuni vuoti si leggono come chiari e altri come scuri. Anche una foto pallida di solito ha ombre o dettagli che attraversano il codice.
  • Sfumature e motivi - una sfumatura chiara in un angolo e di tono medio nell'altro dà al codice un contrasto alto da un lato e basso dall'altro. Uno scanner fissa una sola soglia per un'intera regione, e metà del codice cade dalla parte sbagliata.
  • Video e dirette streaming - un codice QR trasparente sopra immagini in movimento ha uno sfondo che cambia a ogni fotogramma. Un codice che scansiona durante una scena luminosa smette di scansionare in una scena scura.
  • Vetro, vetrine ed etichette trasparenti - un codice stampato su pellicola trasparente non ha alcuno sfondo: lo scanner vede la strada dietro la vetrina o il liquido dentro la bottiglia. Un'etichetta trasparente su una bevanda scura è un codice scuro su una superficie scura.

Come regola di lavoro, la superficie dietro un codice QR trasparente dovrebbe dare un rapporto di contrasto di almeno 4:1 rispetto ai moduli per l'uso su schermo e di 7:1 per la stampa. Sono gli stessi obiettivi che valgono per un codice QR con il suo sfondo.

Come rimediare a ciascuno

Ognuno di questi rimedi aggiunge un'area chiara e uniforme direttamente dietro il codice. L'area può avere la forma e il colore che si adattano al design; deve solo esserci.

  • Aggiungi un fondo chiaro dietro il codice - un rettangolo arrotondato o un cerchio bianco o di un colore chiaro del brand, che si estende di almeno quattro moduli oltre il codice su ogni lato. Su una foto o su un layout scuro questo è l'intero rimedio.
  • Usa un fondo semiopaco sopra i video - un fondo bianco con opacità dall'85 al 100% tiene fermo lo sfondo lasciando che l'overlay risulti leggero. Sotto circa l'85% le immagini cominciano a vedersi attraverso i moduli chiari.
  • Stampa uno strato bianco sul materiale trasparente - per adesivi da vetrina ed etichette trasparenti, chiedi alla tipografia un fondo di inchiostro bianco coprente dietro l'area del codice. Lo strato bianco viene stampato per primo e i moduli scuri sopra, così sul vetro il codice porta il suo sfondo.
  • Scegli la parte più chiara del layout - dove non si vuole un fondo, sposta il codice in un'area già chiara e piatta, e controlla che la zona silenziosa sia libera da testo e bordi.
  • Controlla il contrasto sulla superficie reale - campiona il colore della superficie e il colore dei moduli e confrontali nel verificatore di contrasto QR. Una lettura del contrasto fatta rispetto al bianco non dice nulla di un codice messo sul beige.
Un cartello da bancone rosa intenso di Lumière “Clean. Bright. Conscious. - scansiona per scoprire i nostri prodotti” con un codice QR scuro su una placca bianca, accanto a un flacone di siero

Idee per codici QR trasparenti

Quattro posizionamenti in cui togliere lo sfondo migliora il design, con il dettaglio che mantiene scansionabile ciascuno.

Un menu su cartoncino colorato

Un codice verde scuro stampato direttamente su cartoncino crema, senza riquadro bianco. Il crema è abbastanza chiaro per un contrasto forte, e il codice si legge come parte del menu e non come un adesivo sopra.

Un adesivo da vetrina

Vinile da taglio o pellicola trasparente stampata con un fondo bianco coprente dietro il codice. Da fuori, il codice ha uno sfondo chiaro e pieno qualunque cosa succeda dentro il negozio.

Un overlay per le dirette

Un PNG trasparente messo su un fondo bianco arrotondato nell'angolo della diretta. Il fondo mantiene il codice scansionabile a ogni cambio di scena, e il file trasparente evita un riquadro bianco che non combacia al suo interno.

Una scatola kraft a un colore

Un solo inchiostro nero su cartone kraft stampa soltanto i moduli. Il kraft abbassa il contrasto, quindi il codice viene dimensionato a 3 cm o più e provato sul cartone vero.

Come creare un codice QR trasparente

Un codice QR trasparente si crea in circa un minuto. La maggior parte dell'attenzione va a dove viene messo dopo.

Genera codice QR
  1. 1

    Aggiungi il tuo contenuto

    Incolla il link, oppure scegli un altro tipo come Wi-Fi o email, e genera il codice.

  2. 2

    Attiva Sfondo trasparente

    Apri la scheda Colori e spunta Sfondo trasparente. L'anteprima mostra una scacchiera dietro il codice, che indica l'area trasparente e non viene esportata.

  3. 3

    Scegli un colore scuro per i moduli

    Scegli un colore che sia scuro rispetto alla superficie su cui starà il codice. Nero, blu navy, verde scuro e marrone intenso funzionano tutti sulle superfici chiare.

  4. 4

    Esporta PNG o SVG, poi testa sul posto

    Scarica il PNG per gli schermi o l'SVG per la stampa, metti il codice sul suo sfondo reale e scansionalo lì con due telefoni prima di pubblicare o stampare.

Un codice QR su un cartello da banco

Un codice senza riquadro attorno

KoloQR, un generatore di codici QR gratuito con codici QR circolari e di forme personalizzate, ha un'opzione Sfondo trasparente nella scheda Colori. Spuntala e il generatore disegna solo i moduli, i pattern di individuazione e l'eventuale logo, in contorni quadrati, circolari, triangolari o esagonali.

La lettura del contrasto di KoloQR tratta un codice trasparente come se stesse sul bianco, perché il generatore non può conoscere la superficie finale. Controlla tu stesso il colore della superficie reale prima di stampare. KoloQR esporta PNG, SVG, PDF ed EPS trasparenti senza account e senza filigrana, e crea solo codici QR statici.

Genera codice QR

Formati di esportazione per codici QR trasparenti

La trasparenza sopravvive solo nei formati che la sanno memorizzare, e solo se il programma che apre il file la rispetta.

PNG

Memorizza la trasparenza e funziona in slide, documenti, siti web, editor video e software di streaming. Esporta alla dimensione più grande che serve, perché un PNG perde nitidezza quando viene ingrandito.

SVG

Trasparente per natura: il file contiene le forme dei moduli e nient'altro. Il formato per la stampa, il taglio del vinile e l'incisione, nitido a qualsiasi dimensione.

PDF o EPS

Formati vettoriali per le tipografie. Entrambi tengono vuoto lo sfondo, il che permette a una tipografia di aggiungere un fondo bianco coprente o un colore spot dietro il codice come livello separato.

Questions? Answered

Sì, su una superficie chiara e uniforme. Un codice QR trasparente non ha uno sfondo proprio, quindi la superficie dietro fa da moduli chiari. Su bianco, crema o un colore pallido il codice scansiona come qualsiasi altro. Su uno sfondo scuro, a motivi o in movimento fallisce, e ha bisogno di un fondo chiaro dietro.

Non direttamente. Una fotografia cambia luminosità lungo l'area del codice, quindi alcuni moduli chiari si leggono come scuri. Metti un fondo bianco o chiaro dietro il codice, che si estenda di almeno quattro moduli oltre il codice su ogni lato. Il fondo può essere arrotondato o colorato per adattarsi alla foto.

Il file è stato salvato come JPG o aperto in un programma che non supporta la trasparenza. Il JPG non ha trasparenza, e molti programmi riempiono di nero l'area vuota. Un codice scuro sul nero è invisibile. Scarica di nuovo il codice come PNG o SVG, e inserisci il file invece di incollarlo dagli appunti.

Se puoi, rigenera il codice con uno sfondo trasparente; è più pulito che modificarlo. Togliere il bianco da un PNG in un editor di immagini lascia un alone pallido di pixel semitrasparenti attorno a ogni modulo, che si vede come una frangia sulle superfici colorate. Se i dati originali non sono noti, prima decodifica il codice e poi generalo di nuovo.

Solo con uno strato bianco dietro. Su pellicola trasparente, lo sfondo del codice è qualunque cosa stia dietro il vetro, che cambia con la luce ed è spesso scura. Chiedi alla tipografia un fondo di inchiostro bianco coprente sotto l'area del codice, oppure usa un vinile bianco con il codice stampato sopra.

Evitalo dove puoi. I moduli bianchi su una superficie scura formano un codice QR invertito, che lo standard dei codici QR consente ma che gli scanner dei telefoni decodificano in modo incostante. Un codice scuro su un fondo chiaro messo sopra lo sfondo scuro scansiona su molti più dispositivi.

Sì. La zona silenziosa di quattro moduli su ogni lato vale ancora; semplicemente non è disegnata nel file. Tieni testo, immagini e il bordo del layout fuori da quel margine, e assicurati che la superficie al suo interno abbia lo stesso tono chiaro della superficie dietro il codice.

Sì. Il logo sta al centro come sempre, e l'area attorno viene liberata perché resti leggibile. In un codice trasparente anche quell'area liberata è trasparente, quindi controlla che il logo abbia abbastanza contrasto rispetto alla superficie finale oltre che rispetto ai moduli.

Sì. KoloQR crea codici QR trasparenti gratuitamente, compresi i download in PNG, SVG, PDF ed EPS, senza account e senza filigrana. I codici sono statici, quindi non hanno limiti di scansioni e non scadono.

Perché KoloQR?

  • Crea codici QR per siti web, menù, Wi-Fi, PDF e biglietti da visita
  • Personalizza colori, loghi e forme uniche
  • Scarica file PNG e SVG di alta qualità
  • Pensato sia per la stampa che per il digitale
Genera codice QR
Un semplice codice QR nero accanto allo stesso codice ridisegnato come un cerchio con i colori del brand