SlideShare une entreprise Scribd logo
1  sur  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

Contenu connexe

Tendances

Tendances (20)

FUSTA
FUSTAFUSTA
FUSTA
 
Arquitectura I Escultura De Finals Del XiX
Arquitectura I Escultura  De Finals Del  XiXArquitectura I Escultura  De Finals Del  XiX
Arquitectura I Escultura De Finals Del XiX
 
Art renaixement introducció
Art renaixement introduccióArt renaixement introducció
Art renaixement introducció
 
Imperialisme colonialisme
Imperialisme colonialismeImperialisme colonialisme
Imperialisme colonialisme
 
Conseqüències de la gran guerra
Conseqüències de la gran guerraConseqüències de la gran guerra
Conseqüències de la gran guerra
 
Els bàndols de la Guerra de Successió
Els bàndols de la Guerra de SuccessióEls bàndols de la Guerra de Successió
Els bàndols de la Guerra de Successió
 
Sector Primari
Sector PrimariSector Primari
Sector Primari
 
Geometria.figures
Geometria.figuresGeometria.figures
Geometria.figures
 
Electricitat
ElectricitatElectricitat
Electricitat
 
L’ECONOMIA DEL PERÍODE D'ENTREGUERRES (1918-1939)
L’ECONOMIA DEL PERÍODE D'ENTREGUERRES (1918-1939)L’ECONOMIA DEL PERÍODE D'ENTREGUERRES (1918-1939)
L’ECONOMIA DEL PERÍODE D'ENTREGUERRES (1918-1939)
 
Palanques
PalanquesPalanques
Palanques
 
Tema 3 - L'Art Islàmic i Mudèjar
Tema 3 - L'Art Islàmic i MudèjarTema 3 - L'Art Islàmic i Mudèjar
Tema 3 - L'Art Islàmic i Mudèjar
 
L'expansió de la industrialització
L'expansió de la industrialitzacióL'expansió de la industrialització
L'expansió de la industrialització
 
San vicenç de cardona
San vicenç de cardonaSan vicenç de cardona
San vicenç de cardona
 
Imatge digital
Imatge digitalImatge digital
Imatge digital
 
Les Transformacions econòmiques durant el segle XIX
Les Transformacions econòmiques durant el segle XIXLes Transformacions econòmiques durant el segle XIX
Les Transformacions econòmiques durant el segle XIX
 
Desenvolupament de la gran guerra
Desenvolupament de la gran guerraDesenvolupament de la gran guerra
Desenvolupament de la gran guerra
 
Les unificacions d'Alemanya i Itàlia
Les unificacions d'Alemanya i Itàlia Les unificacions d'Alemanya i Itàlia
Les unificacions d'Alemanya i Itàlia
 
Imperialisme activitats
Imperialisme activitatsImperialisme activitats
Imperialisme activitats
 
Cézanne
CézanneCézanne
Cézanne
 

Similaire à 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
 

Similaire à 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