Formes contra píxels
Un PNG emmagatzema una quadrícula de píxels. Si l'amplieu, el programari endevina què hi ha d'haver entre ells, la qual cosa suavitza cada vora. Un SVG emmagatzema instruccions: dibuixa un quadrat aquí, d'aquesta mida, d'aquest color. Demaneu-lo a 2 cm o a 2 m i es dibuixarà nítidament en qualsevol dels dos casos.
Per què a un codi QR li importa més que a una foto
Un escàner llegeix un codi QR mostrejant una quadrícula i decidint si cada cel·la és clara o fosca. Les vores suaus empenyen les cel·les cap al gris mitjà, i les cel·les properes al mig són on la descodificació comença a fallar. Una foto lleugerament borrosa continua semblant la foto. Un codi QR lleugerament borrós deixa de ser un codi QR.
Això és pitjor per als símbols densos. Una càrrega útil llarga, com un registre vCard o un URL amb paràmetres, necessita més mòduls en el mateix quadrat físic, de manera que cada mòdul és més petit i cada vora suau en cobreix una part més gran.
Triar per destinació
| On va el codi | Format | Per què |
|---|---|---|
| Targeta de visita, fullet, embalatge | SVG | La impressora l'escala a la maquetació sense pèrdues |
| Pòster, adhesiu per a aparadors, senyalització | SVG | Les mides grans són exactament on un PNG es desmunta |
| Fitxer de disseny en un editor vectorial | SVG | Formes editables, es poden tornar a acolorir, sense remostreig |
| Signatura de correu electrònic | PNG | Els clients de correu gestionen les imatges de mapa de bits de manera molt més predictible |
| Presentació de diapositives o una captura de pantalla | PNG | Mida de visualització fixa, sense escalat |
| Camp de pujada del CMS d'una altra persona | PNG | Alguns sistemes rebutgen les pujades d'SVG per principi |
Treballar amb l'SVG
- Col·loqueu-lo, no n'enganxeu una captura de pantalla Importeu el fitxer a l'eina de maquetació. Copiar una imatge de previsualització descarta les dades vectorials i us deixa de nou amb píxels.
- Acoloreu amb cura Qualsevol editor vectorial canvia el color dels mòduls. Mantingueu els mòduls foscos sobre un fons clar. Els codis invertits i els parells de colors pastís de baix contrast fallen en els lectors reals.
- No estireu un sol eix Escaleu ambdues dimensions juntes. Un codi estirat és una quadrícula trencada, i cap correcció d'errors repara la geometria.
- Mantingueu la zona de silenci El marge en blanc pertany al símbol. Retallar arran dels mòduls és la manera més comuna de fer que una maquetació bonica deixi d'escanejar-se.
Si heu d'utilitzar el PNG
Exporteu a la mida de píxels que necessiti la maquetació final, o més gran, i no l'amplieu mai després. Reduir la mida sol ser segur. Ampliar-la és d'on prové la borrositat.
No passeu el PNG per un compressor amb pèrdua. Els artefactes JPEG s'agrupen al voltant de les vores dures en blanc i negre, que són totes les vores d'un codi QR. Si necessiteu que el fitxer sigui més petit, la nostra eina per comprimir imatge recodifica el PNG sense pèrdues i descarta el resultat quan no és realment més petit.
La comprovació que s'executa en tots dos
Vaultaire crea el PNG i l'SVG a partir de la mateixa càrrega útil, i després torna a descodificar cada fitxer acabat amb un lector independent. La descàrrega només es desbloqueja quan el text descodificat coincideix amb el que has revisat. Això detecta una renderització corrupta abans que arribi a una tirada d'impressió. No et pot dir si la maquetació final ha mantingut la zona de silenci, així que escaneja la prova tu mateix.
Preguntes freqüents sobre SVG i PNG
SVG o PNG?
SVG per a qualsevol cosa impresa o redimensionable: pòsters, embalatges, targetes, senyalització, fitxers de disseny. PNG per a un lloc fix en una pantalla, com ara una signatura de correu electrònic o una diapositiva.
Té més qualitat un codi QR SVG?
No té cap resolució. Descriu els mòduls com a formes i es renderitza a la mida que demanis. Un PNG té una quadrícula de píxels fixa i se suavitza si s'amplia més enllà d'aquesta.
Puc canviar-ne el color?
Sí, en qualsevol editor vectorial, i el fitxer es manté nítid. Mantingueu els mòduls foscos sobre un fons clar. Els codis invertits o de baix contrast fallen en alguns lectors independentment del format.
Per què el meu codi imprès es veu borrós?
Un PNG s'ha ampliat més enllà de la seva quadrícula de píxels, de manera que la impressora ha inventat detalls a les vores dels mòduls. Imprimiu l'SVG, o exporteu un PNG a la mida exacta que necessita la maquetació.
Les impressores accepten SVG?
La majoria ho fan, i totes les eines de maquetació l'importen. Si una impremta vol PDF o EPS, col·loca l'SVG en una eina de disseny i exporta'l des d'allà. Les formes sobreviuen.
Puc convertir el PNG a SVG més tard?
Vectoritzar un codi de mapa de bits implica endevinar vores que ja eren suaus. En lloc d'això, genera l'SVG a partir de la càrrega útil. Triga un segon i la geometria és exacta.