SlideShare una empresa de Scribd logo
1 de 21
Formats de la  imatge digital  Mariona Gran é www.lmi.ub.es
Els pixels (picture element) Les pantalles del ordinadors es divideixen en petites cel·les, cada cel·la  és un pixel. El píxel és una unitat, però no té una mesura en si mateix, depen de la ressolució d’una imatge…
Els pixels Aix í els tamanys de les imatges que fem es poden mesurar en pixels o punts que ocupen en una pantalla: 800  pixels d’amplada  x 600  pixels d’ alçada 800x600 1024 x 768 1280x1024 1280x800
Els pixels i la ressoluci ó de pantalla Quan treballem amb un programa de disseny ens adonem que lligat al tamany de una imatge hi ha una altre qualitat:  la ressoluci ó
La ressoluci ó és el nombre de píxels que hi ha en cada polzada de la pantalla. 72 ppp = A cada polzada hi ha 72 pixels 1 polzada = 2,54 cm Els pixels i la ressoluci ó de pantalla La pantalla d’un monitor t é una ressolució de 72 o de 96 pixels per polzada (depenent de la màquina).
Però podem treballar amb diferents ressolucions per cada imatge quan utilitzem programes de disseny i retoc d’imatges. La ressolució d’una imatge permet que la veiem més o menys definida.  A més ressolució més qualitat d’imatge. Els pixels i la ressoluci ó de pantalla
El tamany “real” d’una imatge varia segons sigui la seva ressolució.  Els pixels i la ressoluci ó de pantalla 300 ppp 72 ppp Perquè la ressolució d’una pantalla d’ordinador sempre és la mateixa però tu pots fer que una imatge canvii de tamany  donant més o menys ressolució a una imatge, és a dir posant més o menys pixels en una polzada. 24 ppp
Però en realitat, per una mateix tamany real d’imatge la ressolució el que aporta és una major o menor definició. Els pixels i la ressoluci ó de pantalla 300 ppp 72 ppp 24 ppp
Les diferents resolucions amb que treballem una imatge tenen a veure amb l’ús que en farem d’aquesta imatge un cop acabada. Per multimèdia en pantalla ………………………..  72 ppp Per a la web ………………………………………………..  72 ppp Per impressora d’injecció de tinta …………….. 300 ppp Per impressora làser ……………………………....  1200 ppp Per impremta ………….……………………………....  2400 ppp la ressoluci ó
Tipus d’imatges digitals ,[object Object],[object Object],[object Object],Aquesta no  és una divisió taxativa atès que actualment els dos formats es poden combinar en la majoria d’aplicacions de disseny i retoc gràfic
Mapes de Bits Les imatges a l’ordinador es poden crear mitjançant l’acci ó de “pintar” dins cada cel·la Cada punt pintat  és un pixel amb un valor determinat. Les imatges es codifiquen mitjançant un conjunt de bits que tenen un valor concret que s’anomena profunditat de color.
Tipus d’imatges de mapa de bits Imatges d’un bit  per p íxel: només tenen dos valors 1= ple i 0= buit.
Tipus d’imatges de mapa de bits Imatges d’escala de grisos (8 bits per pixel):  cada p íxel pot tenir 256 valors diferents de grisos
Tipus d’imatges de mapa de bits Imatges RGB (24 bits per pixel):  cada p íxel pot tenir 16.777.216 de colors (256 de vermell  x  256 de blau  x  256 de verd) ,  cadascun amb 256 possibilitats de tons.
Tipus d’imatges de mapa de bits Imatges CYMK (32 bits per pixel):  és un format teòric que intenta representar els colors de la cuatricomia d’impremta: Cian, Magenta, Groc i Negre.
Tipus d’imatges de mapa de bits ,[object Object],[object Object],[object Object]
Imatges vectorials Una forma molt diferent de crear imatges en una pantalla  és fer-ho mitjançant formules matemàtiques. És a dir: en lloc de crear una retícula amb milions de cel.les que cal omplir o deixar buides, utilitzem amb l’ordinador les coordenades X, Y per traçar línies.
[object Object],[object Object],[object Object],[object Object],[object Object],Imatges vectorials
Les imatges vectorials tenen diferents parts, pe rò només són “reals” el contorn i el continguts, la resta són eines de treball. Imatges vectorials
Adobe Photoshop Freehand Ilustrator Corel Draw Painter Gimp Software d’edici ó d’imatge fixa
Mariona Gran é www.lmi.ub.es

Más contenido relacionado

La actualidad más candente

Tema 3. L'origen de la industrialització
Tema 3. L'origen de la industrialitzacióTema 3. L'origen de la industrialització
Tema 3. L'origen de la industrialitzacióElisabet Castany
 
LA RESTAURACIÓ BORBÒNICA (1875-1898)
LA RESTAURACIÓ BORBÒNICA (1875-1898)LA RESTAURACIÓ BORBÒNICA (1875-1898)
LA RESTAURACIÓ BORBÒNICA (1875-1898)jcorbala
 
3r eso tema 5 - LA UNIÓ EUROPEA
3r eso  tema 5 - LA UNIÓ EUROPEA3r eso  tema 5 - LA UNIÓ EUROPEA
3r eso tema 5 - LA UNIÓ EUROPEAMario Vicedo Pellin
 
Literatura. La Il·lustració
Literatura. La Il·lustracióLiteratura. La Il·lustració
Literatura. La Il·lustraciómsimo6
 
Tema 0 Història de l'Art 2n Batxillerat
Tema 0 Història de l'Art 2n BatxilleratTema 0 Història de l'Art 2n Batxillerat
Tema 0 Història de l'Art 2n BatxilleratPauhistoria
 
TEMA 9. La població a Espanya i Catalunya (2). GEOGRAFIA (2n BATXILLERAT)
TEMA 9. La població a Espanya i Catalunya (2). GEOGRAFIA (2n BATXILLERAT)TEMA 9. La població a Espanya i Catalunya (2). GEOGRAFIA (2n BATXILLERAT)
TEMA 9. La població a Espanya i Catalunya (2). GEOGRAFIA (2n BATXILLERAT)Rafael Palomero Caro
 
Literatura catalana segles XIV i XV
Literatura catalana segles XIV i XVLiteratura catalana segles XIV i XV
Literatura catalana segles XIV i XVLluis Rius
 
Filosofia, ciència i altres formes de saber
Filosofia, ciència i altres formes de saberFilosofia, ciència i altres formes de saber
Filosofia, ciència i altres formes de saberjcalzamora
 
La restauració i el catalanisme
La restauració i el catalanismeLa restauració i el catalanisme
La restauració i el catalanismeahidalg_04
 
T5 II Revolució Industrial i Imperialisme
T5 II Revolució Industrial i ImperialismeT5 II Revolució Industrial i Imperialisme
T5 II Revolució Industrial i ImperialismeMaria Polo
 
Els recursos de la natura.
Els recursos de la natura.Els recursos de la natura.
Els recursos de la natura.Marcel Duran
 
Oda a Guynemer i Tot l'enyor de demà
Oda a Guynemer i Tot l'enyor de demàOda a Guynemer i Tot l'enyor de demà
Oda a Guynemer i Tot l'enyor de demàjoanmolar
 
Unitat 3 2019-2020 - els recursos de la natura
Unitat 3   2019-2020 - els recursos de la naturaUnitat 3   2019-2020 - els recursos de la natura
Unitat 3 2019-2020 - els recursos de la naturajordimanero
 
1 restauracio borbonica
1 restauracio borbonica1 restauracio borbonica
1 restauracio borbonicaArmand Figuera
 
Art Gòtic
Art GòticArt Gòtic
Art GòticOriol
 

La actualidad más candente (20)

Ramon Casas: La càrrega
Ramon Casas: La càrregaRamon Casas: La càrrega
Ramon Casas: La càrrega
 
Ramon Muntaner
Ramon MuntanerRamon Muntaner
Ramon Muntaner
 
Tema 3. L'origen de la industrialització
Tema 3. L'origen de la industrialitzacióTema 3. L'origen de la industrialització
Tema 3. L'origen de la industrialització
 
5.Salzillo: Oració a l'hort de Getsemaní
5.Salzillo: Oració a l'hort de Getsemaní5.Salzillo: Oració a l'hort de Getsemaní
5.Salzillo: Oració a l'hort de Getsemaní
 
LA RESTAURACIÓ BORBÒNICA (1875-1898)
LA RESTAURACIÓ BORBÒNICA (1875-1898)LA RESTAURACIÓ BORBÒNICA (1875-1898)
LA RESTAURACIÓ BORBÒNICA (1875-1898)
 
3r eso tema 5 - LA UNIÓ EUROPEA
3r eso  tema 5 - LA UNIÓ EUROPEA3r eso  tema 5 - LA UNIÓ EUROPEA
3r eso tema 5 - LA UNIÓ EUROPEA
 
Literatura. La Il·lustració
Literatura. La Il·lustracióLiteratura. La Il·lustració
Literatura. La Il·lustració
 
Tema 0 Història de l'Art 2n Batxillerat
Tema 0 Història de l'Art 2n BatxilleratTema 0 Història de l'Art 2n Batxillerat
Tema 0 Història de l'Art 2n Batxillerat
 
TEMA 9. La població a Espanya i Catalunya (2). GEOGRAFIA (2n BATXILLERAT)
TEMA 9. La població a Espanya i Catalunya (2). GEOGRAFIA (2n BATXILLERAT)TEMA 9. La població a Espanya i Catalunya (2). GEOGRAFIA (2n BATXILLERAT)
TEMA 9. La població a Espanya i Catalunya (2). GEOGRAFIA (2n BATXILLERAT)
 
Literatura catalana segles XIV i XV
Literatura catalana segles XIV i XVLiteratura catalana segles XIV i XV
Literatura catalana segles XIV i XV
 
Filosofia, ciència i altres formes de saber
Filosofia, ciència i altres formes de saberFilosofia, ciència i altres formes de saber
Filosofia, ciència i altres formes de saber
 
La restauració i el catalanisme
La restauració i el catalanismeLa restauració i el catalanisme
La restauració i el catalanisme
 
T5 II Revolució Industrial i Imperialisme
T5 II Revolució Industrial i ImperialismeT5 II Revolució Industrial i Imperialisme
T5 II Revolució Industrial i Imperialisme
 
Els recursos de la natura.
Els recursos de la natura.Els recursos de la natura.
Els recursos de la natura.
 
Oda a Guynemer i Tot l'enyor de demà
Oda a Guynemer i Tot l'enyor de demàOda a Guynemer i Tot l'enyor de demà
Oda a Guynemer i Tot l'enyor de demà
 
Unitat 3 2019-2020 - els recursos de la natura
Unitat 3   2019-2020 - els recursos de la naturaUnitat 3   2019-2020 - els recursos de la natura
Unitat 3 2019-2020 - els recursos de la natura
 
5. Catalunya dins la Corona d'Aragó
5. Catalunya dins la Corona d'Aragó5. Catalunya dins la Corona d'Aragó
5. Catalunya dins la Corona d'Aragó
 
1 restauracio borbonica
1 restauracio borbonica1 restauracio borbonica
1 restauracio borbonica
 
Arquitectura del Renaixement
Arquitectura del RenaixementArquitectura del Renaixement
Arquitectura del Renaixement
 
Art Gòtic
Art GòticArt Gòtic
Art Gòtic
 

Similar a Formats de la imatge digital

INTRODUCCIÓ A L'EDICIÓ D'IMATGE.pptx
INTRODUCCIÓ A L'EDICIÓ D'IMATGE.pptxINTRODUCCIÓ A L'EDICIÓ D'IMATGE.pptx
INTRODUCCIÓ A L'EDICIÓ D'IMATGE.pptxLasilviatecno
 
La imatge digital
La imatge digitalLa imatge digital
La imatge digitalLauraYaiza
 
Tema 8 edicio imatges
Tema 8 edicio imatgesTema 8 edicio imatges
Tema 8 edicio imatgesTxeli
 
La imatge digital
La imatge digitalLa imatge digital
La imatge digitalAlbabad
 
Presentació sense títol
Presentació sense títolPresentació sense títol
Presentació sense títolmarkkkus99
 
T5 edi img_1516
T5 edi img_1516T5 edi img_1516
T5 edi img_1516adieste
 
Imatge digital
Imatge digitalImatge digital
Imatge digitalnuriauib
 
/Users/Otjan/Desktop/Tractament Dimatges
/Users/Otjan/Desktop/Tractament Dimatges/Users/Otjan/Desktop/Tractament Dimatges
/Users/Otjan/Desktop/Tractament Dimatgesudl
 
/Users/Otjan/Desktop/Tractament Dimatges
/Users/Otjan/Desktop/Tractament Dimatges/Users/Otjan/Desktop/Tractament Dimatges
/Users/Otjan/Desktop/Tractament Dimatgesudl
 
La imagen power point - estudiar
La imagen   power point - estudiarLa imagen   power point - estudiar
La imagen power point - estudiarDidi_Disiwi
 

Similar a Formats de la imatge digital (20)

INTRODUCCIÓ A L'EDICIÓ D'IMATGE.pptx
INTRODUCCIÓ A L'EDICIÓ D'IMATGE.pptxINTRODUCCIÓ A L'EDICIÓ D'IMATGE.pptx
INTRODUCCIÓ A L'EDICIÓ D'IMATGE.pptx
 
La imatge digital
La imatge digitalLa imatge digital
La imatge digital
 
Imatge digital
Imatge digitalImatge digital
Imatge digital
 
Tema 8 edicio imatges
Tema 8 edicio imatgesTema 8 edicio imatges
Tema 8 edicio imatges
 
T5 edi img_1
T5 edi img_1T5 edi img_1
T5 edi img_1
 
La imatge digital
La imatge digitalLa imatge digital
La imatge digital
 
Presentació sense títol
Presentació sense títolPresentació sense títol
Presentació sense títol
 
Unitat 3
Unitat 3Unitat 3
Unitat 3
 
LA IMATGE DIGITAL
LA IMATGE DIGITALLA IMATGE DIGITAL
LA IMATGE DIGITAL
 
Edició digital
Edició digitalEdició digital
Edició digital
 
T5 edi img_1516
T5 edi img_1516T5 edi img_1516
T5 edi img_1516
 
La imatge digita
La imatge digitaLa imatge digita
La imatge digita
 
T5 edi img_1516
T5 edi img_1516T5 edi img_1516
T5 edi img_1516
 
Imatge digital
Imatge digitalImatge digital
Imatge digital
 
as734
as734as734
as734
 
Imatge digital
Imatge digitalImatge digital
Imatge digital
 
La imatge digital
La imatge digitalLa imatge digital
La imatge digital
 
/Users/Otjan/Desktop/Tractament Dimatges
/Users/Otjan/Desktop/Tractament Dimatges/Users/Otjan/Desktop/Tractament Dimatges
/Users/Otjan/Desktop/Tractament Dimatges
 
/Users/Otjan/Desktop/Tractament Dimatges
/Users/Otjan/Desktop/Tractament Dimatges/Users/Otjan/Desktop/Tractament Dimatges
/Users/Otjan/Desktop/Tractament Dimatges
 
La imagen power point - estudiar
La imagen   power point - estudiarLa imagen   power point - estudiar
La imagen power point - estudiar
 

Formats de la imatge digital

  • 1. Formats de la imatge digital Mariona Gran é www.lmi.ub.es
  • 2. Els pixels (picture element) Les pantalles del ordinadors es divideixen en petites cel·les, cada cel·la és un pixel. El píxel és una unitat, però no té una mesura en si mateix, depen de la ressolució d’una imatge…
  • 3. Els pixels Aix í els tamanys de les imatges que fem es poden mesurar en pixels o punts que ocupen en una pantalla: 800 pixels d’amplada x 600 pixels d’ alçada 800x600 1024 x 768 1280x1024 1280x800
  • 4. Els pixels i la ressoluci ó de pantalla Quan treballem amb un programa de disseny ens adonem que lligat al tamany de una imatge hi ha una altre qualitat: la ressoluci ó
  • 5. La ressoluci ó és el nombre de píxels que hi ha en cada polzada de la pantalla. 72 ppp = A cada polzada hi ha 72 pixels 1 polzada = 2,54 cm Els pixels i la ressoluci ó de pantalla La pantalla d’un monitor t é una ressolució de 72 o de 96 pixels per polzada (depenent de la màquina).
  • 6. Però podem treballar amb diferents ressolucions per cada imatge quan utilitzem programes de disseny i retoc d’imatges. La ressolució d’una imatge permet que la veiem més o menys definida. A més ressolució més qualitat d’imatge. Els pixels i la ressoluci ó de pantalla
  • 7. El tamany “real” d’una imatge varia segons sigui la seva ressolució. Els pixels i la ressoluci ó de pantalla 300 ppp 72 ppp Perquè la ressolució d’una pantalla d’ordinador sempre és la mateixa però tu pots fer que una imatge canvii de tamany donant més o menys ressolució a una imatge, és a dir posant més o menys pixels en una polzada. 24 ppp
  • 8. Però en realitat, per una mateix tamany real d’imatge la ressolució el que aporta és una major o menor definició. Els pixels i la ressoluci ó de pantalla 300 ppp 72 ppp 24 ppp
  • 9. Les diferents resolucions amb que treballem una imatge tenen a veure amb l’ús que en farem d’aquesta imatge un cop acabada. Per multimèdia en pantalla ……………………….. 72 ppp Per a la web ……………………………………………….. 72 ppp Per impressora d’injecció de tinta …………….. 300 ppp Per impressora làser …………………………….... 1200 ppp Per impremta ………….…………………………….... 2400 ppp la ressoluci ó
  • 10.
  • 11. Mapes de Bits Les imatges a l’ordinador es poden crear mitjançant l’acci ó de “pintar” dins cada cel·la Cada punt pintat és un pixel amb un valor determinat. Les imatges es codifiquen mitjançant un conjunt de bits que tenen un valor concret que s’anomena profunditat de color.
  • 12. Tipus d’imatges de mapa de bits Imatges d’un bit per p íxel: només tenen dos valors 1= ple i 0= buit.
  • 13. Tipus d’imatges de mapa de bits Imatges d’escala de grisos (8 bits per pixel): cada p íxel pot tenir 256 valors diferents de grisos
  • 14. Tipus d’imatges de mapa de bits Imatges RGB (24 bits per pixel): cada p íxel pot tenir 16.777.216 de colors (256 de vermell x 256 de blau x 256 de verd) , cadascun amb 256 possibilitats de tons.
  • 15. Tipus d’imatges de mapa de bits Imatges CYMK (32 bits per pixel): és un format teòric que intenta representar els colors de la cuatricomia d’impremta: Cian, Magenta, Groc i Negre.
  • 16.
  • 17. Imatges vectorials Una forma molt diferent de crear imatges en una pantalla és fer-ho mitjançant formules matemàtiques. És a dir: en lloc de crear una retícula amb milions de cel.les que cal omplir o deixar buides, utilitzem amb l’ordinador les coordenades X, Y per traçar línies.
  • 18.
  • 19. Les imatges vectorials tenen diferents parts, pe rò només són “reals” el contorn i el continguts, la resta són eines de treball. Imatges vectorials
  • 20. Adobe Photoshop Freehand Ilustrator Corel Draw Painter Gimp Software d’edici ó d’imatge fixa
  • 21. Mariona Gran é www.lmi.ub.es