ESPORTAZIONE SVG DEL QR CODE
Esporta un QR code come SVG, non come bitmap incartato
Mosaqo disegna ogni codice come geometria, e l’esportazione SVG è quel disegno scritto in un file. Un modulo è un rettangolo, la zona di rispetto fa parte della tela e i colori sono semplici valori esadecimali nel markup: lo stesso file serve un biglietto da visita e una facciata.
PANORAMICA RAPIDA
Che cosa cambia nella pratica
01
Cosa c’è davvero dentro il file
L’esportazione è un unico elemento SVG con larghezza e altezza dichiarate e una viewBox misurata in moduli. Ogni modulo scuro è un rettangolo uno per uno su coordinate intere, e i tre pattern di ricerca sono forme proprie: lo stile degli angoli resta quindi indipendente dal fatto che i moduli siano quadrati, arrotondati o a punti. Nulla è ricalcato da una bitmap, perché nulla è mai stato una bitmap.
La zona di rispetto fa parte della tela invece di essere qualcosa da ricordare dopo: la viewBox è il codice più il margine che hai scelto, quattro moduli di default e fino a sedici. Uno sfondo trasparente si scrive come totale assenza di rettangolo di fondo, ed è esattamente questo che permette al file di posarsi su carta colorata senza una scatola bianca attorno.
- Un rettangolo per modulo, su coordinate intere
- Zona di rispetto inclusa nella viewBox
- Primo piano e sfondo come valori esadecimali a sei cifre
- Nessun rettangolo di fondo quando lo sfondo è trasparente
02
Il vettoriale riguarda i bordi, non il peso del file
Un lettore legge il confine fra un modulo scuro e uno chiaro. Ingrandire un PNG piccolo ammorbidisce ognuno di quei confini, e un confine morbido è un dato ambiguo: per questo un codice ingrandito fallisce a una dimensione che lo stesso codice avrebbe retto esportato in vettoriale. Un SVG non ha risoluzione da perdere in partenza.
È anche il motivo per cui un solo file copre ogni collocazione. Quello che va sull’invito va sul manifesto: la tipografia lo scala e i bordi dei moduli restano esattamente dove li mette la geometria.
03
Dove una card composta smette di essere puro vettoriale
Un codice nudo è vettoriale da cima a fondo. Una card lo è ovunque possa esserlo: la matrice mantiene la sua geometria, e forme, sfondi e sfumature restano forme.
Due cose non fanno quel viaggio. Una fotografia o un logo caricato non ha forma vettoriale, quindi viaggia dentro l’SVG come immagine raster ad alta risoluzione. Il testo resta testo vivo con un nome di famiglia tipografica, il che significa che una macchina senza quel font ne sostituisce un altro e la riga cambia larghezza. Quando la tipografia deve essere esatta, componila nel programma di impaginazione ed esporta il codice da solo.
Una card esportata in PDF viene appiattita in un’unica immagine ad alta risoluzione sulla pagina — una composizione di fotografie non può essere altro — e Mosaqo la genera ben oltre i 300 dpi in A4, quindi è comunque pronta per la stampa. Solo il codice nudo, in SVG o PDF, arriva alla pagina come geometria.
- La matrice del QR: geometria vettoriale
- Foto, loghi e sticker caricati: raster incorporato
- Testo: testo vivo, quindi mantieni il font o componi nell’impaginato
04
A cosa servono le esportazioni PNG e PDF
Il PNG è la risposta giusta per uno schermo, una mail o una slide: dove il codice viene collocato una volta a una dimensione che già conosci. Esportalo abbondantemente grande e non ingrandirlo mai dopo.
Il PDF è la stessa geometria su una pagina: il codice disegnato, non rasterizzato, centrato su A4, pronto da stampare o da consegnare così com’è. Neanche lui ha risoluzione, quindi ingrandire la pagina ingrandisce il codice senza ammorbidire un solo bordo. Manda invece l’SVG quando il codice deve entrare in un impaginato controllato da qualcun altro, a una dimensione che solo quella persona conosce.
05
Ricolorare e collocare il file
Poiché il file è testo, i suoi colori si modificano senza aprire un programma di grafica: il riempimento dei moduli è il primo piano che hai scelto e il rettangolo di fondo è lo sfondo. Mantieni la direzione convenzionale: moduli scuri su fondo chiaro. I codici invertiti vengono letti da molti lettori e non da tutti, il che li rende una scommessa su qualunque cosa stampata.
Quando collochi il file, tieni libera la zona di rispetto e resisti agli effetti che ammorbidiscono i bordi: ombre esterne, metodi di fusione, trasparenza su grafica affollata. Un codice appoggiato su una fotografia fallisce per la stessa ragione di uno sfocato.
06
Prova il file esportato, non l’anteprima
Apri l’SVG esportato, mettilo a dimensione finale nell’impaginato vero, stampane uno sul supporto reale e scansionalo con due telefoni diversi, alla distanza a cui lo terrà un lettore, con la luce che la collocazione ha davvero.
L’editor controlla contrasto, zona di rispetto e densità dei dati mentre lavori, e questi controlli intercettano la gran parte dei problemi prima che arrivino in tipografia. Quello che non possono vedere è la vernice, la piega e la luce della stanza.
FAQ
Domande frequenti
L’SVG è un vero file vettoriale o l’immagine di un codice?
Vero vettoriale. Ogni modulo è un rettangolo nel markup e i pattern di ricerca sono forme proprie, quindi il file scala a qualsiasi dimensione senza perdere un bordo. Nell’esportazione di un codice nudo non c’è nulla di rasterizzato.
Posso cambiare i colori nel file esportato?
Sì. Primo piano e sfondo sono valori esadecimali a sei cifre nel markup e si modificano in qualsiasi editor di testo o di grafica. Mantieni moduli scuri su fondo chiaro: invertire un codice è ciò che più spesso rompe una lettura.
Perché la mia card esportata contiene un’immagine incorporata?
Perché una fotografia o un logo caricato non ha forma vettoriale. La matrice resta geometria vettoriale; l’immagine viaggia come raster ad alta risoluzione dentro lo stesso SVG.
Alla tipografia mando l’SVG o il PDF?
Uno dei due: sono entrambi vettoriali. Il PDF è un foglio A4 finito con il codice disegnato sopra, adatto a una stampa che vuole una pagina. L’SVG è il codice da solo, adatto a chi lo colloca dentro un impaginato. Quello che nessuna tipografia dovrebbe ricevere è un raster ingrandito da uno piccolo.
L’SVG include la zona di rispetto?
Sì. Il margine che hai impostato — quattro moduli di default — fa parte della tela, quindi collocare il file a filo in un impaginato non mangia lo spazio di respiro del codice.
PASSO SUCCESSIVO