parlant de formats d'imatge i tots aquells fitxers poc complicats que utilitzem per crear contingut visual per a impressió i web.

Cada gràfic que visualitzeu en línia és un fitxer d'imatge. La majoria de tot el que veieu imprès en paper, plàstic o una samarreta provenen d'un fitxer d'imatge. Aquests fitxers vénen en una varietat de formats, i cadascun està optimitzat per a un ús específic. Usar el tipus correcte per al treball correcte significa que el vostre disseny sortirà perfectament il·lustrat i com hàgiu pensat. El format incorrecte podria significar una impressió incorrecta o una imatge web deficient, una descàrrega gegant o un gràfic perdut en un correu electrònic.

Així que anem a trencar. Benvingut als formats d'arxius d'imatges 101. Anem a submergir-nos en els conceptes bàsics de cada tipus de fitxer.

La majoria de fitxers d'imatge s'adapten a una de dues categories generals: fitxers ràster i fitxers vectorials, i cada categoria té usos específics. Aquest desglossament no és perfecte. Per exemple, alguns formats poden contenir elements d'ambdós tipus. Però aquest és un bon lloc per començar a pensar quin format utilitzar per als vostres projectes.

Taula de continguts

1. Imatges de trama
   1. JPEG
   2. GIF
   3. PNG
   4. TIFF
   5. RAW
   6. PSD
2. Imatges vectorials
   1. PDF
   2. EPS
   3. AI

Imatges de trama
-

Les imatges de trama estan formades per una graella de punts anomenada píxels on cada píxel té assignat un color. A diferència d'una imatge vectorial, les imatges ràster són dependents de la resolució, el que significa que existeixen en una sola mida. Quan es transforma una imatge ràster, s'estira els mateixos píxels, cosa que pot provocar una imatge "píxelada" o borrosa. Quan amplieu una imatge, el vostre programari essencialment endevina en quines dades d'imatge falten en funció dels píxels que l'envolten. Amb més freqüència, els resultats no són grans.

Les imatges de trama normalment s'utilitzen per a fotografies, obres d'art digital i gràfics web (com ara anuncis de bàner , contingut de les xarxes socials i gràfics per correu electrònic). Adobe Photoshop és l'editor d'imatges estàndard de la indústria que s'utilitza per crear, dissenyar i editar imatges de trama, així com per afegir efectes, ombres i textures als dissenys existents.

CMYK vs. RGB

Totes les imatges ràster es poden guardar en un dels dos models principals de colors: CMYK i RGB.

CMYK és un procés d'impressió de quatre colors que representa cyan, m agenta, y ellow i k ey (negre). Aquests colors representen les quatre tintes que es combinen durant el procés d'impressió. Els fitxers guardats en aquest format seran optimitzats per a la impressió física.

RGB és un model de color basat en la llum que representa r ed, green i b lue. Aquests són els tres colors primaris de la llum que es combinen per produir altres colors. Els fitxers guardats en aquest format seran optimitzats per a la web, els telèfons mòbils, el cinema i el vídeo: tot allò que aparegui en una pantalla.

Pèrdua vs pèrdua

Cada fitxer d'imatge ràster és sense pèrdua o pèrdua, depenent de com el format controla les dades d'imatge.

Els formats d'imatge sense pèrdua capturen totes les dades del vostre fitxer original. No es perd res del fitxer original, la foto o la peça d'art, d'aquí el terme "sense pèrdues". El fitxer encara es pot comprimir, però tots els formats sense pèrdua podran reconstruir la imatge al seu estat original.

Els formats d'imatge pèrdues són aproximats del que sembla la vostra imatge original. Per exemple, una imatge amb pèrdua podria reduir la quantitat de colors de la vostra imatge o analitzar la imatge per obtenir dades innecessàries. Aquests enginyosos trucs tècnics generalment reduiran la mida del fitxer, encara que poden reduir la qualitat de la vostra imatge.

Normalment, els fitxers amb pèrdua de càrrega són molt més petits que els fitxers sense pèrdua, fent-los ideals per a utilitzar en línia on la mida del fitxer i la velocitat de descàrrega són vitals.

JPEG / JPG
-

JPEG és un format ràster amb pèrdua que representa el Joint Photographic Experts Group, l'equip tècnic que el va desenvolupar.Aquest és un dels formats més utilitzats en línia, normalment per a fotos, gràfics per correu electrònic i imatges web grans, com ara anuncis de bàner. Les imatges JPEG tenen una escala de compressió lliscant que disminueix enormement la grandària del fitxer, però augmenta els artefactes o la pixelació, més es comprimeix la imatge.

Heu d'utilitzar un JPEG quan ...

• Estàs tractant amb fotografies en línia i / o obres d'art . Els JPEG us ofereixen la màxima flexibilitat amb l'edició ràster i la compressió, fent-los ideals per a imatges web que cal baixar ràpidament.
• Voleu imprimir fotografies i / o obres d'art . En fitxers d'alta resolució amb baixa compressió, els JPEG són perfectes per editar-los i després imprimir-los.
• Heu d'enviar una imatge de vista prèvia ràpida a un client. Les imatges JPEG es poden reduir a mides molt petites que els fan molt bones per enviar correus electrònics.

No utilitzis un JPEG quan ...

• Necessites un gràfic web amb transparència. Els JPEG no tenen un canal de transparència i han de tenir un fons de color sòlid. GIF i PNG són les vostres millors opcions de transparència.
• Necessiteu una imatge editable i en capes. Els JPEG són un format d'imatge plana que significa que totes les edicions es guarden en una sola capa d'imatge i no es poden desfer. Considera un fitxer PSD (Photoshop) per a una imatge totalment editable.

GIF
-

GIF és un format ràster sense pèrdua que representa el format d'intercanvi de gràfics. La gran pregunta: com es pronuncia? El creador de GIF diu "JIFF" com la mantega de cacauet. Aquest escriptor (i molt del món) diu "GIFF" perquè els gràfics comencen amb un "guh". De totes maneres, us ho deixarem. El GIF també és un format d'imatge web àmpliament utilitzat, generalment per a gràfics animats com ara anuncis de bàner, imatges de correu electrònic i memes de mitjans de comunicació social. Encara que els GIF són sense pèrdues, es poden exportar en una sèrie de configuracions altament personalitzables que redueixen la quantitat de colors i la informació de la imatge, que a la vegada redueix la mida del fitxer.

Heu d'usar un GIF quan ...

• Voleu crear animacions web . Les imatges GIF mantenen tots els marcs d'animació i la informació de temporització en un únic fitxer.Els editors d'imatges com Photoshop fan que sigui fàcil crear una animació curta i exportar-la com a GIF.
• Necessites transparència . Les imatges GIF tenen un "canal alfa" que pot ser transparent, de manera que podeu col·locar la vostra imatge en qualsevol fons de color.
• Necessiteu un fitxer petit . Les tècniques de compressió en el format GIF permeten que els fitxers d'imatge es redueixin enormement. Per a icones molt simples i gràfics web, GIF és el millor format d'arxiu d'imatge.

No utilitzis un GIF quan ...

• Necessites una imatge de qualitat fotogràfica. Encara que els GIF poden ser d'alta resolució, tenen un límit de 256 colors (tret que conegui alguns trucs). Normalment, les fotos tenen milers de colors i es veuen plans i menys vibrants (i de vegades estranyes a causa de bandes de colors) quan es converteixen a GIF.
• Heu d'imprimir una imatge. A causa del límit de color, la majoria de les fotografies impreses no tindran cap profunditat. Si necessiteu imprimir fotografies, consulteu TIFF, PSD i JPG.
• Necessiteu una imatge editable i en capes. Els GIF són un format d'imatge plana que significa que totes les edicions es guarden en una capa d'imatge i no es poden desfer. Considera un fitxer PSD (Photoshop) per a una imatge totalment editable.

PNG
-

PNG és un format ràster sense pèrdua que representa els gràfics de xarxa portàtils. Penseu en els PNG com el GIF d'última generació.Aquest format té una transparència incorporada, però també pot mostrar profunditats de color més altes, que es tradueixen en milions de colors. Els PNG són un estàndard web i s'estan convertint ràpidament en un dels formats d'imatge més utilitzats en línia.

Heu d'usar un PNG quan ...

• Necessites gràfics web transparents d' alta qualitat . Les imatges PNG tenen un "canal alfa" variable que pot tenir algun grau de transparència (a diferència dels GIF que només tenen transparència / desactivació). A més, amb més profunditats de color, tindreu una imatge més vibrant del que tindreu amb un GIF.
• Teniu il·lustracions de colors limitats . Tot i que funcioni qualsevol imatge, els fitxers PNG són els millors amb una petita paleta de colors.
• Necessiteu un fitxer petit . Els fitxers PNG es poden reduir a mides increïblement diminutes -especialment aquelles que són simples colors, formes o text. Això el converteix en el tipus d'arxiu d'imatge ideal per als gràfics web.

No utilitzis un PNG quan ...

• Estàs treballant amb fotografies o obres d'art. Gràcies a la gran profunditat de color de PNG, el format pot gestionar fàcilment fotografies d'alta resolució. Tanmateix, perquè és un format web sense pèrdua, les mides de fitxers solen ser molt grans. Si esteu treballant amb fotos a la web, vagi amb JPEG.
• Estàs tractant amb un projecte d'impressió. Els gràfics PNG estan optimitzats per a la pantalla. Definitivament, podeu imprimir un PNG, però és millor que tingueu un fitxer JPEG (pèrdua) o TIFF.

TIFF / TIF
-

TIFF és un format ràster sense pèrdua que representa el format d'arxiu d'imatge etiquetat. Per la seva gran qualitat, el format s'utilitza principalment en la fotografia i l'edició d'ordinadors.Trobareu fitxers TIFF quan escaneja un document o feu una fotografia amb una càmera digital professional. Tingueu en compte que els fitxers TIFF també es poden utilitzar com a "contenidor" per a imatges JPEG. Aquests fitxers seran molt més petits que els fitxers TIFF tradicionals, que normalment són molt grans.

Heu d'usar un TIFF quan ...

• Necessites gràfics d'impressió d'alta qualitat. Juntament amb RAW, els fitxers TIFF es troben entre els formats gràfics de més qualitat disponibles. Si imprimiu fotografies, especialment en mides enormes, utilitzeu aquest format.
• Estàs fent un escaneig d'alta qualitat. L'ús de TIFF per escanejar els vostres documents, fotografies i obres d'art us assegurarà que tingueu el millor fitxer original per funcionar.

No usis a TIFF quan ...

• Estàs treballant amb gràfics web. Tot i que molts navegadors web ho admeten, els fitxers TIFF estan optimitzats per imprimir. Aneu amb JPEG o PNG quan necessiteu mostrar imatges d'alta qualitat en línia.

RAW
-

Un format d'imatge en brut conté les dades no processades capturades per una càmera digital o el sensor de l'escàner.Normalment, les imatges es processen (ajustat per color, balanç de blancs, exposició, etc.) i després es converteix i es comprimeix en un altre format (per exemple, JPEG o TIFF). Les imatges en brut emmagatzemen les dades no processades i processades en dos fitxers separats, de manera que us queda la imatge de més alta qualitat possible que podeu editar de manera no destructiva amb una aplicació d'edició de fotografies com Photoshop. Hi ha dotzenes i dotzenes de formats en brut, però alguns dels formats típics són CRW (Canon), NEF (Nikon) i DNG (Adobe).

a través d'Adobe

Heu d'usar RAW quan ...

• Estàs filmant i editant fotos . Assegureu-vos que la vostra càmera estigui configurada com a RAW perquè pugueu capturar la imatge més versàtil. A continuació, utilitzeu una aplicació d'edició de fotos compatible per ajustar la vostra imatge.

No utilitzis RAW quan ...

• Estàs treballant amb gràfics web. RAW està dissenyat per a l'edició de fotografies. Quan estigueu preparat per presentar les vostres fotos per a la web, convertiu-les en JPEG.
• Estàs a punt per imprimir les teves fotos. Moltes impressores no acceptaran formats en brut, de manera que primer convertiu a JPEG o TIFF.

PSD
-

PSD és un format de la imatge patentat que representa el Document de Photoshop. Aquests són fitxers de disseny originals creats en Photoshop totalment editables amb múltiples capes i ajustos d'imatge. Els PSD s'utilitzen principalment per crear i editar imatges ràster, però aquest format únic també pot contenir capes vectorials, cosa que la fa molt flexible per a diversos projectes diferents. Un PSD es pot exportar a qualsevol nombre de formats d'arxiu d'imatge, inclosos tots els formats de ràster que figuren més amunt.

Heu d'utilitzar un PSD quan ...

• És hora de retocar fotos. Necessites colorear una foto correcta? O afegiu una capa de text? PSD = fotos.
• Necessiteu editar obres d' art per a impressió digital o impressió.Això podria ser una foto, pintura, dibuix o qualsevol altra cosa.Photoshop és l'eina adequada per garantir que totes les línies, ombres i textures estiguin en el seu lloc.
• Vols imatges digitals per a la web com imatges de mitjans socials, anuncis de bàner, encapçalaments de correu electrònic, vídeos, etc. La creació d'aquestes imatges a Photoshop garanteix que tinguen una mida adequada i que es pugui optimitzar per a la web.
• Heu de crear un lloc web o una maqueta d'aplicació. Les capes fan que sigui fàcil moure els elements de la UI al voltant.
• Voleu imaginar-vos amb l' animació i el vídeo. Photoshop facilita retallar clips de vídeo senzills i afegir gràfics, filtres, text, animació i molt més.

No utilitzis un PSD quan ...

• Necessiteu publicar una foto en línia o enviar una vista prèvia a un client. La web és compatible amb JPEG. Convertiu-lo primer per assegurar-vos que el públic pugui veure la vostra imatge (per tant, no trigarà uns minuts a baixar).
• Estàs a punt per imprimir les teves fotos. Moltes impressores no acceptaran el format PSD, així que primer convertiu a JPEG o TIFF.

Imatges vectorials
-

Les imatges vectorials són bàsicament equacions matemàtiques gegants, i cada punt, línia i forma es representa per la seva pròpia ecuación. Es pot assignar a cada "equació" un color, cop o gruix (entre altres estils) per convertir les formes en art. A diferència de les imatges de trama, les imatges vectorials són depenent de laresolució . Quan reduïu o amplieu una imatge vectorial, les formes augmenten, però no perdre cap detall ni obtindreu cap pixelació.Atès que la vostra imatge sempre es mostrarà de manera idèntica, no importa la mida, no hi ha cap tipus d'imatge de vectors pèrdues o sense pèrdua.

Les imatges vectorials s'utilitzen habitualment per a logotips, icones, composició tipogràfica i il·lustracions digitals. Adobe Illustrator és l'editor d'imatges estàndard de la indústria que s'utilitza per crear, dissenyar i editar imatges vectorials (encara que també pot incorporar imatges ràster).

PDF
-

PDF és un format de document portàtil i és un format d'imatge utilitzat per mostrar correctament els documents i gràfics, independentment del dispositiu, l'aplicació, el sistema operatiu o el navegador web. En el seu nucli, els fitxers PDF tenen una potent base de gràfics vectorials, però també poden mostrar-ho tot des de gràfics de trama per formar camps a fulls de càlcul. Com que és un estàndard gairebé universal, els fitxers PDF solen ser el format del fitxer sol·licitat per les impressores per enviar un disseny final a la producció. Tant Adobe Photoshop com Illustrator poden exportar-se directament a PDF, fent que sigui fàcil començar el disseny i preparar-lo per imprimir.

Heu d'utilitzar un PDF quan ...

• Estàs preparat per imprimir . Com hem esmentat, moltes impressores prefereixen PDF com a format de lliurament principal perquè és tan omnipresent. Consulteu amb la vostra impressora per veure com voleu que prepareu el vostre fitxer.
• Voleu mostrar documents a la web . No utilitzaràs un PDF per a una única icona o logotip , però és ideal per a cartells, volants, revistes i fullets. Els fitxers PDF conservaran tot el disseny en un sol paquet, de manera que és fàcil de veure, descarregar o imprimir.

No utilitzis un PDF quan ...

• Necessiteu editar el vostre disseny. Els fitxers PDF són contenidors excel·lents, però utilitzen altres aplicacions per als continguts. Podeu editar imatges ràster amb Photoshop i gràfics vectorials amb Illustrator. Quan hagueu acabat, podeu combinar-los en un PDF per veure-los fàcilment.

EPS
-

EPS és un format d'imatge que significa Encapsulated PostScript.Encara que s'utilitza principalment com a format vectorial, un fitxer EPS pot incloure dades de vectors i imatges de trama. Normalment, un fitxer EPS inclou un element de disseny únic que es pot utilitzar en un disseny més gran.

Heu d'utilitzar un EPS quan ...

• Cal que envieu un logotip vectorial a un client, dissenyador o impressora. Amb un fitxer EPS, no s'ha de preocupar d'on es col·locarà o imprimirà el logotip. No importa la mida, sempre apareixerà a la resolució correcta.

No utilitzis un EPS quan ...

• Estàs tractant amb fotografies o obres d'art. L'EPS pot gestionar imatges ràster, però aquest tipus de fitxer d'imatge és principalment per a vectors. Treballeu amb un PSD, TIF o JPEG quan tingueu un projecte de fotografia.
• Heu de mostrar una imatge en línia. Exporta a JPEG, PNG o GIF primer.

AI
-

AI és un format d'imatge vectorial propietari que representa Adobe Illustrator. El format es basa tant en les normes EPS i PDF desenvolupades per Adobe. Igual que aquests formats, els fitxers AI són principalment un format basat en vectors, tot i que també poden incloure imatges ràster incrustades o enllaçades. Els fitxers AI es poden exportar tant a fitxers PDF com EPS (per a una fàcil revisió i impressió), i també JPEG, PNG, GIF, TIFF i PSD (per a ús web i edició addicional).

Heu d'utilitzar una IA quan ...

• Necessiteu editar un disseny vectorial . Els fitxers AI us permeten moure i canviar tots els elements del vostre disseny amb només un clic o dos.
• Necessites crear un mascota de logotip, icona o marca . Totes les formes i línies vectorials creades en Illustrator es poden volar a qualsevol mida, la qual cosa la fa ideal per a imatges que cal utilitzar de moltes maneres diferents.
• Voleu una peça d'impressió d'una pàgina . Illustrator és perfecte per a cartells, targetes de visita, volants i notecards que es poden combinar amb altres imatges de trama.
• Heu d' establir tipus per a un logotip. Les característiques de composició de l'Illustrator són increïblement poderoses, permetent que qualsevol text estigui estirat, esbiaixat i es transformi de qualsevol manera imaginable.

No facis servir una IA quan ...

• Necessites editar imatges. Si s'utilitza una imatge de ràster (foto o obra d'art) en una composició, Illustrator té un nombre limitat d'eines per editar aquesta imatge directament. Photoshop (fitxers PSD) pot fer ajustos més complets com el color, el contrast i la brillantor.