Apunts d'informàtica - Cèlia Masimon Unitat 1: La imatge digital
Índice de contenido
INTRODUCCIÓ – PROCESADOR DE TEXTOS WRITER (OpenOffice)...............................................3
Tecles abreujades.............................................................................................................................3
Format de text i paràgraf................................................................................................................3
Capçaleres i peus de pàgines.......................................................................................................3
Estils.......................................................................................................................................................3
UNITAT 1: LA IMATGE DIGITAL...............................................................................................................5
Imatges digitals i imatges analògiques........................................................................................5
Anàlisi...................................................................................................................................................6
Imatges de mapes de bits..............................................................................................................6
Anàlisi...................................................................................................................................................7
El color.................................................................................................................................................8
[Kit Kat: bits, bytes i altres unitats] .................................................................................................8
Programari per al tractament d'imatges digitals.....................................................................10
Formats d'imatge............................................................................................................................10
TALLERS...................................................................................................................................................12
Taller d'informàtica 1 – Milions de formats.................................................................................12
Taller d'informàtica 4 – Treballem amb diferents formats.......................................................12
Taller d'informàtica 5 – Mirem a fons una imatge....................................................................13
Taller d'informàtica 6 – Profunditat de color ............................................................................14
Pàgina 1 de 17
Apunts d'informàtica - Cèlia Masimon Unitat 1: La imatge digital
Taller d'informàtica 9 – El meu primer dibuix amb el GIMP....................................................14
Taller d'informàtica 12 – Disseny d'un cartell sobre energies alternatives...........................15
Taller d'informàtica 14 – Qualitat en les imatges......................................................................16
SÍNTESI GUIADA.....................................................................................................................................17
Pàgina 2 de 17
Apunts d'informàtica - Cèlia Masimon Unitat 1: La imatge digital
INTRODUCCIÓ – PROCESADOR DE TEXTOS WRITER (OpenOffice)
Tecles abreujades
CTRL + A = Selecciona tot
CTRL + Z = Desfés
CTRL + Y = Refés
Format de text i paràgraf
Format – Paràgraf – Interlineat (1,5)
Format – Paràgraf – Espai entre paràgrafs (0,20 i 0,20)
Format – Caràcter – Posició – Espai expandit (per separar entre caràcters)
Recomanació: Mida de la lletra 11, interlineat 1,5, espai entre paràgrafs 0,20 i 0,20,
alineació del text justificat.
Capçaleres i peus de pàgines
Insereix – Capçalera – Per defecte: El contingut de la capçalera es repetirà a TOTES les
pàgines del document de text.
Insereix – Peu de pàgina – Per defecte
Insereix – Camps – Número de pàgina
Insereix – Salt manual – Salt de pàgina
Insereix – Camps – Recompte de pàgines
Estils
Donem format a un text, seleccionem i cliquem al menú emergents d'Estils, seleccionant
Pàgina 3 de 17
Apunts d'informàtica - Cèlia Masimon Unitat 1: La imatge digital
l'opció Més... Apareixerà un quadre de diàleg; dins el qual seleccionarem l'Estil que volem
modificar. Llavors clicarem a la icona situada a la part superior dreta (la del signe més de
color verd), i actualitzarem l'Estil. A partir d'ara ja tenim l'estil definit a partir de les nostres
preferències.
Pàgina 4 de 17
Apunts d'informàtica - Cèlia Masimon Unitat 1: La imatge digital
UNITAT 1: LA IMATGE DIGITAL
Imatges digitals i imatges analògiques
Una imatge digital és un tipus d'imatge que pot ser manipulada mitjançant un equip
informàtic.
Digitalització: Transformació d'una imatge analògica en digital, primer pas que cal fer en
qualsevol procés de tractament d'imatges.
Podem classificar les imatges digitals en dos tipus:
• Imatges de mapes de bits o “bitmaps”
• Imatges vectorials
GENERACIÓ EDICIÓ PES EN DISC
VTORIALS
L'ordinador fa càlculs
matemàtics que
generen línies i
polígons
Fàcil de treballar
l'ordinador detecta
les formes
Pesen relativament
poc
MAPES DE BITS
Les imatges es
generen en una
graella de
quadradets diminuts
(píxels), on cada
píxel conté només un
sol color.
És una mica més
complex, l'ordinador
no identifica formes,
sinó que treballem
amb píxels.
Pesen més que una
imatge vectorial de
les mateixes
dimensions
Pàgina 5 de 17
Apunts d'informàtica - Cèlia Masimon Unitat 1: La imatge digital
Anàlisi
1. Es pot aplicar el terme digitalització a un element del maquinari?
En el procés de la digitalització, intervenen parts del maquinari (escàner, càmera
digital...) i també parts del programa (software que fa funcionari el maquinari)
2. Compara les dues imatges de les fulles i explica'n les diferències.
La primera imatge és vectorial, això significa que a comparació d'un mapa de
bits, és més nítida, no te píxels, a l'hora de treballar amb ella per ordinador serà
més fàcil i quan la guardis a l'ordinador ocuparà menys espai tot i ser del mateix
tamany. En canvi, un mapa de bits té píxels i no queda tant “neta” com l'anterior.
Quan la guardis ocuparà molt més espai i a l'hora de treballar et serà més difícil.
3. Què passa si ampliem una imatge vectorial?
A diferència d'un mapa de bits, per més que ampliïs no trobaràs píxels a l'imatge.
Sempre serà la mateixa forma i...etc continuar a casa.
4. Què vol dir digitalitzar una imatge?
És la transformació d'una imatge analògica en una imatge digital.
5. Observa la figura de la dreta i identifica quina de les dues imatges és la vectorial.
La imatge vectorial és la de la dreta perquè no es veuen píxels, en canvi, a la de
l'esquerra es veuen quadradets petits (píxels).
Imatges de mapes de bits
Píxel: Partícula d'una imatge de mapa de bits, porció més petita de la imatge. Un píxel
només pot tenir un sol color.
Resolució: Concentració o densitat de píxels que té una imatge per unitat de longitud.
Normalment es mesura en píxels per polzada (ppp, en anglès pixel per inch, ppi). Per
utilitzar una imatge a internet, 72 ppp és una bona resolució. En canvi, si volem imprimir-la
amb qualitat fotogràfica, caldrà utilitzar una resolució de 300 ppp.
Pàgina 6 de 17
Apunts d'informàtica - Cèlia Masimon Unitat 1: La imatge digital
Exemple: Tenim una imatge de 300x200 píxels, amb una resolució de 72 ppp. Quines
dimensions, en centímetres, té la imatge?
H: 300 píxels /72 ppp = 4,17 polzades 4,17 polzades · 2,54 cm/polzada= 10,59cm
V: 200 píxels /72 ppp= 2,78 polzades 2,78 polzades · 2,54 cm/polzada= 7,06cm
Resposta: La imatge tindrà unes dimensions de 10,59cm x 7,06cm
Anàlisi
6. Observa la il·lustració de la figura de les cares i contesta:
a) Quina mida tenen les imatges?
Totes les imatges tenen una mida de 1 polzada x 1 polzada.
b) Quina relació veus entre la resolució i la qualitat de les imatges?
Quan més resolució, més qualitat.
7. Què és un píxel?
Partícula d'una imatge de mapa de bits, porció més petita de la imatge.
8. Pot tenir un píxel més d'un color?
No, un píxel només pot tenir un sol color.
9. La fotografia A de la palanca de control té una resolució de 300 ppp i 3,000 x 2,000
píxels.
a) Calcula la mida de la fotografia A en centímetres.
H: 3000 píxels / 300 ppp = 10 polzades 10 polzades · 2,54 cm/polzada = 25,4cm
V: 2000 píxels / 300 ppp = 6.6 polzades 6.6 polzades · 2,54 cm/polzada = 16,8cm
Resposta: La imatge tindrà unes dimensions de 25,4 cm x 16,8 cm
Pàgina 7 de 17
Apunts d'informàtica - Cèlia Masimon Unitat 1: La imatge digital
b) Quina mida tindrà la fotografia B si se n'han disminuït la resolució a 150 ppp?
OPCIÓ A:
H: 3000 píxels / 150 ppp = 20 polzades 20 polzades · 2,54cm = 50,8 cm
V: 2000 píxels / 150 ppp = 13,3 polzades 13,3 polzades · 2,54cm = 33,78 cm
Resposta: La imatge tindrà unes dimensions de 50,8 cm x 33, 78 cm
OPCIÓ B:
Multiplicar el resultat de l'exercici anterior (exercici 9 apartat a) per 2
El color
Les primeres pantalles d'ordinadors eren monocromes. En aquestes pantalles, cada píxel
només podia tenir dos colors: clar i fosc. Així doncs, la informació necessària per
determinar el color d'un píxel era mínima: només calia un sol bit (1 o 0).
Avui en dia, les pantalles ofereixen multitud de colors, a partir dels tres colors bàsics: el
vermell (Red), el verd (Green) i el blau (Blue). Parlem, doncs del model colorimètric RGB.
Hi ha, però, altres models colorimètrics, com ara el CMYK (utilitzat en el procés
d'impressió). Aquests colors son el cian (Cyan), magenta (Magenta), groc (Yellow) i negre
(blacK).
[Kit Kat: bits, bytes i altres unitats]
1 bit (1b) = unitat mínima d'informació (1 o 0)
1 Byte (1B) = 8 bits Ex: 10010100
1 Kilobyte (1KB) = 1024 Bytes
1 Megabyte (1MG) = 1024 Kilobytes
1 Gigabyte (1GB) = 1024 Megabytes
Pàgina 8 de 17
Apunts d'informàtica - Cèlia Masimon Unitat 1: La imatge digital
1 Terabyite (1TB) = 1024 Gigabytes
Petabyte (1PT) = 1024 Terabytes
A l'hora de definir un color (amb el model colorimètric RGB, per exemple) ens cal saber la
qualitat del color que correspon al canal Vermell, al canal Verd i al canal Blau. Per
exemple:
R: 10 – binari – 00001010 : 1B
G: 255 – binari – 11111111: 1B
B: 0 – binari – 00000000: 1B
3 Bytes per cada píxel
Cal saber que la quantitat de color pot anar des del 0 (mínim) fins al 255 (màxim). És a dir,
256 possibilitats, ja que 28 = 256, i utilitzem 1 Byte (8 bites) per definir la quantitat de color
(anirà des de 00000000 fins a 11111111)
Així doncs, en el model colorimètric GRB, per determinar un color determinat
necessitarem 3 Bytes. O sigui, 3 bytes que son 24 bits.
Profunditat de color: Nombre de colors diferents que pot tenir cadascun dels píxels que
conformen una imatge gràfica. Per exemple; una imatge de 24 bits (8bits x 3 canals) té 23
x 23 x 23 = 256 x 256 x 256 = 16777216 colors diferents.
Pàgina 9 de 17
Apunts d'informàtica - Cèlia Masimon Unitat 1: La imatge digital
Programari per al tractament d'imatges digitals
Programes Aplicacions Tipus d'imatges
GIMP
Photoshop
Paint Shop Pro
Picassa
Retoc fotogràfic, gestió
d'arxius fotogràfics, visors
d'imatges...
Mapes de bits
CorelDRAW
Freehand
Illustrator
Dibuix artístic
AutoCAD
AutoSketchDibuix tècnic amb 2D i 3D
Imatges vectorials
Formats d'imatge
Com qualsevol tipus d'informació, cal guardar les imatges dins un equip informàtic en
forma d'arxius. De vegades, per utilitzar el mínim espai d'emmagatzematge possible,
comprimim les imatges. Podem comprimir de dues formes diferents:
• Amb pèrdues
• Sense pèrdues
Comprimir amb pèrdues significa que, durant la compressió del fitxer, aquest perdrà
dades que ja no es podran recuperar.
Pàgina 10 de 17
Apunts d'informàtica - Cèlia Masimon Unitat 1: La imatge digital
Extensió DescripcióProfunditat
de colorCompressió
bmp
Mapa de bits. Format estàndard d'imatge de
Windows. Les imatges ocupen molt però no
perden qualitat encara que es manipulin moltes
vegades.
24 bits
Es pot
comprimir
sense pèrdues
Tif i tiffFormat de mapa de bits que va ser creat com
un format universal d'imatges.
Des d'1 bit
fins a 64
bits
Descomprimit,
no presenta
pèrdues
Jpeg o
jpg
Va ser creat específicament per al tractament
de fotografia digital. En aquest format l'usuari
determina el grau de compressió de les imatges
(i per tant, la qualitat d'aquestes)
Des de 8
bits fins a
24 bits
Compressió
amb pèrdues
ajustable per
part de l'usuari
gif
Format molt utilitzat a la xarxa, ja que es pot
comprimir sense pèrdues. Te una profunditat de
només 8 bits, o sigui, només pot utilitzar 256
colors.
Entre 1 i 8
bits
Es pot
comprimir
sense pèrdues
png Es va crear per substituir el GIF
Des d'1 bit
fins a 48
bits
Es pot
comprimir
sense pèrdues
Pàgina 11 de 17
Apunts d'informàtica - Cèlia Masimon Unitat 1: La imatge digital
TALLERS
Taller d'informàtica 1 – Milions de formats
Taller d'informàtica 4 – Treballem amb diferents formats
Després de fer la pràctica, hem confirmat que els formats BMP i TIF són els que més
qualitat tenen però, com a conseqüència ocupen molt espai. En canvi, les GPJ ocupen
molt poc però tenen una qualitat pèssima. Entre mig hi han les GIF i les PNG. Ocupen un
espai no gaire gran i no tenen una qualitat ni molt alta ni molt baixa.
A la foto que tenim a continuació s'observa l'espai que ocupa cada imatge i les pèrdues
que pot patir fent servir una formats o uns altres.
Pàgina 12 de 17
Apunts d'informàtica - Cèlia Masimon Unitat 1: La imatge digital
Taller d'informàtica 5 – Mirem a fons una imatge
Imatge: balseros.jpg
Nombre de píxels: 1081 x 713 = 770.753 píxels
Profunditat de color = RGB 1 capa = 24 bits
Total espai teòric en la RAM de la imatge = 770.753 x 24 bits = 18.498.072 bits = 2.312.259
Bytes = 2,21 MBytes
Imatge = arada.jpg
Nombre de píxels = 1921 x 1461 = 2.806 píxels
Profunditat de color = RGB 1 capa = 24 bits
Total espai teòric en la RAM de la imatge = 2.806.581 x 24 bits = 67.357.944 bits = 8.419.743
Bytes = 8,03 Mbytes
Pàgina 13 de 17
Apunts d'informàtica - Cèlia Masimon Unitat 1: La imatge digital
Taller d'informàtica 6 – Profunditat de color
24 bits
Milions de colors
8 bits
256 colors
8 bits
Escala de grisos
1bit
Blanc i negre
Mida
fitxer
Mida
RAM
Mida
fitxer
Mida
RAM
Mida
fitxer
Mida
RAM
Mida
fitxer
Mida
RAM
Astronauta.jpg 5,44MB 89,6MB 5.805Kb 73,6MB 3.028Kb 99,1MB 979Kb 99,1MB
Taller d'informàtica 9 – El meu primer dibuix amb el GIMP
Em aprés a fer servir diverses modalitats del GIMP: pintar el fondo, fer efectes amb el
llapis, el pinzell i la goma...etc...
Pàgina 14 de 17
Apunts d'informàtica - Cèlia Masimon Unitat 1: La imatge digital
Taller d'informàtica 12 – Disseny d'un cartell sobre energies alternatives
En aquest taller hem aprés a fer servir el GIMP. Hem treballat amb capes, hem posat títols
diversos i hem retallat imatges i les hem sobre exposat, a més també hem fet degradats
(cel).
Pàgina 15 de 17
Apunts d'informàtica - Cèlia Masimon Unitat 1: La imatge digital
Taller d'informàtica 14 – Qualitat en les imatges
Pàgina 16 de 17
Apunts d'informàtica - Cèlia Masimon Unitat 1: La imatge digital
En aquestes imatges em modificat el to, la saturació i altres diversos elements. D'aquesta
manera es pot veure com podem arribar a modificar un imatge, tan sigui per voler-la
aclarir, com enfosquir (arc) com modificar colors (forquilles).
SÍNTESI GUIADA
1. Una imatge digital és bàsicament un tipus d'imatge que pot ser manipulada per
un equip informàtic.
2. Hi ha dos grans grups d'imatges digitals, els mapes de bits o Bitmaps, i les imatges
vectorials.
3. Els mapes de bits estan constituïts per píxels que son les parts o elements més petits
en què es divideix la imatge. Píxel ve de l'expressió anglesa picture element, que
vol dir “element d'imatge”.
4. La resolució d'una imatge digital és la concentració o compressió de punts, o
píxels, que té una imatge.
5. Un píxel pot tenir milions de tonalitats de colors. Però de fet, tots aquests colors els
obtenim a partir de tres colors bàsics, el vermell, el verd i el blau. És el que es
coneix com a model colorimètric RGB.
6. La profunditat de color d'una imatge digital és el nombre de colors diferents que
pot contenir cadascun dels punts o píxels que la conformen.
7. Els programes que treballen amb imatges o formats gràfics són aplicacions potents
que ens permeten fer un gran nombre d'operacions en el tractament d'imatges
digitals.
8. El GIMP és un programa de retoc fotogràfic que és l'acrònim de GNU Imatge
Manipulation Program. Consisteix en l'alternativa de programari lliure al popular
programa Photoshop.
9. Els editors dels arxius d'imatges varien en profunditat de bits, densitat, gestió de
color, etc. La compressió es duu a terme amb pèrdues i sense pèrdues.
10. La digitalització d'imatges consisteix en a transformació d'una imatge analògica
en digital. Per realitzar aquesta operació es fan servir escàners.
Pàgina 17 de 17