24-06-2018  (894 lectures) Categoria: Articles

Fitxers d'imatge

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.

Formats d'arxiu d'imatge

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.

Fotos proporcionades per l'autor.

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 - per Owley
RGB - per A & V

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.

Sense compressió
Alta compressió

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.

giphy

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.

Etiquetes d' unicorn per _ELM_

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).

Acr-screenshota 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.

screen-shot-2016-10-19-at-3-10-07-pm

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.

Pòster per a la vida de Adwindesign per Salam_h
Disseny de logotip per disseny de cullera

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.

Cartell d'Oakland de Martis Lupus
Pòster de ioga per Trisixtin per a iogulito

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.

per artsigma
per Dusan Klepic
per Sava Stoic

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).

screen-shot-2016-10-19-at-3-41-15-pm

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.




versió per imprimir

Comentaris publicats

    Afegeix-hi un comentari:

    Nom a mostrar:
    E-mail:
    Genera una nova imatge
    Introdu√Įu el codi de seguretat
    Accepto les condicions d'ús següents:

    Per a participar en els comentaris l'usuari es compromet a complir i acceptar les següents normes bàsiques de conducta:

    • Respectar les opinions de la resta dels participants al fòrum, tot i no compartir-les necessàriament.
    • Abstenir-se d'insultar o utilitzar un llenguatge ofensiu, racista, violent o xenòfob, i no tenir cap conducta contrària a la legislació vigent i a l'ordre públic.
    • No enviar cap contingut amb copyright sense el permís del propietari. Si es considera oportú facilitar continguts d'internet amb copyright, cal escriure la URL completa perquè els altres usuaris puguin enllaçar-hi i descarregar-se els continguts des de la pàgina propietària.
    • Publicitat: No es permet enviar continguts promocionals i/o publicitaris.