SVG vs PNG vs PDF vs EPS: quale file del codice QR va dove

SVG o PNG: quale scaricare?

Scegli SVG se il codice verrà stampato, inserito in un file di design o ridimensionato da qualcuno in qualsiasi momento. Scegli PNG se il codice verrà mostrato su uno schermo a una dimensione che già conosci. Un codice QR su un poster, un menù, un'etichetta o un biglietto da visita è un lavoro da SVG; un codice QR in un'email, una diapositiva, una pagina web o un post Instagram è un lavoro da PNG.

Il motivo è cosa memorizza ciascun file. Un file vettoriale è un'immagine memorizzata come forme e coordinate anziché pixel, quindi può essere ridisegnata a qualsiasi dimensione senza perdere la definizione dei bordi. Un file raster è un'immagine memorizzata come una griglia fissa di pixel, quindi ingrandirlo oltre la dimensione di esportazione ammorbidisce ogni bordo. Un codice QR viene letto da una fotocamera che deve distinguere i moduli scuri da quelli chiari, e i bordi sfumati sono l'unico difetto che restringe il margine di errore di un decoder.

Quando la risposta è davvero incerta, scarica entrambi. I due file sono lo stesso codice, richiedono un secondo ciascuno da esportare, e avere l'SVG a portata di mano è ciò che previene il fallimento tipico un anno dopo: un poster che ha bisogno del codice a 30 cm quando l'unico file rimasto è un PNG da 600 pixel recuperato da una email.

Cosa sono i quattro formati, in una frase ciascuno

SVG è un formato di immagine vettoriale scritto come testo XML puro, ed è per questo che un codice QR in SVG si apre in qualsiasi browser, si modifica in qualsiasi strumento di design e si ridimensiona senza un tetto di risoluzione. PNG è un formato raster senza perdita con supporto alla trasparenza, ed è per questo che riproduce i bordi netti di un codice QR esattamente alla dimensione con cui è stato esportato. PDF è un formato di pagina che può contenere sia contenuto vettoriale sia raster, ed è per questo che un codice QR in PDF va ispezionato anziché dato per scontato. EPS è un formato vettoriale basato su PostScript, tenuto in vita dai flussi di lavoro di stampa e produzione che precedono il PDF.

Nota la terza riga. Il PDF è l'unico dei quattro il cui nome non ti dice cosa contiene davvero: un PDF può contenere grafica vettoriale pulita o la foto di uno schermo, e i due appaiono identici in un elenco di file. Quella singola ambiguità causa più problemi di stampa degli altri tre formati messi insieme.

Quale file va dove

Due righe di questa tabella vanno lette in coppia. Una tipografia che chiede il PDF e un incisore che chiede l'SVG vogliono la stessa cosa - geometria che la macchina possa ridisegnare - e nominano formati diversi solo perché le loro catene software differiscono. Se un fornitore nomina un formato che non puoi produrre, chiedi se accetta l'SVG; la maggior parte del software di produzione moderno lo fa.

Cosa contiene davvero un'esportazione KoloQR

KoloQR, un generatore di codici QR gratuito con codici QR circolari e di forma personalizzata, esporta PNG, SVG, PDF ed EPS dallo stesso menu di download, e copia il markup SVG direttamente negli appunti per Figma. I quattro file sono costruiti in modo diverso, e le differenze decidono quale sia quello giusto per un lavoro.

• SVG: vettoriale vero, con le parti del codice su livelli con nome ed eventuale testo dell'etichetta curvo convertito in tracciati, così nessun font deve essere installato a valle. Non c'è filigrana né limite di dimensione.
• PNG: renderizzato a 40 pixel per modulo. Un tipico codice con URL breve è largo 41 moduli compresa la zona di silenzio, il che dà circa 1.640 pixel - sufficienti per circa 14 cm a 300 DPI. Lo sfondo è qualsiasi colore usi il design, e l'area fuori da una cornice non quadrata è trasparente.
• PDF: una singola pagina dimensionata sul codice stesso, con un punto ogni 10 unità di geometria, che contiene il codice come immagine senza perdita a 80 pixel per modulo. Ciò equivale a 576 DPI alla dimensione nativa della pagina, quindi resta sopra i 300 DPI fino a un ingrandimento di circa 1,9x - circa 28 cm per un codice che parte da 15 cm.
• EPS: una vera conversione vettoriale, scritta come tracciati PostScript Level 2 in RGB. Ogni modulo, cornice ed etichetta convertita in tracciato diventa un percorso riempito, ed è per questo che il file si ridimensiona come l'SVG e non come il PDF.
• Copy to Figma: lo stesso markup SVG, messo negli appunti invece che scaricato. Incollandolo, sulla tela arrivano livelli vettoriali modificabili, trattato nella guida su come copiare un codice QR in Figma.

Da questo elenco derivano due limiti onesti da dichiarare. Il PDF di KoloQR è un'immagine ad alta risoluzione su una pagina PDF anziché geometria vettoriale, quindi un lavoro che verrà ingrandito ben oltre l'A4 va inviato come SVG o EPS. E la conversione EPS legge le forme, non le immagini incorporate: un logo caricato come tuo file immagine viene scartato dall'EPS, mentre i loghi del brand integrati sono tracciati vettoriali e sopravvivono. Controlla l'EPS prima di inviarlo se il codice porta un logo caricato.

Tutto il resto del codice è identico nei quattro file. Il payload, la versione del simbolo, il livello di correzione d'errore e la zona di silenzio si decidono quando il codice viene generato, non quando viene esportato, quindi nessuna scelta di formato può far scansionare un codice non leggibile o far fallire da sola uno leggibile.

SVG: il file da conservare, e di solito il file da inviare

Tratta l'SVG come la copia master di un codice QR. Non ha risoluzione, quindi stampa a 2 cm o a 2 m dallo stesso file; è testo puro, quindi resta piccolo e sopravvive all'invio via email e al versionamento; e si apre in ogni strumento di design, così un collega può collocarlo senza chiedere una nuova esportazione.

L'SVG mantiene anche il codice modificabile nel senso corretto. I moduli restano forme individuali, il che significa che un designer può ricolorare il codice o cambiarne lo sfondo dentro Illustrator o Figma senza toccare la griglia dei moduli. Ciò che un designer non deve fare è spostare, stirare in modo non proporzionale o eliminare parti di quella griglia - la disposizione dei moduli è il dato, e riorganizzarla cambia cosa dice il codice.

Vale la pena sapere in anticipo dove l'SVG viene rifiutato:

• Email: i client di posta rimuovono o bloccano l'SVG per motivi di sicurezza, quindi un codice nel corpo di un'email deve essere un PNG.
• Piattaforme social: Instagram, LinkedIn, X, TikTok e YouTube accettano solo caricamenti raster.
• Alcuni costruttori di siti e strumenti a modelli: il caricamento SVG è a volte limitato ai piani a pagamento o bloccato del tutto. Canva è quello su cui si inciampa più spesso.
• Documenti da ufficio datati: il supporto SVG in Word e PowerPoint è affidabile nelle versioni attuali e inaffidabile in quelle molto più vecchie, quindi un PNG è l'allegato più sicuro quando non sai cosa usa il destinatario.

Nessuno di questi è un motivo per saltare l'esportazione SVG. Sono motivi per tenere l'SVG come file d'archivio ed esportarne un PNG ogni volta che una piattaforma non accetta il vettoriale.

PNG: giusto per gli schermi, limitato per la stampa

Il PNG è la scelta giusta ogni volta che la dimensione di visualizzazione è nota e fissa. È senza perdita, quindi ogni bordo di modulo viene riprodotto esattamente come esportato, ed è accettato ovunque, il che è il motivo pratico per cui resta il download predefinito sulla maggior parte dei generatori di codici QR, incluso KoloQR.

Il suo limite è aritmetico, non un'opinione. Un codice QR raster stampa in modo pulito fino a circa la larghezza in pixel divisa per 300, moltiplicata per 2,54 centimetri. Un PNG da 1.000 pixel arriva a circa 8,5 cm; un'esportazione KoloQR da 1.640 pixel arriva a circa 14 cm; oltre quel punto i bordi dei moduli iniziano a sbavare. La formula completa, compreso il caso dei grandi formati dove 150 DPI bastano, è nella guida alla risoluzione dei codici QR.

Per gli schermi, punta ad almeno 4 pixel CSS per modulo ed esporta al doppio della dimensione visualizzata così il codice resta nitido sui display ad alta densità. Un tipico codice con URL breve a 41 moduli vuole circa 165 pixel a schermo e 330 pixel esportati. Sotto quella dimensione i codici a schermo iniziano a fallire quando qualcuno li scansiona con un telefono tenuto di sbieco.

L'impostazione della trasparenza merita una decisione consapevole invece di un default. Un PNG trasparente collocato su uno sfondo scuro o a motivi perde la sua zona di silenzio, e uno scanner che non riesce a trovare il confine del simbolo non lo decodifica. Esporta su bianco pieno a meno che tu non sappia che il codice poggerà su una superficie chiara e uniforme.

PDF: cosa intende una tipografia quando ne chiede uno

Una tipografia che chiede un PDF sta chiedendo un file che il suo flusso di lavoro possa collocare, verificare in prova e imporre - non sta facendo un'affermazione sui vettori. Poiché una pagina PDF può contenere grafica vettoriale o un'immagine raster, il formato da solo non garantisce nulla su quanto il codice possa essere ingrandito.

Controlla prima di inviare. Apri il PDF e ingrandisci al 1.600%: la grafica vettoriale resta perfettamente nitida a qualsiasi zoom, mentre un'immagine raster dentro un PDF si trasforma in quadratini visibili. Quel test di trenta secondi ti dice se il file può essere ingrandito per uno striscione o se è fissato vicino alla dimensione in cui è stato creato.

Se il codice deve essere davvero senza limiti di risoluzione in un PDF, costruisci il PDF a partire dall'SVG anziché esportarne uno:

1. Scarica l'SVG. Esporta il codice come SVG invece che come PNG o PDF - l'SVG è il file che contiene la geometria.
2. Aprilo in un editor vettoriale. Illustrator, Inkscape, Affinity Designer e Figma aprono tutti l'SVG direttamente. Inkscape è gratuito e basta per questo lavoro.
3. Imposta la dimensione del documento. Imposta il tavolo da disegno o il documento alla dimensione finale di stampa in millimetri, poi scala il codice in proporzione per riempirlo, zona di silenzio compresa.
4. Salva o esporta come PDF. Usa Salva come PDF in Illustrator o Inkscape, oppure Esporta come PDF in Figma e Affinity. Mantieni attiva ogni opzione che preserva i dati vettoriali e non rasterizzare.
5. Verifica il risultato. Riapri il PDF e ingrandisci al 1.600%. Se i bordi dei moduli restano netti, il file è vettoriale.
6. Scansiona la prova stampata. Stampa una pagina alla dimensione finale e scansionala con un iPhone e un telefono Android prima che il file vada in tiratura.

Un secondo uso del PDF non ha nulla a che fare con la stampa: il codice dentro un documento che stai inviando, come una fattura, un biglietto o un pacchetto per un evento. Un codice QR collocato in un documento PDF si scansiona benissimo da uno schermo, ed è per questo che le carte d'imbarco funzionano così - ma tienilo a 2 cm o più sulla pagina, perché chi legge lo scansionerà da uno schermo di laptop a distanza di un braccio.

EPS: un formato datato con due usi ancora vivi

Esporta in EPS quando un fornitore lo chiede per nome, e non altrimenti. Adobe tratta da anni PDF e AI come i successori dell'EPS, e la maggior parte del software attuale gestisce meglio SVG o PDF - ma serigrafi, ricamatori, produttori di insegne e sistemi di prestampa datati continuano a elencare l'EPS come formato richiesto, e quelle richieste sono reali.

Due proprietà dell'EPS cambiano come lo usi. L'EPS non supporta la trasparenza dal vivo, quindi ogni area trasparente viene appiattita quando il file viene scritto - un motivo per esportare un codice su uno sfondo pieno invece di aspettarsi che il colore della carta traspaia. E l'EPS porta il colore come RGB nella maggior parte delle esportazioni, inclusa quella che scrive KoloQR, quindi una tipografia che lavora in CMYK lo convertirà. Per un codice nero puro quella conversione non causa problemi; per un colore del brand, chiedi alla tipografia la resa CMYK che vuoi invece di lasciare decidere la conversione.

La trappola specifica dei codici QR è ciò che non sopravvive alla conversione. Poiché l'EPS viene scritto a partire dalle forme presenti nella grafica, tutto ciò che è un'immagine incorporata anziché una forma - più comunemente un logo che hai caricato come tuo PNG - viene saltato. Il codice in sé non ne risente e si scansiona lo stesso; il logo semplicemente non c'è. Apri l'EPS una volta prima di inviarlo e vedrai subito la differenza.

Formati che danneggiano un codice QR: JPEG, WebP e lo screenshot

Non salvare né inviare mai un codice QR come JPEG. Il JPEG comprime scartando i dettagli ad alta frequenza, e un codice QR è quasi solo dettaglio ad alta frequenza: migliaia di transizioni brusche dal nero al bianco. Il risultato è un leggero alone attorno a ogni modulo, che sopravvive fino alla stampa e riduce il contrasto esattamente dove il decoder lo misura.

Il fallimento è silenzioso più che evidente. Un codice danneggiato dal JPEG di solito si scansiona ancora su uno schermo luminoso e poi smette di funzionare su carta assorbente, con poca luce o di sbieco - esattamente la situazione che una tiratura stampata incontra. Poiché gli artefatti sono incisi nei pixel, risalvare quel file come PNG in seguito non ripara nulla.

La riga dello screenshot è quella che arriva più spesso in stampa. Un codice catturato da un'anteprima, incollato in un documento e inviato a una tipografia arriva a circa 100 DPI con il margine tagliato, e la tipografia non ha modo di sapere che esisteva un file migliore. Rigenerare il codice richiede meno tempo dell'email che chiede se lo screenshot va bene.

Come capire che tipo di file ti è stato inviato

L'estensione è una dichiarazione, non una garanzia. Quando un codice arriva da un cliente, un'agenzia o un vecchio archivio, quattro controlli chiariscono cosa sia davvero in circa un minuto.

1. Apri l'SVG in un browser e ingrandisci al 1.000%. Un vero vettoriale resta nitido. Se si trasforma in quadratini, l'SVG è un'immagine raster avvolta in un tag SVG - cosa che alcuni convertitori producono davvero.
2. Controlla la dimensione del file. Un codice QR vettoriale è di solito da pochi kilobyte a poche decine di kilobyte. Un SVG o un EPS di più megabyte contiene quasi sempre una bitmap incorporata.
3. Ingrandisci il PDF al 1.600%. Stesso test, stesso indizio: il vettoriale resta nitido, il raster si pixela.
4. Cerca la zona di silenzio. Qualunque sia il formato, deve esserci un margine libero di quattro moduli su tutti e quattro i lati. Un file ritagliato troppo stretto ha già perso qualcosa che nessun formato può restituire.

Se un controllo fallisce, rigenera il codice invece di riparare il file. Scansiona il codice esistente con un telefono per leggere la sua destinazione, incolla quella destinazione in un generatore ed esporta file nuovi. Il nuovo codice è matematicamente pulito, e hai anche verificato dove punta davvero quello vecchio - utile da sapere prima di ristampare qualsiasi cosa.

Convertire tra formati senza rompere il codice

Convertire verso il basso è sicuro, convertire verso l'alto no. Da vettoriale a raster - SVG a PNG, EPS a PNG - è un'operazione pulita a qualsiasi dimensione tu scelga. Da raster a vettoriale - PNG a SVG - non può recuperare una geometria che non è mai stata nel file, e una vettorializzazione automatica produce moduli leggermente arrotondati e leggermente disallineati che erodono il margine del decoder.

Se un codice raster non può davvero essere rigenerato - il file originale è perso e il cliente lo vuole più grande - ingrandiscilo con un fattore intero usando l'interpolazione nearest-neighbour anziché bicubica o l'upscaling con IA. Il nearest-neighbour duplica i pixel e mantiene i bordi netti; gli algoritmi di smoothing sfumano esattamente i confini che uno scanner misura.

Qualunque strada tu scelga, scansiona il risultato prima che venga spedito. Un codice convertito che si scansiona su un iPhone e un telefono Android, stampato alla dimensione finale sul supporto reale, è un codice convertito che funziona; qualsiasi cosa in meno è solo un'assunzione.

Errori comuni di formato file, e come si manifestano

Il modello comune a queste righe è che i problemi di formato raramente si annunciano da soli. Il codice sembra giusto sullo schermo dove è stato creato, e fallisce sul materiale dove vive - ed è per questo che l'ultimo passo di ogni decisione di formato è una prova stampata scansionata nella luce in cui il codice verrà davvero letto.

Scegliere il formato prima che il design inizi evita gran parte di questo elenco. Se il codice verrà stampato, generalo, esporta l'SVG e consegna quel file a chi costruisce il layout. Il generatore produce tutti e quattro i formati dallo stesso codice, quindi la decisione non costa altro che attenzione. Il formato si decide al quarto dei nove controlli; la checklist di stampa passa in rassegna il resto nell'ordine.