Forme contro pixel
Un PNG memorizza una griglia di pixel. Ingrandiscilo e il software indovina che cosa sta in mezzo, il che ammorbidisce ogni bordo. Un SVG memorizza istruzioni: disegna un quadrato qui, di questa dimensione, di questo colore. Chiedilo a 2 cm o a 2 m e lo disegna nitido in entrambi i casi.
Perché per un QR code conta più che per una foto
Uno scanner legge un QR code campionando una griglia e decidendo se ogni cella è chiara o scura. I bordi sfumati spingono le celle verso il grigio intermedio, e le celle vicine al centro della scala sono il punto in cui la decodifica inizia a fallire. Una foto un po' sfocata sembra ancora quella foto. Un QR code un po' sfocato smette di essere un QR code.
È peggio con i simboli densi. Un contenuto lungo, come un record vCard o un URL con parametri, richiede più moduli nello stesso quadrato fisico, quindi ogni modulo è più piccolo e ogni bordo sfumato ne copre una parte maggiore.
Scegliere in base alla destinazione
| Dove finisce il codice | Formato | Perché |
|---|---|---|
| Biglietto da visita, volantino, packaging | SVG | La tipografia lo scala al layout senza perdite |
| Poster, adesivo da vetrina, insegna | SVG | Le grandi dimensioni sono proprio dove un PNG cede |
| File di progetto in un editor vettoriale | SVG | Forme modificabili, ricolorabili, nessun ricampionamento |
| Firma email | PNG | I client di posta gestiscono le immagini raster in modo molto più prevedibile |
| Presentazione o screenshot | PNG | Dimensione di visualizzazione fissa, nessun ridimensionamento |
| Il campo di caricamento del CMS di qualcun altro | PNG | Alcuni sistemi rifiutano per principio il caricamento di SVG |
Lavorare con l'SVG
- Inseriscilo, non incollarne uno screenshot Importa il file nel programma di impaginazione. Copiare un'immagine di anteprima butta via i dati vettoriali e ti lascia di nuovo con dei pixel.
- Ricolora con attenzione Qualsiasi editor vettoriale cambia il colore dei moduli. Tieni i moduli scuri su sfondo chiaro. I codici invertiti e le coppie pastello a basso contrasto non funzionano sui lettori reali.
- Non allungare un solo asse Scala insieme entrambe le dimensioni. Un codice deformato è una griglia rotta, e nessuna correzione d'errore ripara la geometria.
- Mantieni la quiet zone Il margine bianco fa parte del simbolo. Ritagliare stretto sui moduli è il modo più comune in cui un bel layout smette di essere scansionabile.
Se devi per forza usare il PNG
Esporta alla dimensione in pixel che serve al layout finale, o più grande, e non ingrandirlo mai dopo. Rimpicciolire di solito è sicuro. Ingrandire è da dove arriva la sfocatura.
Non passare il PNG in un compressore con perdita. Gli artefatti JPEG si addensano attorno ai bordi netti in bianco e nero, cioè ogni bordo di un QR code. Se ti serve il file più piccolo, il nostro compressore di immagini ricodifica il PNG senza perdita e scarta il risultato quando non è davvero più piccolo.
Il controllo che gira su entrambi
Vaultaire costruisce il PNG e l'SVG dallo stesso contenuto, poi decodifica di nuovo ogni file finito con un lettore separato. Il download si sblocca solo dopo che il testo decodificato corrisponde a quello che hai controllato. Questo intercetta un rendering corrotto prima che arrivi a una tiratura di stampa. Non può dirti se il layout finale ha mantenuto l'area di rispetto, quindi scansiona tu stesso la bozza.
FAQ su SVG e PNG
SVG o PNG?
SVG per tutto ciò che viene stampato o ridimensionato: poster, packaging, biglietti, insegne, file di grafica. PNG per uno spazio fisso su schermo, come una firma email o una slide.
Un QR code SVG ha una qualità più alta?
Non ha alcuna risoluzione. Descrive i moduli come forme e viene disegnato alla dimensione che chiedi. Un PNG ha una griglia di pixel fissa e sfoca oltre quella griglia.
Posso cambiare il colore?
Sì, in qualsiasi editor vettoriale, e il file resta nitido. Tieni i moduli scuri su sfondo chiaro. I codici invertiti o a basso contrasto non funzionano su alcuni lettori, qualunque sia il formato.
Perché il mio codice stampato è sfocato?
Un PNG è stato ingrandito oltre la sua griglia di pixel, quindi la stampante ha inventato dei dettagli ai bordi dei moduli. Stampa l'SVG, oppure esporta un PNG alla dimensione esatta che serve al layout.
Le tipografie accettano l'SVG?
Quasi tutte, e ogni programma di impaginazione lo importa. Se una tipografia vuole PDF o EPS, inserisci l'SVG in un programma di grafica ed esporta da lì. Le forme sopravvivono.
Posso convertire il PNG in SVG in seguito?
Vettorializzare un codice raster implica indovinare bordi che erano già sfumati. Genera invece l'SVG dal contenuto. Ci vuole un secondo e la geometria è esatta.