A la pràctica anterior, ja vàrem veure que el nombre de colors que tenim disponible en una imatge pot variar, és el que s’anomena la "profunditat del color".
A aquesta segona part aprendrem quines diferències hi ha entre el que ocupa una imatge i els colors que aquesta té.
Els pixels són cadascun dels punts dels que es composa una imatge. Com sabeu a la propaganda de les càmeres digitals solen parlar de 10, 12, 14,… Megapíxels, és a dir, de la quantitat de punts que formen la imatge que fotografiem, 10, 12 i 14 milions de píxels.
La informació digital sempre s’emmagatzema en bits (element de memòria amb sols dues posicions, per exemple blanc o negre) així doncs per representar el color hem de reservar més d’un bit per cada píxel.
Primera part
Durant aquest exercici seguirem fent ús del menú imatge que ja vàrem fer servir a l'exercici anterior.
Per fer feina teniu dues opcions:
Descarregueu aquesta imatge si no heu cercat la imatge a casa.
Per fer feina teniu dues opcions:
- Cerqueu una imatge a casa per fer feina i vos la envieu per correu o la poseu al vostre pendrive.
- Feu ús de la imatge que vos done, la nota no serà la mateixa si feu servir la que vos done ja que vol dir que no heu fet les feines a casa.
Descarregueu aquesta imatge si no heu cercat la imatge a casa.
Deseu-la a l'ordinador dins la carpeta GIMP i dins a la carpeta exercici 2.
Obriu-la amb el GIMP i deseu-la amb Fitxer, Anomena i desa la imatge quedarà desada amb el format del GIMP el nom que li heu de posar és
original.xcf
Ara cliqueu al menú Imatge, Escalar la Imatge transformeu d’aquesta manera la imatge original en una d’amplada de 150 píxels i l’alçada proporcional que vos apareixerà al posar l'amplada.
NOTA: per que sigui proporcional, haureu de tenir l'icona de la cadena que hi ha a la dreta dels números sense trencar, és a dir, com es veu al dibuix.
NOTA: per que sigui proporcional, haureu de tenir l'icona de la cadena que hi ha a la dreta dels números sense trencar, és a dir, com es veu al dibuix.
Deseu la imatge com a escalada2.xcf a la carpeta que hem fet que posa exercici 2.
IMPORTANT: Totes les feines que feu a continuació heu de fer-les a partir d'aquesta imatge escalada2.xcf.
Si vos queda molt perita podeu veure-la més gran clicant a la part inferior esquerre al lloc on posa la escala de la imatge en tant per cent com veus a la imatge.
IMPORTANT: Totes les feines que feu a continuació heu de fer-les a partir d'aquesta imatge escalada2.xcf.
Si vos queda molt perita podeu veure-la més gran clicant a la part inferior esquerre al lloc on posa la escala de la imatge en tant per cent com veus a la imatge.
Totes les imatges les posarem a la presentació que hem començat a l'exercici 1
Segona part: imatges i colors
A aquesta segona part aprendrem quines diferències hi ha entre el que ocupa una imatge i els colors que aquesta té.
La informació digital sempre s’emmagatzema en bits (element de memòria amb sols dues posicions, per exemple blanc o negre) així doncs per representar el color hem de reservar més d’un bit per cada píxel.
Recordeu que 8 bits=1 byte, 1024 bytes=1KB (Kilobytes) i 1024 Kilobytes= 1MB
Aquí teniu una mostra de la mateixa imatge de 300×225 píxels amb diferents profunditats de color.
Per fer les feines continuarem fent ús del menú imatge, a l'opció mode, on trobareu diversos tipus de format d'imatge.
 |
En primer lloc crearem una imatge en blanc i negre i anomeneu-la bin.jpg
Aquí sols hi ha 2 colors, blanc i negre. Per tant amb un sol bit per píxel podem guardar la imatge. Que ocupa doncs:
300·225·1= 67500 bits = 8438 Bytes = 8,240 KB
| |
 |
En segon lloc crearem una imatge amb 16 colors que li direm 16.jpg
Aquesta imatge sols té una paleta amb 16 colors, la trobareu a paleta personalitzada. Cada píxels té reservats 4 bits, que amb totes les combinacions possibles de 0 i 1 (0000, 0001, 0010, 0011, …) fan 24=16.La imatge ocupa doncs:300·225·4 = 227000 bits = 33750 Bytes = 32,959 KB
| |
 |
En tercer lloc crearem una imatge en 256 colors que anomenarem 256.gif, per això anirem a:
mode > indexat > 256
Aquesta imatge té una paleta de 256 colors, cada píxel té reservats 8 bits (=1 Byte) ja que 28=256.La imatge ocupa:300·225·8 = 540000 bits = 67500 Bytes = 65,918 KB
Fixeu-vos en la pell de l’espatlla, heu de veure unes aures per la falta de matització del color.
| |
 |
En quart lloc crearem una imatge en escala de grissos i l'anomenarem gris.jpg
Aquesta imatge també té una paleta de 256 colors, però de nivells de grisos.La imatge ocupa el mateix que l’anterior.
| |
 |
En cinquè lloc afegirem la imatge oritginal escalada. Aquesta seria la vostra imatge original.
A aquesta imatge cada píxel té reservats 24 bits (=3 bytes).D’aquesta manera es poden codificar 224 = 16777216 = 16 milions de colors.La imatge ocupa 300·225·24 = 1620000 bits = 202500 Bytes = 197,8 KB Compareu aquesta imatge amb la de 256 colors, fixeu-vos en que ja no es veuen les aures.
| |
Ara poseu totes les imatges a una diapositiva del drive posant com a títol de la diapositiva: Imatges i colors, poseu quants colors té cada una i poseu un quadre en quina mida ocupen depenent del color.
Tercera part: formats d’emmagatzemament de les imatges
Cada programa de dibuix utilitza el seu propi sistema d’emmagatzemament, així pot guardar tota la informació sigui visible o no.
Així el Gimp utilitza el format .xcf , el Photoshop el .psd, etc.
El format .xcf és el natiu del GIMP i és el que normalment utilitzarem a les pràctiques ja que emmagatzema tota la informació referent a la imatge com son capes, camins…
El format .xcf és el natiu del GIMP i és el que normalment utilitzarem a les pràctiques ja que emmagatzema tota la informació referent a la imatge com son capes, camins…
A la xarxa, però, degut a que efectuen una compressió de les dades, hi ha dos formats que s’han extès, el .GIF i el .JPG
1. El format .GIF
Utilitza una paleta de 256 colors. És per això que s’utilitza per dibuixos i quasi mai per fotografies.
Pot guardar varies imatges en un sol arxiu i fer que apareguin com animació.
Permet que un dels colors sigui transparent, això s’utilitza en els gràfics com aquest
per tal que no quedin així.
2. El format png
Aquest format no es pot animar com el gif, però si que pot tenir transparències al fons de la imatge, amb elles podem fer imatges semitransparents, això les imatges gif no poden fer-ho i ens pot servir per integrar-les millor a un fons. Aquí vos deixe la imatge anterior feta semitransparent.
3. El format .JPG
Utilitza una profunditat de color de 3 Bytes ( 16'7 milions de colors).
S’utilitza normalment per fotografies.
No permet animacions, ni transparències.
El nivell de compressió es pot graduar i la qualitat es perd a mesura que s’augmenta la compressió.Ara farem ús des nivells de compressió. Ja que és important degut a que la qualitat de vegades la podem baixar depenent l'ús que pensem fer de la imatge en concret. Un exemple vos heu fixat que quan cerques imatges a un cercador no tenen la seva mida real, ni la qualitat. Això fa que google ens pugui mostrar moltes imatges a la vegada.
Per fer aquests nivells de compressió d'imatges jpg, simplement haureu d'anar: a l'opció anomena i desa i desar la imatge com a jpg, en aquest moment et demanarà quin nivell de compressió vols usar. Vejam un exemple:
 |
Qualitat 100 41 KB
|
 |
Qualitat 80 Mida 25 KB ocupa casi la meitat que la inicial.
|
 | Qualitat 60 mida 16 KB ocupa menys de 2 vegades que la inicial. |
 | Qualitat 40 mida 12 KB ocupa menys de 3 vegades que la inicial. |
 | Qualitat 20 ocupa 8 KB ocupa menys de 5 vegades que la inicial. |
 | Qualitat 0 ocupa 4 KB ocupa més de 10 vegades menys que la inicial |
Agafeu la imatge escalada2.xcf i deseu-la amb diferents nivells de compressió del format JPG posarem com a nom el nivell de compressió: 100.JPG 80.JPG, 60.JPG, 40.JPG, 20.JPG, 0.JPG.
Aquestes imatges posa-les a la presentació de diapositives com a: Els nivells de compressió, posa les imatges i posa a cada una quina mida fa.
Fixeu-vos en la qualitat de les imatges i traieu-ne conclusions, poseu les a la presentació.