INTRODUCCIÓ A L'EDICIÓ D'IMATGE.pptx

1. INTRODUCCIÓ A
L’EDICIÓ
D’IMATGES
Silvia Mejías Tarancón

2. • Imatge analògica i digital
• Què es un píxel
• Propietats de la imatge: mida i resolució
• Resolució de pantalla
• Modes de color
• Tipus o formats d’imatge
ÍNDEX

3. És un tipus d'imatge que s'obté per la reacció d'uns productes
químics sobre un material fotosensible (les imatges queden
gravades sobre pel·lícula i es rebel·len posteriorment mitjançant un
procediment químic: carrets de pel·lícula de les antigues càmeres de
fotografia)
QUÈ ÉS UNA IMATGE ANALÒGICA

4. És un tipus d'imatge que s'obté per la incidència de la llum
sobre un sensor (element més important de la càmara) i no en una
pel·lícula (les imatges són capturades per un sensor electrònic que
disposa de múltiples unitats fotosensibles i des de allí s’arxiven en un altre
element electrònic que és la memòria). Hi ha dos tipus de sensors CCD
(Major sensibilitat al llum, major qualitat i més cars) i CMOS.
QUÈ ÉS UNA IMATGE DIGITAL

5. IMATGE DIGITAL
• La imatge digital, a diferència de
l’analògica, s’expressa en llenguatge binari,
això vol dir que tota la informació de la
imatge queda emmagatzemada a través
d’un codi format per combinacions de 0 i 1.
• Tota imatge digital està dividida en una
malla de petits quadrats anomenats píxels.
• A cada píxel li correspon un color
determinat per una combinació de 0 i 1.
• Per tant, una imatge digital és una mena de
quadrícula o mapa que fa correspondre a
cada imatge un color. Per això les imatges
digitals s’anomenen també: mapes de bits.
És a aquest tipus que pertany la foto digital.

6. Avantatges/inconvenients
imatges digitals i analògiques :
DIGITALS ANALÒGIQUES
-Es poden mostrar en pantalla -No es poden mostrar en pantalla
-Ocupen poc espai -Es deterioren amb el pas del temps
-Es poden fer còpies sense perdre qualitat -Són difícils de compartir
-Són fàcils de compartir -Són difícils de retocar
-Són fàcils de retocar -No necessitem programes ni maquinari per
-Necessitem maquinari i programari per veure-les
veure-les i treballar-les -Es deterioren les còpies de còpies...
-No es deterioren amb el pas del temps
ni fent còpies
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
IMATGES DIGITALS I ANALÒGIQUES

7. IMATGE DIGITAL
• Quan parlem d'imatges digitals hem de parlar inevitablemente
dels formats.
• El format és l'estructura determinada en què un conjunt de
dades són emmagatzemades en suport digital.
• Tots els fitxers
digitals tenen un
format determinat.
• En el cas de les
imatges digitals n'hi
ha diversos, i cada
un està indicat per
un ús específic.

8.  Compressió: hi ha uns programes específics que
suprimeixen informació irrellevant del fitxer de la
imatge digital per tal que pesi menys. Normalment hi
va associada una pèrdua de qualitat.
 Dimensió d'una imatge digital: es mesura en píxels,
que és el conjunt de punts que forma la imatge
representada a la pantalla.
COMPRESSIÓ I DIMENSIÓ

9. • Un píxel es la unitat més petita en la que es pot
descompondre una imatge, és el punt més petit que
forma una imatge.
• A cada píxel li correspon un color.
• La unió dels diferents píxels de color ens donaran la
imatge total.
QUÈ ÉS UN PÍXEL
Quan fem zoom podem veure
la imatge cada vegada més
“quadriculada". Això es
degut a que al acostar-nos
cada vegada més, anem
veient els píxels des de més
a prop.

10. Edició d'imatges

11. La mida o dimensió d’una imatge ve determinada pel
nombre de píxels totals que té. S’expressa mitjançant el
producte següent:
Nombre píxels horitzontals x Nombre de píxels verticals
(Per exemple: 25x22 píxels = 550 píxels)
Com mes píxels té una imatge:
• més detalls,
• més definició i
• més qualitat.
Per tant, la imatge pesa més
PROPIETATS D’IMATGE
MIDA O DIMENSIÓ

12. La resolució: S'expressa en píxels per polsada. Com més
gran el valor en ppp, major serà la informació disponible per
representar la imatge.
El valor final depèn de l’ús que tindrà la fotografia
(impressió, web, presentacions, etc.)
Alta resolució:
Mitja resolució:
Baixa resolució:
Aprox.
Aprox.
Aprox.
305 ppp
150 ppp
72 ppp



PROPIETATS D’IMATGE
RESOLUCIÓ

13. • RESOLUCIÓ: és la nitidesa o precisió qualitat amb
que es representa una imatge.
• Es mesura en píxels per polsada (ppp o ppi) que
s’utilitzaran per representar-la.
• El nombre de píxels que te una imatge per unitat de
longitud determina la seva resolució.
• Una fotografia de mida petita representada amb
molts píxels (resolució alta)  imatge de bona
qualitat.
A més resolució, més detall per reproduir la imatge.
Més píxels per representar les transicions de color de
manera més suau.
Més resolució (és a dir, més píxels per polzada) = més
tamany del fitxer d'imatge.
RESOLUCIÓ D’IMATGE
1polzada = 2,54cm

14. A l’hora d’escollir la resolució d’una imatge, cal tenir
en compte la finalitat que aquesta tindrà.
Per exemple, si volem imprimir s’aconsella un valor
entre 240 i 300 ppp. Si es per fer un logotip d’una web,
un valor menor ja ens anirà bé.
No hem de confondre la resolució d’una imatge
amb la resolució de pantalla (la quantitat de píxels
que veurem en el monitor).
RESOLUCIÓ D’IMATGE
OBJECTIU

15. Es calcula les mides d’impressió d’una fotografia atenent a la seva
resolució. Si tenim una fotografia amb una resolució de 72ppp
(pixels per polzada) i 300 pixels en horitzontal i 200 pixels en
vertical, les mides de la imatge seran les següents:
•Horitzontal:
300pixels/72pixels per polzada= 4,17polzades
4,17polzades * 2,54 cm/polzades = 10,59 cm
•Vertical:
200pixels/72pixels per polzada= 4,17polzades
2,78polzades * 2,54 cm/polzades = 7,06 cm
Les mides de la imatge en paper d’impressió serà:
10,59 cm en horitzontal i 7,06 cm en vertical
RESOLUCIÓ D’IMATGE
MIDES D’IMPRESSIÓ

16. RELACIÓ ENTRE LA MIDA D’UN
PÍXEL I RESOLUCIÓ D’IMATGE
• Un píxel no té una mida fixa en el món real: no utilitzem el
píxels per mesurar una taula, un prestatge, una cadira..
• La mida que tindrà el píxel en el món real dependrà de la
resolució (densitat de pixels): per exemple al imprimir una
fotografia.
• Recordem que la resolució ens diu quants píxels hi hauran en
una polsada (2,54cm). Si observem la següent imatge:

17. TIPUS DE RESOLUCIÓ DE PANTALLA
• És la graella imaginària amb la que dividim la pantalla.
• Quantitat de píxels que el nostre monitor ens mostrarà: cada
un dels quadradets que resulta equivaldria a un píxel.
• Les resolucions més habituals són i que dependran de la mida
del monitor:
Per a pantalles de 15", la resolució màxima ha de ser de
800x600 (la graella seria de 800 quadrets d'amplada per
600 quadrets d'alçada),
Per a pantalles de 17", la resolució màxima ha de ser de
800x600 o 1024x768
Per a pantalles de 19", la resolució mínima ha de ser
1024x768 (aquesta és la més habitual),

18. • Quan la resolució és gran, disposem de més punts d'informació (píxels) per
visualitzar els elements de la pantalla, però aquests punts són més petits, i
això fa que els caràcters d'un text o els punts d'una imatge també es vegin més
petits. És a dir, que la pantalla mostra un nombre més gran de píxels en el
mateix espai.
• Això vol dir que una imatge la veurem més gran o més petita, segons estigui
configurada la pantalla. Si la tenim a 800x600 la veurem més gran que amb
1024x768
• Ve determinada per:
La mida del monitor.
Com més polsades tingui el nostre monitor, més píxels d’alt i ample
tindrem per representar la imatge.
La targeta gràfica que tinguem instal·lada.
• Les pantalles solen treballar amb resolucions de 72ppp
CARACTERÍSTIQUES
RESOLUCIÓ DE PANTALLA

19. EXEMPLE: RESOLUCIÓ PANTALLA
Tenim una imatge de 800 x 600 píxels. La visualitzem...
a) en un monitor de 17 polsades configurat a la mateixa
resolució de la fotografia (800 x 600)  la pantalla
s’omplirà completament amb la imatge, ja que mesura
exactament el mateix que la resolució assignada al
monitor.
b) en un monitor de 19" i a la mateixa resolució (800 x 600)
 s’omplirà completament.
c) en el mateix monitor de 19” a una resolució més alta
1280 x 960 píxels  la imatge es veu dins de la pantalla
del monitor però ja no l’ocupa sencera.
Conclusió:
A major resolució de pantalla més elements es veuran.
Quan la resolució és gran, disposem de més punts
d'informació (píxels) per visualitzar els elements de la
pantalla

20. PRINCIPALS MODES DE COLOR
RGB
• RGB (Red Green Blue).
• Model de color additiu: la
suma de colors dona
blanc.
• Treballa amb tres canals,
cada un de 8 bits/píxel (24
bits en total).
• Mateix mode que utilitzen
les pantalles.
• Escollirem aquest mode
quan treballem en pantalla,
per exemple, quan retoquem
una imatge o editem vídeo.
(Pantalla negra).
RGB
Model additiu:
Utilitza la llum que generen els
LEDS de la pantalla per mostrar
el color. Un focus vermell, un de
verd i un de blau.

21. 1 píxel = 1 color (barreja de vermell (R), verd (G) i blau(B))
Número total de colors disponibles en el model RGB?
256
256
256
colors
colors
colors
pel
pel
pel
canal
canal
canal
R (1Byte)
G (1Byte)
B (1Byte)
16,777,216 colors diferents
La profunditat de color
3 Bytes = 24 bits és el nº total de bits per píxel
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ó
PRINCIPALS MODES DE COLOR
RGB

22. PRINCIPALS MODES DE COLOR
CMYK
• CMYK (Cyan, Magenta,
Yellow, Key)
• Model de color
sostractiu: la suma de
colors dona negre.
• Treballa amb quatre
canals de 8 bits (32 bits
de profunditat de color)
• Escollirem aquest mode si
volem imprimir. (Foli
blanc)
CMYK
Model sostractiu:
Utilitzen la llum reflexada sobre
les tintes per mostrar els colors.

23.  Monocromàtic
 1bit per representar color.
 2 colors: blanc i negre. No permet tons mitjos.
 Escala de grisos
 Un únic canal, el negre.
 8 bits per representar el negre.
 Escala de grisos, 256 tonalitats.
 Indexat
 Un únic canal de color
 Cada píxel disposa de 8 bits per representar color
(256colors diferents)
 Molt pobre, no s’utilitza.
ALTRES MODES DE COLOR
MONOCROMÀTIC, ESCALA DE GRISOS I
INDEXAT

24. FORMATS D’IMATGE
• Relació resolució imatge - número de colors -
mida fitxer
A més resolució d’imatge, més píxels  fitxers més grans.
Com més gran sigui la paleta de colors, més gran serà cada
píxel  fitxers més grans. (Profunditat de color o de píxel)
• Algoritmes de compressió
Per tal de disminuir la mida dels fitxers d’imatge hi ha 2
tipus de compressió:
• Amb pèrdues: perdem detalls i reduïm el pes de la
imatge: jpg. És un estàndard. Ideal per a webs i
reproducció fotogràfica es perd qualitat de la imatge.
• Sense pèrdues: no perdem qualitat, ni informació de
color, però pesa molt més: tif, gif, png. Molt apropiada per
a l’edició gràfica.
1 píxel de 8 bits (256 colors)  1byte
1 píxel de 24 bits (16’7 milions de colors)  3bytes

25. TIPUS D’IMATGES
BITMAP i VECTORIALS
• Són les formes en que un ordinador pot pintar
imatges o gràfics.
• Les imatges bitmap esta formades per píxels i les
vectorials a partir de descripcions matemàtiques:
cercles, quadrats,segments, etc.
Vectorial Bitmap

26. • Formades per píxels.
• Cada píxel te un valor
d’ubicació i un color.
• Permeten representar
ombres, colors i
degradats.
• Són les més freqüents en
digitalització de
fotografies.
TIPUS D’IMATGES
BITMAP

27. • Formades per descripcions
matemàtiques.
• No depenen de la resolució de
la imatge.
No perden qualitat al
ampliar-les.
S’adapten a qualssevol
tipus de perifèric al que
s’enviïn com ara la
impressora.
S’utilitzen per tipografies,
logotips, icones, etc.
• Ocupen poc espai a disc.
TIPUS D’IMATGES
VECTORIALS

28. EXEMPLE. IMATGES VECTORIALS
Imatge vectorial, abans i després d’augmentar-la un 200%.
Observem que la imatge no perd qualitat.

29. • BMP (Bit Map Picture) .bmp
Format nadiu de Microsoft Paint i que interactua
fàcilment amb Windows.
De bona qualitat però que ocupen molt.
No hi ha compressió.
• GIF (Graphic Interchange Format).gif
Màxim 256 colors.
Són recomanables per imatges amb grans àrees d’un
mateix color o tonalitats continues.
Permet definir transparències i animacions (diferents
imatges en l’arxiu).
Compressió sense pèrdues per a imatges de color
uniforme però amb pèrdues per la resta.
S’utilitzen a Internet perquè ocupen poc.
FORMATS D’IMATGE
BMP i GIF

30. • PNG (Portable Network Graphics) .png
Successor/Alternativa al GIF amb més colors però que no
permet animacions.
Màxim 16 milions de colors.
Compressió sense pèrdua, adient per editar imatges.
S’utilitza en pàgines Web i edició d’imatges.
• JPEG (Join Photograph Expert Grup) .jpg
Màxim 16 milions de colors.
Algoritmes de compressió més potents amb pèrdues i
sense, segons el grau de compressió que hi apliquem.
Format que usen les càmeres digitals.
S’utilitza per imprimir fotografia i web.
FORMATS D’IMATGE
PNG i JPEG (o JPG)

31. • PSD (Adobe Photoshop) .psd
Format propi de Photoshop.
Permet conservar tota la informació dels elements
creats a la imatge.
Podem emmagatzemar les imatges amb el mode de
color que desitgem (RGB, CMYK, indexat, etc.), amb
les capes i canals inclosos.
• XCF
Format propi de GIMP.
Equival al PSD de Photoshop.
FORMATS D’IMATGE
PSD i XCF

32. • TIFF (Tagged-Imatge File Format) .tiff
Format que admet diferents mètodes de compressió, però
que no produeix pèrdua de qualitat d’imatge.
Permet guardar capes, canals i màscares.
S’utilitza per obtenir impressions de qualitat.
FORMATS D’IMATGE
TIFF
Segons l'ús que fem de les imatges, les desarem en un format o
altre:
Web: Gif, Png, Jpeg
Imprimir: Tiff, Jpeg
Pantalla: Jpeg, Bmp, Pict

33. 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.
PRINCIPALS FORMATS O TIPUS
D’IMATGE DIGITAL
COMPRESSIÓ

34. Edició d'imatges
RESUM FORMATS D'IMATGE
Format Compressió Profunditat de
color
Ús típic
TIFF Opcional
Sense pèrdues
1 a 64 bits Imatges d'alta qualitat,
càmeres digitals, escàners,
impressió
RAW Sense pèrdues 48 bits Càmeres digitals
JPEG, JPG Amb pèrdues 8 a 24 bits Càmeres digitals, Internet,
impressió, intercanvi
d'imatges
GIF Sense pèrdues 1 a 8 bits Internet, imatges de reduït
tamany, logos...
PNG Sense pèrdues 1 a 48 bits Internet, gràfics, iconografia,
software
PSD, PSP,
XCF
Sense pèrdues 1 a 64 bits Edició i manipulació

35. MOLTES GRÀCIES PER
LA VOSTRA ATENCIÓ!