SlideShare a Scribd company logo
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

More Related Content

What's hot

1 restauracio borbonica
1 restauracio borbonica1 restauracio borbonica
1 restauracio borbonicaArmand Figuera
 
Unitat 6. societa i moviments socials al segle xix
Unitat 6. societa i moviments socials al segle xixUnitat 6. societa i moviments socials al segle xix
Unitat 6. societa i moviments socials al segle xixJulia Valera
 
Tema 6. La construcció de l'Estat Liberal (1833 - 1868).
Tema 6. La construcció de l'Estat Liberal (1833 - 1868).Tema 6. La construcció de l'Estat Liberal (1833 - 1868).
Tema 6. La construcció de l'Estat Liberal (1833 - 1868).Historiaespanya
 
Tema 9. La població a Espanya i Catalunya (1). GEOGRAFIA (2n BATXILLERAT)
Tema 9. La població a Espanya i Catalunya (1). GEOGRAFIA (2n BATXILLERAT)Tema 9. La població a Espanya i Catalunya (1). GEOGRAFIA (2n BATXILLERAT)
Tema 9. La població a Espanya i Catalunya (1). GEOGRAFIA (2n BATXILLERAT)Rafael Palomero Caro
 
Els estats i la divisió política del territori.
Els estats i la divisió política del territori.Els estats i la divisió política del territori.
Els estats i la divisió política del territori.2nESO
 
Les unificacions
Les unificacionsLes unificacions
Les unificacionsvicentaros
 
La societat de consum
La societat de consumLa societat de consum
La societat de consumelicres
 
SEGLE XVIII: LA CRISI DE L'ANTIC REGIM
SEGLE XVIII: LA CRISI DE L'ANTIC REGIMSEGLE XVIII: LA CRISI DE L'ANTIC REGIM
SEGLE XVIII: LA CRISI DE L'ANTIC REGIMAntonio Núñez
 
Tema 4. la 2a revolució industrial. l'imperialisme i colonialisme (2)
Tema 4. la 2a revolució industrial. l'imperialisme i colonialisme (2)Tema 4. la 2a revolució industrial. l'imperialisme i colonialisme (2)
Tema 4. la 2a revolució industrial. l'imperialisme i colonialisme (2)Rafa Oriola
 
3r eso tema 6 L'ORGANITZACIÓ POLÍTICA DEL TERRITORI
3r eso  tema 6 L'ORGANITZACIÓ POLÍTICA DEL TERRITORI3r eso  tema 6 L'ORGANITZACIÓ POLÍTICA DEL TERRITORI
3r eso tema 6 L'ORGANITZACIÓ POLÍTICA DEL TERRITORIMario Vicedo Pellin
 
TEMA 6 B. CRISI ANTIC RÈGIM. LA PEPA I RETORN DE FERRAN VII
TEMA 6 B. CRISI ANTIC RÈGIM. LA PEPA I RETORN DE FERRAN VIITEMA 6 B. CRISI ANTIC RÈGIM. LA PEPA I RETORN DE FERRAN VII
TEMA 6 B. CRISI ANTIC RÈGIM. LA PEPA I RETORN DE FERRAN VIIAssumpció Granero
 
La guerra de successió
La guerra de successióLa guerra de successió
La guerra de successiófinamorenoo
 
Restauracio borbonica (1874-1898)
Restauracio borbonica (1874-1898)Restauracio borbonica (1874-1898)
Restauracio borbonica (1874-1898)Armand Figuera
 
Morfologia i estructura de la ciutat.
Morfologia i estructura de la ciutat.Morfologia i estructura de la ciutat.
Morfologia i estructura de la ciutat.Marcel Duran
 
Tema 7. El Sexenni Democràtic.
Tema 7. El Sexenni Democràtic.Tema 7. El Sexenni Democràtic.
Tema 7. El Sexenni Democràtic.Historiaespanya
 
T6 la crisi de la restauracio borbonica
T6 la crisi de la restauracio borbonicaT6 la crisi de la restauracio borbonica
T6 la crisi de la restauracio borbonicaxabiapi
 
1. EL SEGLE XVIII. 2 BAT. 2013-2014
1. EL SEGLE XVIII. 2 BAT. 2013-20141. EL SEGLE XVIII. 2 BAT. 2013-2014
1. EL SEGLE XVIII. 2 BAT. 2013-2014martav57
 
Nazisme 4t ESO
Nazisme 4t ESONazisme 4t ESO
Nazisme 4t ESOsincretic
 

What's hot (20)

1 restauracio borbonica
1 restauracio borbonica1 restauracio borbonica
1 restauracio borbonica
 
Unitat 6. societa i moviments socials al segle xix
Unitat 6. societa i moviments socials al segle xixUnitat 6. societa i moviments socials al segle xix
Unitat 6. societa i moviments socials al segle xix
 
Tema 6. La construcció de l'Estat Liberal (1833 - 1868).
Tema 6. La construcció de l'Estat Liberal (1833 - 1868).Tema 6. La construcció de l'Estat Liberal (1833 - 1868).
Tema 6. La construcció de l'Estat Liberal (1833 - 1868).
 
Tema 9. La població a Espanya i Catalunya (1). GEOGRAFIA (2n BATXILLERAT)
Tema 9. La població a Espanya i Catalunya (1). GEOGRAFIA (2n BATXILLERAT)Tema 9. La població a Espanya i Catalunya (1). GEOGRAFIA (2n BATXILLERAT)
Tema 9. La població a Espanya i Catalunya (1). GEOGRAFIA (2n BATXILLERAT)
 
Els estats i la divisió política del territori.
Els estats i la divisió política del territori.Els estats i la divisió política del territori.
Els estats i la divisió política del territori.
 
Les unificacions
Les unificacionsLes unificacions
Les unificacions
 
La societat de consum
La societat de consumLa societat de consum
La societat de consum
 
SEGLE XVIII: LA CRISI DE L'ANTIC REGIM
SEGLE XVIII: LA CRISI DE L'ANTIC REGIMSEGLE XVIII: LA CRISI DE L'ANTIC REGIM
SEGLE XVIII: LA CRISI DE L'ANTIC REGIM
 
Tema 4. la 2a revolució industrial. l'imperialisme i colonialisme (2)
Tema 4. la 2a revolució industrial. l'imperialisme i colonialisme (2)Tema 4. la 2a revolució industrial. l'imperialisme i colonialisme (2)
Tema 4. la 2a revolució industrial. l'imperialisme i colonialisme (2)
 
L’empirisme de John Locke (idees)
L’empirisme de John Locke (idees)L’empirisme de John Locke (idees)
L’empirisme de John Locke (idees)
 
Causes de la Revolució francesa
Causes de la Revolució francesaCauses de la Revolució francesa
Causes de la Revolució francesa
 
3r eso tema 6 L'ORGANITZACIÓ POLÍTICA DEL TERRITORI
3r eso  tema 6 L'ORGANITZACIÓ POLÍTICA DEL TERRITORI3r eso  tema 6 L'ORGANITZACIÓ POLÍTICA DEL TERRITORI
3r eso tema 6 L'ORGANITZACIÓ POLÍTICA DEL TERRITORI
 
TEMA 6 B. CRISI ANTIC RÈGIM. LA PEPA I RETORN DE FERRAN VII
TEMA 6 B. CRISI ANTIC RÈGIM. LA PEPA I RETORN DE FERRAN VIITEMA 6 B. CRISI ANTIC RÈGIM. LA PEPA I RETORN DE FERRAN VII
TEMA 6 B. CRISI ANTIC RÈGIM. LA PEPA I RETORN DE FERRAN VII
 
La guerra de successió
La guerra de successióLa guerra de successió
La guerra de successió
 
Restauracio borbonica (1874-1898)
Restauracio borbonica (1874-1898)Restauracio borbonica (1874-1898)
Restauracio borbonica (1874-1898)
 
Morfologia i estructura de la ciutat.
Morfologia i estructura de la ciutat.Morfologia i estructura de la ciutat.
Morfologia i estructura de la ciutat.
 
Tema 7. El Sexenni Democràtic.
Tema 7. El Sexenni Democràtic.Tema 7. El Sexenni Democràtic.
Tema 7. El Sexenni Democràtic.
 
T6 la crisi de la restauracio borbonica
T6 la crisi de la restauracio borbonicaT6 la crisi de la restauracio borbonica
T6 la crisi de la restauracio borbonica
 
1. EL SEGLE XVIII. 2 BAT. 2013-2014
1. EL SEGLE XVIII. 2 BAT. 2013-20141. EL SEGLE XVIII. 2 BAT. 2013-2014
1. EL SEGLE XVIII. 2 BAT. 2013-2014
 
Nazisme 4t ESO
Nazisme 4t ESONazisme 4t ESO
Nazisme 4t ESO
 

Similar to 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 to 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