Guia de referència completa del format de fitxer del dissenyador

Els formats vectorials (AI, EPS, SVG) emmagatzemen imatges com a camins matemàtics basats en punts i corbes, fent-les infinitament escalables sense pèrdua de qualitat. Són ideals per a logotips, il·lustracions i tipografia. Els formats ràster (JPG, PNG, PSD) emmagatzemen imatges com a píxels en una quadrícula, fent-les dependents de la resolució. Són millors per a fotografies i imatges complexes amb molts colors i degradats. Quan s’amplien, les imatges ràster perden qualitat i es pixelen, mentre que les imatges vectorials es mantenen nítides a qualsevol mida.

Per al disseny d’impressió, els millors formats són els que admeten l’espai de color CMYK, alta resolució i mantenen la qualitat. El PDF és l’estàndard de la indústria per als lliuraments d’impressió finals, ja que inclou fonts i conserva elements vectorials i ràster. Per a fitxers de treball, AI (Adobe Illustrator) és excel·lent per a dissenys basats en vectors, INDD (InDesign) per a dissenys de diverses pàgines i PSD (Photoshop) per a treballs amb molta imatge. El TIFF és preferit per a imatges ràster d’alta qualitat a la impressió, ja que admet CMYK i compressió sense pèrdues. Assegureu-vos sempre que els vostres fitxers d’impressió tinguin una resolució d’almenys 300 DPI i utilitzeu el perfil de color CMYK.

Per al disseny de llocs web i digitals, són ideals els formats que optimitzen la mida dels fitxers mantenint la qualitat. SVG és perfecte per a logotips, icones i il·lustracions senzilles, ja que és escalable, de mida petita de fitxer i animable amb CSS. Per a les fotografies, utilitzeu JPEG amb la compressió adequada. Per a gràfics amb transparència, utilitzeu PNG-24 o WebP que ofereix una compressió superior. Els formats moderns com WebP i AVIF ofereixen una compressió i una qualitat encara millors, però comproven la compatibilitat del navegador. Per al disseny de la interfície d’usuari, utilitzeu formats especialitzats com Sketch, Figma o XD durant el procés de disseny i, a continuació, exporteu-los a formats preparats per a la web. Optimitzeu sempre les imatges per a la web per reduir els temps de càrrega.

La conversió entre formats de disseny es pot fer mitjançant diversos mètodes. La manera més fiable és utilitzar el programari de disseny original per exportar al format desitjat (p. ex., Illustrator pot exportar fitxers AI a PDF, EPS, SVG, etc.). Per a la conversió entre aplicacions, les aplicacions Adobe Creative Cloud ofereixen una bona interoperabilitat. Els convertidors en línia com Cloudconvert, Zamzar o Convertio poden gestionar conversions bàsiques, però poden perdre algunes funcions. El programari de conversió dedicat com FileZigZag o Format Factory ofereix més opcions. Tingueu en compte que la conversió sovint implica una certa pèrdua de dades, especialment quan es mou entre formats vectorials i ràster o entre formats propietaris de diferents proveïdors de programari.

Diversos formats de fitxer admeten la transparència, que és essencial per posar en capes els elements en els dissenys. PNG és el format més comú preparat per a la web amb suport de transparència, específicament PNG-24 que permet una transparència completa del canal alfa. SVG també admet la transparència i és ideal per a gràfics vectorials al web. Per als fitxers de treball, PSD, AI i altres formats de disseny nadius admeten capes amb transparència. WebP admet transparència amb millor compressió que PNG. GIF admet transparència binària (píxels totalment transparents o totalment opacs). TIFF i PDF també admeten la transparència per als fluxos de treball d’impressió. En particular, JPEG no admet en absolut la transparència, que és una de les seves principals limitacions.

Per arxivar a llarg termini els fitxers de disseny, utilitzeu formats amb una compatibilitat àmplia i estàndards oberts. PDF/A està dissenyat específicament per arxivar i garanteix que els documents es puguin reproduir exactament de la mateixa manera en el futur. Per als fitxers de treball, deseu-los en format natiu (AI, PSD, INDD), però també exporteu-los a formats més universals. Utilitzeu formats oberts com SVG per a gràfics vectorials en lloc de formats propietaris sempre que sigui possible. Per a les imatges ràster, el TIFF sense comprimir ofereix la màxima qualitat de conservació. Incloeu sempre tots els recursos i tipus de lletra enllaçats amb el vostre arxiu. Emmagatzemeu arxius en diversos tipus de suports i actualitzeu l’emmagatzematge cada pocs anys. Documenteu el vostre treball amb metadades, incloses les versions de programari utilitzades, per tal que sigui més fàcil obrir fitxers en el futur.

Per optimitzar els formats de fitxer per al rendiment web, trieu el format adequat per a cada tipus d’actiu i apliqueu la compressió adequada. Per a les fotografies, utilitzeu JPEG amb una qualitat del 60-80% o WebP que ofereixi una millor compressió. Per a gràfics amb pocs colors o transparència, utilitzeu SVG per als elements vectorials i PNG per a ràster. Els formats moderns com WebP i AVIF poden reduir la mida del fitxer entre un 25 i un 50% en comparació amb els formats tradicionals, tot i que comproveu la compatibilitat amb el navegador. Implementeu imatges sensibles amb diverses mides per a diferents dispositius. Utilitzeu eines com ImageOptim, TinyPNG o SVGOMG per eliminar metadades innecessàries i optimitzar fitxers. Penseu en la càrrega mandrosa per a imatges que no es veuen immediatament a la càrrega de la pàgina. Comproveu sempre el rendiment del vostre lloc web amb eines com Google PageSpeed ​​Insights per garantir uns temps de càrrega òptims.

Quan col·laboreu amb altres dissenyadors, els millors formats depenen del programari que faci servir tothom. Si tots els membres de l’equip utilitzen el mateix programari, els formats natius funcionen millor (AI per a Illustrator, PSD per a Photoshop, etc.), ja que conserven totes les característiques i l’editabilitat. Per a la col·laboració entre programari, utilitzeu formats amb bona interoperabilitat. Les eines basades en núvol com Figma eliminen molts problemes de compatibilitat treballant completament al núvol amb col·laboració en temps real. Per compartir entre productes Adobe, els formats natius o PDF funcionen bé. Quan compartiu amb usuaris que no siguin d’Adobe, tingueu en compte formats oberts com SVG per a contingut vectorial o formats compatibles universalment com PNG per a visualitzacions prèvies aplanades. Documenteu sempre clarament els requisits especials, els tipus de lletra o els recursos enllaçats quan envieu fitxers als col·laboradors.