Codici QR a pixel, dalla pixel art ai file perfetti al pixel
Un codice QR a pixel è un codice QR disegnato come quadrati dai bordi netti, un quadrato per modulo, senza arrotondamenti, punti o sfumature. La stessa griglia si può esportare come immagine nitida, ridisegnare in un editor di pixel art, oppure costruire con blocchi, bottoncini, piastrelle o punti di ricamo. Questa pagina copre l'aspetto, le costruzioni e i conteggi dei pixel che mantengono scansionabile ogni versione.
Si apre in Google Maps. Funzionano anche le coordinate: 37.4224, -122.0841.
Il codice apre il modulo "Scrivi una recensione" della tua attività. Incolla il Place ID, o un link di Google Maps che lo contiene.
Un link UPI non ha checksum: un ID sbagliato produce un codice che si scansiona perfettamente e paga qualcun altro. Incolla l'ID dalla tua app di pagamento invece di digitarlo, e mandati una rupia prima di stampare.
Incollala esattamente come l'hai copiata. KoloQR non costruisce il payload: codifica quello emesso dalla tua banca e lo verifica prima che tu lo stampi.
SVG, PNG, JPG • Max 2 MB
Cos'è un codice QR a pixel?
Un codice QR a pixel è un codice QR in cui ogni modulo è un semplice quadrato dai bordi netti, così l'intero simbolo si legge come una griglia di pixel. Un modulo è una cella della griglia del codice QR, scura o chiara. I moduli quadrati sono la forma descritta dallo standard dei codici QR, ISO/IEC 18004, il che rende lo stile a pixel il più tollerante da scansionare - l'estremo opposto rispetto ai codici QR a punti, che scambiano margine di scansione con un aspetto più morbido. Gli altri stili e contorni sono presentati nelle forme dei codici QR, e la versione, il livello di correzione d'errore e il numero di moduli di qualsiasi codice esistente si possono leggere con il decoder di codici QR.
La griglia dietro ogni codice QR a pixel
Un codice QR è già una griglia di pixel, e la sua dimensione in moduli è fissata dalla quantità di dati che contiene. Conoscere la griglia è ciò che rende possibile un codice QR in pixel art o costruito a blocchi.
- La versione 1 misura 21 x 21 moduli - ogni versione aggiunge quattro moduli per lato, quindi la versione 2 misura 25 x 25, la versione 3 misura 29 x 29, e la più grande, la versione 40, misura 177 x 177.
- La zona silenziosa aggiunge otto a ogni lato - una zona silenziosa è il margine vuoto attorno a un codice QR che permette a uno scanner di rilevare dove il simbolo comincia e finisce. Con quattro moduli su ogni lato, un codice di versione 1 occupa in totale 29 x 29 celle.
- Meno dati significano una griglia più piccola - al livello di correzione d'errore L, la versione 1 contiene 17 byte, la versione 2 ne contiene 32 e la versione 3 ne contiene 53. Un link corto è la differenza fra una costruzione da 21 moduli e una da 33.
- Tre quadrati d'angolo sono fissi - ogni pattern di individuazione misura 7 x 7 moduli: un anello scuro, un anello chiaro e un centro scuro di 3 x 3. Sono uguali in ogni codice QR e vanno copiati esattamente.
Ogni modulo conta allo stesso modo quando un codice QR viene ricostruito a mano. Un'immagine generata può perdere qualche modulo sotto un logo perché la sua correzione d'errore è stata prevista per questo; una griglia costruita a mano con dieci blocchi fuori posto ha speso quella riserva in errori.
Lo stile a pixel è lo stile più sicuro
I moduli quadrati riempiono completamente le loro celle, quindi un codice QR a pixel porta più inchiostro, bordi più netti e un margine di scansione più ampio di qualsiasi altro stile di modulo. Questo lo rende la scelta giusta dove le condizioni sono già difficili: codici sotto i 2 cm, stampanti termiche per scontrini, ricamo, incisione, display a bassa risoluzione e qualsiasi cosa venga fotografata da lontano.
Genera codice QR
Dove i codici QR a pixel funzionano meglio
Lo stile a pixel si adatta a due situazioni molto diverse: i design che vogliono un aspetto retrò a 8 bit voluto, e i metodi di produzione che sanno fare solo quadrati.
Pixel art e grafica da videogioco retrò
Un codice a moduli quadrati sta con naturalezza dentro poster in pixel art, menu di giochi indie e overlay per le dirette. Disegnalo sulla stessa griglia di pixel del resto della grafica, un pixel dell'illustrazione per modulo.
Minecraft e altre costruzioni a blocchi
Un blocco per modulo, in due materiali fortemente contrastanti su terreno piatto. Un codice di versione 1 misura 21 x 21 blocchi, o 29 x 29 con la sua zona silenziosa, e si scansiona da uno screenshot preso esattamente dall'alto.
LEGO, piastrelle e mosaici
Un bottoncino o una piastrella per modulo. Un codice di versione 2 richiede un'area di 33 x 33 bottoncini compresa la zona silenziosa, che entra in una base 48 x 48 con spazio per un bordo.
Punto croce, maglia e ricamo
Un punto per modulo su un tessuto a trama regolare. Il filo si allarga in modo meno prevedibile dell'inchiostro, quindi limita il design alle versioni da 1 a 3 e usa il nero su bianco o su crema.
Matrici LED e display a bassa risoluzione
Un pannello LED da 32 x 32 può mostrare un codice di versione 1 con la sua zona silenziosa completa, 29 x 29 LED in totale, a un LED per modulo. Accendi lo sfondo e lascia spenti i moduli, così il codice si legge come scuro su chiaro.
Incisione laser e stampa termica
I processi che bruciano, incidono o scaldano producono un bordo leggermente frastagliato. I moduli quadrati pieni lasciano più materiale per modulo, ed è per questo che le stampanti di scontrini ed etichette li usano.
Di quanti pixel ha bisogno un codice QR?
L'immagine di un codice QR ha bisogno di un numero intero di pixel per modulo, e di almeno 4 pixel per modulo dove una fotocamera la leggerà da uno schermo. Entrambe le regole derivano da come una griglia di moduli si sovrappone a una griglia di pixel.
Conteggi dei pixel per file di codici QR nitidi
La dimensione in pixel di un codice QR è il numero di moduli, compresa la zona silenziosa, moltiplicato per i pixel assegnati a ogni modulo. Calcolarla una volta evita i bordi sfocati che nascono dal ridimensionamento.
- Usa un numero intero di pixel per modulo - un codice di versione 3 ha 29 moduli più 8 per la zona silenziosa, 37 in totale. A 10 pixel per modulo l'immagine misura esattamente 370 x 370 pixel, e ogni bordo di modulo cade su un confine di pixel.
- Evita le misure intermedie - ridimensionare quell'immagine da 370 pixel a 400 pixel dà a ogni modulo 10,8 pixel, quindi alcuni moduli vengono resi larghi 10 e altri 11, con pixel grigi lungo i bordi. A quella dimensione il codice scansiona ancora, e appare morbido.
- Scala con il vicino più prossimo, non con la levigatura - gli editor di immagini levigano di default quando ingrandiscono. Scegli il vicino più prossimo (nearest neighbour), oppure in CSS imposta image-rendering: pixelated, e ingrandisci solo per multipli interi.
- Prevedi 4 pixel per modulo sugli schermi - nel nostro test del decodificatore, i moduli quadrati sono stati decodificati in 16 posizioni su 16 da 2,5 a 10 pixel catturati per modulo, e in 10 su 16 a 2 pixel per modulo. Una fotocamera non cattura mai uno schermo uno a uno, quindi 4 pixel visualizzati per modulo sono un minimo ragionevole.
- Usa il vettoriale per la stampa e dimentica i pixel - un SVG, un PDF o un EPS memorizza ogni modulo come un quadrato geometrico, quindi il file non ha una dimensione in pixel e si stampa nitido a qualsiasi misura.
Il test del decodificatore dietro la regola dei 4 pixel ha usato jsQR, un decodificatore open source presente in molti scanner che girano nel browser. I decodificatori integrati nelle fotocamere di iOS e Android sono chiusi e non sono stati testati, quindi considera la cifra un minimo di lavoro prudente più che un limite.
Regole per un codice QR a pixel costruito a mano
Un codice QR costruito con blocchi, bottoncini o punti di ricamo segue le stesse regole di uno stampato, più alcune che valgono solo quando ogni modulo viene posato a mano.
- Prima accorcia i dati - ogni carattere risparmiato può far scendere il codice a una versione più piccola. Usa un dominio corto e nessun parametro di tracciamento, e controlla il numero di moduli prima di comprare i materiali.
- Scegli un generatore che mostri la versione - un livello di correzione d'errore più basso dà una griglia più piccola per lo stesso link. KoloQR genera ogni codice al livello H per supportare il logo, quindi chi vuole la griglia più piccola possibile dovrebbe usare un generatore con un'impostazione di livello L.
- Lavora da una stampa quadrettata - esporta il codice in grande, sovrapponi una griglia e numera righe e colonne. Costruisci riga per riga e spunta ogni riga; gli errori nascono dal perdere il segno, non dal leggere male un modulo.
- Scegli materiali piatti, opachi e ad alto contrasto - calcestruzzo nero e bianco in Minecraft, piastre nere e bianche in LEGO. I materiali con texture, lucidi o luminosi aggiungono rumore dentro ogni modulo.
- Costruisci anche la zona silenziosa - quattro moduli chiari su ogni lato, nello stesso materiale dei moduli chiari. L'erba, il bordo di un tavolo o il bordo di una base a ridosso del codice sono il motivo abituale per cui una costruzione fallisce.
- Scansiona in posizione frontale - fotografa o fai uno screenshot esattamente dall'alto o di fronte, con luce uniforme. Testa quando i pattern di individuazione sono finiti, e di nuovo a metà, così un errore si trova prima dell'ultima riga.
Idee per codici QR a pixel
Quattro costruzioni e design, ciascuno con il numero che decide se funziona.
Come creare un codice QR a pixel
Un codice QR a pixel si genera in circa un minuto, e ne servono pochi altri per prepararlo a una pixel art o a una costruzione fisica.
Genera codice QR- 1
Inserisci il link più corto che funziona
Incolla il link e togli tutto ciò che è facoltativo. Meno caratteri significano meno moduli, cioè meno pixel, blocchi o punti.
- 2
Imposta il motivo su Quadrato
Scegli il motivo Quadrato e lo stile quadrato per gli occhi, così ogni modulo e tutti e tre i pattern di individuazione sono quadrati dai bordi netti.
- 3
Usa due colori piatti
Scegli un colore scuro su uno sfondo chiaro, senza sfumature. L'indicatore di contrasto sotto l'anteprima mostra se la coppia dovrebbe scansionare in modo affidabile.
- 4
Esporta SVG per la stampa, PNG per il lavoro a pixel
Scarica l'SVG per qualsiasi cosa stampata. Per la pixel art o per un modello di costruzione, scarica il PNG e ingrandiscilo per multipli interi con la scala al vicino più prossimo.
Semplici quadrati, fatti come si deve
KoloQR, un generatore di codici QR gratuito con codici QR circolari e di forme personalizzate, crea anche il tipo più semplice. Scegli il motivo Quadrato, imposta due colori, e il generatore disegna moduli dai bordi netti con pattern di individuazione pieni e una lettura del contrasto per i colori che hai scelto.
KoloQR esporta SVG, PDF ed EPS per la stampa e PNG per gli schermi, senza account e senza filigrana. KoloQR genera ogni codice al livello di correzione d'errore H e crea solo codici QR statici, quindi la griglia è più grande di quella di un codice di livello L dello stesso link e la destinazione non si può cambiare dopo che il codice è stato creato.
Genera codice QRFormati di esportazione per codici QR a pixel
Il formato del file decide se i bordi netti di un codice QR a pixel sopravvivono al viaggio verso uno schermo, una stampante o un editor.
PNG
Senza perdita, quindi i bordi dei moduli restano netti. Il formato giusto per editor di pixel art, texture di gioco e modelli di costruzione. Evita il JPG, la cui compressione lascia aloni grigi lungo ogni bordo.
SVG
Ogni modulo è memorizzato come un quadrato e non come pixel, quindi il codice è nitido a qualsiasi dimensione e l'aritmetica dei pixel non vale più. Il formato da usare per la stampa.
PDF o EPS
Formati vettoriali per tipografie, incisori e produttori di insegne. Entrambi si aprono in Illustrator o InDesign con i moduli intatti e modificabili.
Questions? Answered
Moltiplica il numero di moduli, compresi gli 8 della zona silenziosa, per un numero intero di pixel per modulo. Un codice di versione 3 è largo 37 moduli con il suo margine, quindi 370 x 370 pixel a 10 pixel per modulo. Per gli schermi, prevedi almeno 4 pixel per modulo. Per la stampa, usa SVG o PDF, che non hanno alcuna dimensione in pixel.
L'immagine è stata scalata a una misura in cui ogni modulo è largo una frazione di pixel, e l'editor ha levigato i bordi. Ridimensiona solo per multipli interi - da 370 pixel a 740, non a 600 - e imposta il metodo di scala sul vicino più prossimo. In una pagina web, la regola CSS image-rendering: pixelated fa lo stesso.
Un codice QR di versione 1 misura 21 x 21 blocchi, o 29 x 29 con la sua zona silenziosa di quattro blocchi, e contiene fino a 17 caratteri al livello di correzione d'errore L. Un tipico link a un sito richiede la versione 2 o 3, cioè 25 o 29 blocchi di larghezza. Usa un generatore con un'opzione di livello L per mantenere piccola la costruzione.
Sì, copiando un codice generato modulo per modulo; un codice QR non si può progettare a mano libera, perché il disegno è calcolato a partire dai dati. Genera il codice, esporta un PNG e riducilo a 1 pixel per modulo con la scala al vicino più prossimo. Quell'immagine è già pixel art, pronta da ricolorare e inserire nell'editor.
Sì, purché ogni modulo scuro sia chiaramente più scuro di ogni modulo chiaro. Uno scanner converte l'immagine in bianco e nero prima di decodificarla, quindi diverse tonalità scure su un unico sfondo chiaro funzionano. I moduli scuri e chiari con una luminosità simile falliscono, qualunque sia la loro tinta.
Meno di quanto suggerisce il livello di correzione d'errore. Il livello L recupera circa il 7% del simbolo e il livello H circa il 30%, ma gli errori vengono corretti in blocchi di dimensione fissa, quindi diversi errori vicini fra loro possono far fallire un blocco. Considera intoccabili i pattern di individuazione, le linee di temporizzazione e le strisce di formato accanto ai pattern di individuazione.
Sì. I moduli quadrati riempiono le loro celle, quindi portano circa il doppio dell'inchiostro di un punto disegnato all'80% della larghezza della cella, e non lasciano spazi che un decodificatore possa leggere male. Per le piccole dimensioni di stampa, i display a bassa risoluzione e i metodi di produzione grossolani, i moduli quadrati sono la scelta più sicura.
Apri l'app Fotocamera e puntala sul codice QR; compare un link da toccare. Un Google Pixel ha anche un riquadro Scansiona codice QR nelle Impostazioni rapide e Google Lens nella barra di ricerca della schermata Home. La guida alla scansione su Android copre ogni strada: come scansionare un codice QR con un telefono Android.
Sì. KoloQR crea codici QR a moduli quadrati gratuitamente, compresi i download in SVG, PDF, EPS e PNG, senza account e senza filigrana. I codici sono statici, quindi non hanno limiti di scansioni e non scadono.
Continua a esplorare
Pagine che riprendono da dove finisce questa: lo stesso contesto, lo stesso tipo di codice o la prossima decisione da prendere.
Forme dei codici QR
L'intera tassonomia delle forme - moduli, occhi e cornici - con i compromessi dietro i codici tondi, triangolari, esagonali e quadrati.
Codici QR triangolari
Design QR angolari e geometrici - come funziona lo stile triangolare e quando usarlo.
Codici QR esagonali
Codici in stile nido d'ape per brand tech, gaming ed eco - con i consigli di design che li mantengono scansionabili.
Un codice QR rotondo è un codice QR quadrato in costume
I codici sagomati si leggono perché la forma non tocca mai i dati. Quello che una forma costa davvero è larghezza: un codice triangolare vuole una base di circa 2,6 volte la larghezza della matrice che contiene.
Codice QR Etsy
Porta la scansione al tuo negozio Etsy o a un singolo annuncio, da un cartellino o da un'insegna da banco.
Codici QR trasparenti
Codici senza uno sfondo proprio - su quali superfici scansionano, quali li rompono, e come metterne uno su foto, video, vetro ed etichette trasparenti.
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
