LA IMATGELA IMATGE
DIGITALDIGITAL
QUÈ ENS SAPS DE ....?QUÈ ENS SAPS DE ....?
IMATGES ANALÒGIQUES vs IMATGES DIGITALS
RESOLUCIÓ D'IMATGES DIGITALS
BITMAPS, IMATGES VECTORIALS
PÍXELS, MODEL RGB
GIMP, PHOTOSHOP,...
1.- IMATGES ANALÒGIQUES I IMATGES DIGITALS1.- IMATGES ANALÒGIQUES I IMATGES DIGITALS
Què és una imatge analògica?
Tipus d'imatge que s'obté per la reacció d'uns productes
químics sobre un material fotosensible (Carrets de pel·lícula
a les antigues càmeres de fotografia)
1.- IMATGES ANALÒGIQUES I IMATGES DIGITALS1.- IMATGES ANALÒGIQUES I IMATGES DIGITALS
Què és una imatge digital?
Tipus d'imatge que s'obté per la incidència de la llum
sobre un sensor i no en una pel·lícula.
1.- IMATGES ANALÒGIQUES I IMATGES DIGITALS1.- IMATGES ANALÒGIQUES I IMATGES DIGITALS
Les imatges digitals poden provenir de tres fonts:
-d'un escànner (digitalització)
-d'una càmara digital
-creant-les de zero amb un programa
Avantatges/inconvenients imatges digitals i analògiques:
Digitals Analògiques
-Es poden mostrar en pantalla
-Ocupen poc espai
-Es poden fer còpies sense perdre qualitat
-Són fàcils de compartir
-Són fàcils de retocar
-Necessitem maquinari i programari per
veure-les i treballar-les
-No es deterioren amb el pas del temps ni
fent còpies
-No es poden mostrar en pantalla
-Es deterioren amb el pas del temps
-Són difícils de compartir
-Són difícils de retocar
-No necessitem programes ni maquinari per
veure-les
-Es deterioren les còpies de còpies...
1.1- Tipus d'imatges digitals1.1- Tipus d'imatges digitals
Dos grans grups:
-bitmaps (mapes de bits)
-imatges vectorials
Generació de la imatge:
-vectorials: a partir de línies rectes i corbes (vectors)
-bitmaps: graella de quadradets anomenats píxels
Diferències principals
Edició de la imatge:
-vectorials: fàcil de treballar, ja que s'agrupen per
identitats que s'identifiquen amb un “clic)
-bitmaps: edició complexa, ja que no s'identifiquen
entitats (cada píxel és una entitat en si mateix)
Mida dels arxius
-vectorials: petita
-bitmaps: gran
TASCA DOSSIER: Exercicis 1,2,3,4 i 5 pàg. 13
1.1- Tipus d'imatges digitals1.1- Tipus d'imatges digitals
Imatge vectorial Imatge bitmap
2.- IMATGES DE MAPES DE BITS2.- IMATGES DE MAPES DE BITS
Els bitmaps són el tipus d'imatge digital més emprat per
il·lustrar webs, publicacions, llibres, degut a que permeten
una àmplia gama de colors
Formats per Píxel= “picture”+”element” (element d'imatge),
que són quadradets pintats amb un sol color uniforme.
Càlcul del número total de píxels d'una imatge =
núm.píxels d'amplada X núm.píxels d'alçada
1 píxel= 1 color (barreja de vermell (R), verd (G) i blau (B))
La barreja de píxels
amb colors diferents,
proveoquen a la retina
de l'ull la sensació de
variacions de colors i
intensitats
2.1- La resolució2.1- La resolució
Efecte del tamany dels píxels
Quina imatge té més resolució?
La resolució és la densitat de píxels. Com més petits són els
píxels més píxels hi ha per unitat de superfície, per tant, millor
s'aprecia els detalls de la imatge.
2.1- La resolució2.1- La resolució
La resolució es es mesura en PPP (punts per polçada) en
anglés PPI (pixels per inch) o dpi
Recorda: 1 polçada =2'54 cm
Exemple: Quina mida d'ample i d'alçada tindrà una fotografia de
600 pp, 8000 píxels d'ample i 3000 píxels d'alçada.
600 ppp = 236'22 ppc (píxels per centímetre)
236'22 ppc (píxels per centímetre)
236'22 pixels → 1 centímetre
8000 pixels ample → ? Centímetres ample
3000 pixels alçada → ? Centímetres alçada
TASCA DOSSIER: Exercicis 7,8,9 i 10 pàg. 15
2.1- La resolució2.1- La resolució
Suposem que volem fer una imatge a una resolució de 30 pixel per centímetre (30 pcm). Cada
centímetre quadrat necessitarà 900 píxeles i, si la nostra imatge és una fotografia de 13 x 18
centímetres (superfície= 234 cm2), necesitarà en total 210600 píxels. Lògicament quant més alta
és la resolució d' una imatge, millor reprodueix els detalls i els canvis de tonalitat però, a la
vegada, més pesat serà l'arxiu
La mateixa fotografía de 13 x 18 cm anterior, amb resolució de 20 píxels por centímetre,
només necessitaria 93600 píxeles, el que equival a un arxiu 2,25 vegades menor
2.2- El color. El model RGB2.2- El color. El model RGB
Número total de colors disponibles en el model RGB?
256 colors pel canal R (1Byte)
256 colors pel canal G (1Byte)
256 colors pel canal B (1Byte)
Model RGB
model additiu (es parteix del negre)
Model CMYK
model substractiu (es parteix del blanc)
Cyan, Magenta, Yellow, K (negre)
Model utilitzat en impressió
La profunditat de color
és el nº total de bits per píxel
16,777,216 colors diferents
1 píxel = 1 color (barreja de vermell (R), verd (G) i blau (B))
3 Bytes = 24 bits
TASCA DOSSIER: Exercicis 11 pàg. 16
2.3- Anàlisi d'imatges2.3- Anàlisi d'imatges
Càlcul del número total de píxels d'una imatge
Número de píxels d'amplada x Número de píxels d'alçada
Càlcul del tamany teòric en memòria
1Byte per cada canal (R,G,B) → 3 Bytes/pixel
Exemple:
Calcular el tamany teòric d'una imatge de 1000 x 2000 pix
Númeronum. Total pixels = 1000x2000 = 2000000 pix
(3 Bytes/píxel) x 2000000 pix = 6000000 Bytes
6000000 Bytes = 5859 KB = 5,72 MB
2.4- Formats d'imatges2.4- Formats d'imatges
Els tipus d'imatges digitals es classifiquen en formats sense
compressió o amb compressió.
La compressió és un procés que es realitza per tal que un
arxiu no ocupi tant en disc (espai d'emmagatzematge) i per
accelerar la velocitat de transferència de l'arxiu.
Existeix dos tipus de compressió:
- amb pèrdues (no és poden recuperar les dades suprimides)
- sense pèrdues (es poden recuperar les dades suprimides)
RECORDA
Els tipus d'imatges digitals es classifiquen en formats sense
compressió o amb compressió.
Més compressió
Menys qualitat, menys
tamany de l'arxiu, més
velocitat de transferència
2.3- Anàlisi d'imatges2.3- Anàlisi d'imatges
Càlcul del número total de píxels d'una imatge
Número de píxels d'amplada x Número de píxels d'alçada
Càlcul del tamany teòric en memòria
1Byte per cada canal (R,G,B) → 3 Bytes/pixel
Exemple:
Calcular el tamany teòric d'una imatge de 1000 x 2000 pix
Númeronum. Total pixels = 1000x2000 = 2000000 pix
(3 Bytes/píxel) x 2000000 pix = 6000000 Bytes
6000000 Bytes = 5859 KB = 5,72 MB
2.4- Formats d'imatges2.4- Formats d'imatges
Principals formats o tipus d'imatges digitals
Sense compressió Amb compressió
TIFF. Imatges de molta qualitat.
Molt utilitzat per fotògrafs
JPEG. Format més utilitzat per
comprimir imatges a diversos
tamanys. No admet transparència.
BMP. El primer en utilitzar-se amb
imatges escannejades. Crea un
mapa de pixels de colors
GIF. Molt utilitzat a Internet. Limita
el número de colors de 256 a 8.
RAW. Conté tota la informació
captada pel sensor de la càmara,
sense processar.
PNG. Admet transparència. Admet
compressió sense pèrdues.
2.5- Programari per al tractament d'imatges digitals2.5- Programari per al tractament d'imatges digitals
El programa GIMP és l'alternativa del programari lliure al
popular Photoshop
Altres programes d'edició d'imatge bitmap: Paint Shop Pro
Programari per a tipus d'imatges bitmap
Programari per a tipus d'imatges vectorials
CorelDraw, Freehand, Inkscape, Illustrator → No tècnic
Autocad, Autosketch, CATIA → Dibuix tècnic
TASCA DOSSIER: Exercicis 12 pàg. 18
-Exercicis 1,2,3,4,5 i 6 pàgina 34
-Tasca nº 1 pag. 35 i Síntesi guiada
ACTIVITATS PRÀCTIQUES GIMPACTIVITATS PRÀCTIQUES GIMP
TALLERS LLIBRE:
-nº 1 pàg. 17
-nº 3 pàg. 19. Fes captura de pantalla del punt 9 i crea un
document com a Tasca Digital
-nº 4 pàg. 21. Fes una taula amb els tamanys dels fitxers
obtinguts i apunta-la al teu dossier
-nº 5 pàg. 22. Resultats com a Tasca al dossier
-nº 6 pàg. 22. Resultats com a Tasca al dossier
-nº 9 pàg. 26.
-nº 10 pàg. 28.
-nº 11 pàg. 28
-nº 12 pàg. 30
-nº 13 pàg. 32
-nº 14 pàg. 33
-Tasca “Enfocament i desenfocament” pàg.37

Imatge digital

  • 1.
  • 2.
    QUÈ ENS SAPSDE ....?QUÈ ENS SAPS DE ....? IMATGES ANALÒGIQUES vs IMATGES DIGITALS RESOLUCIÓ D'IMATGES DIGITALS BITMAPS, IMATGES VECTORIALS PÍXELS, MODEL RGB GIMP, PHOTOSHOP,...
  • 3.
    1.- IMATGES ANALÒGIQUESI IMATGES DIGITALS1.- IMATGES ANALÒGIQUES I IMATGES DIGITALS Què és una imatge analògica? Tipus d'imatge que s'obté per la reacció d'uns productes químics sobre un material fotosensible (Carrets de pel·lícula a les antigues càmeres de fotografia)
  • 4.
    1.- IMATGES ANALÒGIQUESI IMATGES DIGITALS1.- IMATGES ANALÒGIQUES I IMATGES DIGITALS Què és una imatge digital? Tipus d'imatge que s'obté per la incidència de la llum sobre un sensor i no en una pel·lícula.
  • 5.
    1.- IMATGES ANALÒGIQUESI IMATGES DIGITALS1.- IMATGES ANALÒGIQUES I IMATGES DIGITALS Les imatges digitals poden provenir de tres fonts: -d'un escànner (digitalització) -d'una càmara digital -creant-les de zero amb un programa Avantatges/inconvenients imatges digitals i analògiques: Digitals Analògiques -Es poden mostrar en pantalla -Ocupen poc espai -Es poden fer còpies sense perdre qualitat -Són fàcils de compartir -Són fàcils de retocar -Necessitem maquinari i programari per veure-les i treballar-les -No es deterioren amb el pas del temps ni fent còpies -No es poden mostrar en pantalla -Es deterioren amb el pas del temps -Són difícils de compartir -Són difícils de retocar -No necessitem programes ni maquinari per veure-les -Es deterioren les còpies de còpies...
  • 6.
    1.1- Tipus d'imatgesdigitals1.1- Tipus d'imatges digitals Dos grans grups: -bitmaps (mapes de bits) -imatges vectorials Generació de la imatge: -vectorials: a partir de línies rectes i corbes (vectors) -bitmaps: graella de quadradets anomenats píxels Diferències principals Edició de la imatge: -vectorials: fàcil de treballar, ja que s'agrupen per identitats que s'identifiquen amb un “clic) -bitmaps: edició complexa, ja que no s'identifiquen entitats (cada píxel és una entitat en si mateix) Mida dels arxius -vectorials: petita -bitmaps: gran TASCA DOSSIER: Exercicis 1,2,3,4 i 5 pàg. 13
  • 7.
    1.1- Tipus d'imatgesdigitals1.1- Tipus d'imatges digitals Imatge vectorial Imatge bitmap
  • 8.
    2.- IMATGES DEMAPES DE BITS2.- IMATGES DE MAPES DE BITS Els bitmaps són el tipus d'imatge digital més emprat per il·lustrar webs, publicacions, llibres, degut a que permeten una àmplia gama de colors Formats per Píxel= “picture”+”element” (element d'imatge), que són quadradets pintats amb un sol color uniforme. Càlcul del número total de píxels d'una imatge = núm.píxels d'amplada X núm.píxels d'alçada 1 píxel= 1 color (barreja de vermell (R), verd (G) i blau (B)) La barreja de píxels amb colors diferents, proveoquen a la retina de l'ull la sensació de variacions de colors i intensitats
  • 9.
    2.1- La resolució2.1-La resolució Efecte del tamany dels píxels Quina imatge té més resolució? La resolució és la densitat de píxels. Com més petits són els píxels més píxels hi ha per unitat de superfície, per tant, millor s'aprecia els detalls de la imatge.
  • 10.
    2.1- La resolució2.1-La resolució La resolució es es mesura en PPP (punts per polçada) en anglés PPI (pixels per inch) o dpi Recorda: 1 polçada =2'54 cm Exemple: Quina mida d'ample i d'alçada tindrà una fotografia de 600 pp, 8000 píxels d'ample i 3000 píxels d'alçada. 600 ppp = 236'22 ppc (píxels per centímetre) 236'22 ppc (píxels per centímetre) 236'22 pixels → 1 centímetre 8000 pixels ample → ? Centímetres ample 3000 pixels alçada → ? Centímetres alçada TASCA DOSSIER: Exercicis 7,8,9 i 10 pàg. 15
  • 11.
    2.1- La resolució2.1-La resolució Suposem que volem fer una imatge a una resolució de 30 pixel per centímetre (30 pcm). Cada centímetre quadrat necessitarà 900 píxeles i, si la nostra imatge és una fotografia de 13 x 18 centímetres (superfície= 234 cm2), necesitarà en total 210600 píxels. Lògicament quant més alta és la resolució d' una imatge, millor reprodueix els detalls i els canvis de tonalitat però, a la vegada, més pesat serà l'arxiu La mateixa fotografía de 13 x 18 cm anterior, amb resolució de 20 píxels por centímetre, només necessitaria 93600 píxeles, el que equival a un arxiu 2,25 vegades menor
  • 12.
    2.2- El color.El model RGB2.2- El color. El model RGB Número total de colors disponibles en el model RGB? 256 colors pel canal R (1Byte) 256 colors pel canal G (1Byte) 256 colors pel canal B (1Byte) Model RGB model additiu (es parteix del negre) Model CMYK model substractiu (es parteix del blanc) Cyan, Magenta, Yellow, K (negre) Model utilitzat en impressió La profunditat de color és el nº total de bits per píxel 16,777,216 colors diferents 1 píxel = 1 color (barreja de vermell (R), verd (G) i blau (B)) 3 Bytes = 24 bits TASCA DOSSIER: Exercicis 11 pàg. 16
  • 13.
    2.3- Anàlisi d'imatges2.3-Anàlisi d'imatges Càlcul del número total de píxels d'una imatge Número de píxels d'amplada x Número de píxels d'alçada Càlcul del tamany teòric en memòria 1Byte per cada canal (R,G,B) → 3 Bytes/pixel Exemple: Calcular el tamany teòric d'una imatge de 1000 x 2000 pix Númeronum. Total pixels = 1000x2000 = 2000000 pix (3 Bytes/píxel) x 2000000 pix = 6000000 Bytes 6000000 Bytes = 5859 KB = 5,72 MB
  • 14.
    2.4- Formats d'imatges2.4-Formats d'imatges Els tipus d'imatges digitals es classifiquen en formats sense compressió o amb compressió. La compressió és un procés que es realitza per tal que un arxiu no ocupi tant en disc (espai d'emmagatzematge) i per accelerar la velocitat de transferència de l'arxiu. Existeix dos tipus de compressió: - amb pèrdues (no és poden recuperar les dades suprimides) - sense pèrdues (es poden recuperar les dades suprimides) RECORDA Els tipus d'imatges digitals es classifiquen en formats sense compressió o amb compressió. Més compressió Menys qualitat, menys tamany de l'arxiu, més velocitat de transferència
  • 15.
    2.3- Anàlisi d'imatges2.3-Anàlisi d'imatges Càlcul del número total de píxels d'una imatge Número de píxels d'amplada x Número de píxels d'alçada Càlcul del tamany teòric en memòria 1Byte per cada canal (R,G,B) → 3 Bytes/pixel Exemple: Calcular el tamany teòric d'una imatge de 1000 x 2000 pix Númeronum. Total pixels = 1000x2000 = 2000000 pix (3 Bytes/píxel) x 2000000 pix = 6000000 Bytes 6000000 Bytes = 5859 KB = 5,72 MB
  • 16.
    2.4- Formats d'imatges2.4-Formats d'imatges Principals formats o tipus d'imatges digitals Sense compressió Amb compressió TIFF. Imatges de molta qualitat. Molt utilitzat per fotògrafs JPEG. Format més utilitzat per comprimir imatges a diversos tamanys. No admet transparència. BMP. El primer en utilitzar-se amb imatges escannejades. Crea un mapa de pixels de colors GIF. Molt utilitzat a Internet. Limita el número de colors de 256 a 8. RAW. Conté tota la informació captada pel sensor de la càmara, sense processar. PNG. Admet transparència. Admet compressió sense pèrdues.
  • 17.
    2.5- Programari peral tractament d'imatges digitals2.5- Programari per al tractament d'imatges digitals El programa GIMP és l'alternativa del programari lliure al popular Photoshop Altres programes d'edició d'imatge bitmap: Paint Shop Pro Programari per a tipus d'imatges bitmap Programari per a tipus d'imatges vectorials CorelDraw, Freehand, Inkscape, Illustrator → No tècnic Autocad, Autosketch, CATIA → Dibuix tècnic TASCA DOSSIER: Exercicis 12 pàg. 18 -Exercicis 1,2,3,4,5 i 6 pàgina 34 -Tasca nº 1 pag. 35 i Síntesi guiada
  • 18.
    ACTIVITATS PRÀCTIQUES GIMPACTIVITATSPRÀCTIQUES GIMP TALLERS LLIBRE: -nº 1 pàg. 17 -nº 3 pàg. 19. Fes captura de pantalla del punt 9 i crea un document com a Tasca Digital -nº 4 pàg. 21. Fes una taula amb els tamanys dels fitxers obtinguts i apunta-la al teu dossier -nº 5 pàg. 22. Resultats com a Tasca al dossier -nº 6 pàg. 22. Resultats com a Tasca al dossier -nº 9 pàg. 26. -nº 10 pàg. 28. -nº 11 pàg. 28 -nº 12 pàg. 30 -nº 13 pàg. 32 -nº 14 pàg. 33 -Tasca “Enfocament i desenfocament” pàg.37