Apunts unitat 1 - La imatge digital

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


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


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


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


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


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


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


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


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


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


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


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


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


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


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


Taller d'informàtica 14 – Qualitat en les imatges

Pàgina 16 de 17


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

Apunts unitat 1 - La imatge digital

Documents

Transcript of Apunts unitat 1 - La imatge digital