SlideShare uma empresa Scribd logo
1 de 14
LA IMATGE
DIGITAL
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 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
i antigues càmeres de fotografia?

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. Característiques.
Digitalització d'imatges analògiques.
1.1- Tipus d'imatges digitals
Dos grans grups:
-bitmaps (mapes de bits)
-imatges vectorials
Diferències principals
Generació de la imatge:
-vectorials: a partir de línies rectes i corbes (vectors)
-bitmaps: graella de quadradets anomenats píxels
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 digitals
Imatge vectorial

Imatge bitmap
2.- 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.
La barreja de píxels
amb colors diferents,
provoquen a la retina de
l'ull la sensació de
variacions de colors i
intensitats
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))
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ó
Unitats de la resolució ► PPP (punts per polçada) en
anglés PPI (pixels per inch)
1 polçada ► 2'54 cm

TASCA DOSSIER: Exercicis 6, 7,8 pàg. 15
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 fotografía de 13 x 18
centímetros (superficie= 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 tonalidad 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íxeles por centímetre,
només necessitaria 93600 píxeles, lo que equivale a un archivo cuyo tamaño es 2,25 vegades
menor
2.2- El color. El model RGB
1 píxel= 1 color (barreja de vermell (R), verd (G) i blau (B))
Núm Total de colors disponibles?
256 colors pel canal R (1Byte)
16,777,216 colors diferents
256 colors pel canal G (1Byte)
256 colors pel canal B (1Byte)
3 Bytes = 24 bits
Profunditat de color = nº total de colors disponibles
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ó
TASCA DOSSIER: Exercicis 11 pàg. 16
2.3- Anàlisi d'imatges
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
Càlcul del tamany teòric en memòria
1Byte per cada canal (R,G,B) → 3 Bytes/pixel
Exemple:
Tamany teòric d'una imatge de 1000 x 2000 pix
num. 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'imatges
Compressió = es transfereix la mateixa informació utilitzant
la mínima quantitat d'espai d'emmagatzematge. Permet
reduir el temps de transferència dels fitxers
La compressió por ser amb pèrdues o sense pèrdues
En una compressió amb pèrdues, no és possible recuperar
les dades originals perdudes en el procés de compressió
Principals extensions de fitxers d'imatges:
-bmp :profunditat color 24 bits i compressió sense perdues
-tif o tiff :profunditat des d'un bit a 64 bit. Compr.sense
perdues
-jpg o jpeg: des de 8 bits a 24 bits. Compressió amb
pèrdues
-gif: profunditat des de 1 bit a 8 bits. Compressió sense
pèrdues
-png: des de 1 bits a 48 bits. Compressió sense pèrdues
2.5- Programari per al tractament d'imatges digitals
Programari per a tipus d'imatges bitmap
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 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
ACTIVITATS 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º 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

Mais conteúdo relacionado

Mais procurados

Mais procurados (18)

T2 ex1
T2 ex1T2 ex1
T2 ex1
 
La imagen power point - estudiar
La imagen   power point - estudiarLa imagen   power point - estudiar
La imagen power point - estudiar
 
La imatge digital
La imatge digitalLa imatge digital
La imatge digital
 
La Imatge
La ImatgeLa Imatge
La Imatge
 
T2/E2 Eric Vinagre LAG
T2/E2 Eric Vinagre LAGT2/E2 Eric Vinagre LAG
T2/E2 Eric Vinagre LAG
 
Taula arxius 2
Taula arxius 2Taula arxius 2
Taula arxius 2
 
Formats Imatges
Formats ImatgesFormats Imatges
Formats Imatges
 
Presentació sense títol
Presentació sense títolPresentació sense títol
Presentació sense títol
 
La imatge digita
La imatge digitaLa imatge digita
La imatge digita
 
La imatge digital
La imatge digitalLa imatge digital
La imatge digital
 
Edició digital
Edició digitalEdició digital
Edició digital
 
Imatge22205
Imatge22205Imatge22205
Imatge22205
 
Tema2 2015 16
Tema2 2015 16Tema2 2015 16
Tema2 2015 16
 
El vídeo
El vídeoEl vídeo
El vídeo
 
T2
T2T2
T2
 
Informàtica
InformàticaInformàtica
Informàtica
 
Excel.pdf 1
Excel.pdf 1Excel.pdf 1
Excel.pdf 1
 
Exercici2_AinaCrespí_B3
Exercici2_AinaCrespí_B3Exercici2_AinaCrespí_B3
Exercici2_AinaCrespí_B3
 

Destaque

2010年度服务外包导论新gai
2010年度服务外包导论新gai2010年度服务外包导论新gai
2010年度服务外包导论新gaigadylee
 
χωρίς τίτλο 1
χωρίς τίτλο 1χωρίς τίτλο 1
χωρίς τίτλο 1rafo17
 
Search Engine Optimization em redações online: Levantamento de experiências n...
Search Engine Optimization em redações online: Levantamento de experiências n...Search Engine Optimization em redações online: Levantamento de experiências n...
Search Engine Optimization em redações online: Levantamento de experiências n...Andressa Warken
 
Poster 1 for PRIME Business Club
Poster 1 for PRIME Business ClubPoster 1 for PRIME Business Club
Poster 1 for PRIME Business Clubistobie
 
τέστ ήρων
τέστ ήρωντέστ ήρων
τέστ ήρωνefir
 
Better You Change Better Life by fang-yu hu
Better You Change Better Life by fang-yu huBetter You Change Better Life by fang-yu hu
Better You Change Better Life by fang-yu huBritish Council
 
Censura Medios Venezuela
Censura Medios VenezuelaCensura Medios Venezuela
Censura Medios Venezuelaosvaldosediano
 
Stock index, oil and other futures markets
Stock index, oil and other futures marketsStock index, oil and other futures markets
Stock index, oil and other futures marketsnamalyan
 

Destaque (17)

Slides of my Presentation at the TIES 2015
Slides of my Presentation at the TIES 2015Slides of my Presentation at the TIES 2015
Slides of my Presentation at the TIES 2015
 
Humano feit. sangue
Humano feit. sangueHumano feit. sangue
Humano feit. sangue
 
Pupuhi
PupuhiPupuhi
Pupuhi
 
Practica #2 (tecnologia)
Practica #2 (tecnologia)Practica #2 (tecnologia)
Practica #2 (tecnologia)
 
2010年度服务外包导论新gai
2010年度服务外包导论新gai2010年度服务外包导论新gai
2010年度服务外包导论新gai
 
Synergy Project
Synergy ProjectSynergy Project
Synergy Project
 
χωρίς τίτλο 1
χωρίς τίτλο 1χωρίς τίτλο 1
χωρίς τίτλο 1
 
Portfolio Degen & Leideritz BNO
Portfolio Degen & Leideritz BNOPortfolio Degen & Leideritz BNO
Portfolio Degen & Leideritz BNO
 
Search Engine Optimization em redações online: Levantamento de experiências n...
Search Engine Optimization em redações online: Levantamento de experiências n...Search Engine Optimization em redações online: Levantamento de experiências n...
Search Engine Optimization em redações online: Levantamento de experiências n...
 
Poster 1 for PRIME Business Club
Poster 1 for PRIME Business ClubPoster 1 for PRIME Business Club
Poster 1 for PRIME Business Club
 
τέστ ήρων
τέστ ήρωντέστ ήρων
τέστ ήρων
 
Meyerson's News Quiz
Meyerson's News QuizMeyerson's News Quiz
Meyerson's News Quiz
 
Better You Change Better Life by fang-yu hu
Better You Change Better Life by fang-yu huBetter You Change Better Life by fang-yu hu
Better You Change Better Life by fang-yu hu
 
Censura Medios Venezuela
Censura Medios VenezuelaCensura Medios Venezuela
Censura Medios Venezuela
 
Stock index, oil and other futures markets
Stock index, oil and other futures marketsStock index, oil and other futures markets
Stock index, oil and other futures markets
 
Naturaleza Viva
Naturaleza VivaNaturaleza Viva
Naturaleza Viva
 
Xarxes locals
Xarxes localsXarxes locals
Xarxes locals
 

Semelhante a Imatge digital 4tA

INTRODUCCIÓ A L'EDICIÓ D'IMATGE.pptx
INTRODUCCIÓ A L'EDICIÓ D'IMATGE.pptxINTRODUCCIÓ A L'EDICIÓ D'IMATGE.pptx
INTRODUCCIÓ A L'EDICIÓ D'IMATGE.pptxLasilviatecno
 
Serrahombrao jara pdm_pac1
Serrahombrao jara pdm_pac1Serrahombrao jara pdm_pac1
Serrahombrao jara pdm_pac1jserraho
 
Tractament i publicació d'imatge i vídeo pac2
Tractament i publicació d'imatge i vídeo pac2Tractament i publicació d'imatge i vídeo pac2
Tractament i publicació d'imatge i vídeo pac2Marcos Baldovi
 
La imatge digital
La imatge digitalLa imatge digital
La imatge digitalbenrufa99
 
/Users/Otjan/Desktop/Tractament Dimatges
/Users/Otjan/Desktop/Tractament Dimatges/Users/Otjan/Desktop/Tractament Dimatges
/Users/Otjan/Desktop/Tractament Dimatgesudl
 
/Users/Otjan/Desktop/Tractament Dimatges
/Users/Otjan/Desktop/Tractament Dimatges/Users/Otjan/Desktop/Tractament Dimatges
/Users/Otjan/Desktop/Tractament Dimatgesudl
 
La imatge digital
La imatge digitalLa imatge digital
La imatge digitalLauraYaiza
 
T5 edi img_1516
T5 edi img_1516T5 edi img_1516
T5 edi img_1516adieste
 
Multimèdia (imatge, video i so)
Multimèdia (imatge, video i so)Multimèdia (imatge, video i so)
Multimèdia (imatge, video i so)Webfoment Lectura
 
T2_e2_gonzalez
T2_e2_gonzalezT2_e2_gonzalez
T2_e2_gonzalezaidamuss
 
T2 e2 gonzalez
T2 e2 gonzalezT2 e2 gonzalez
T2 e2 gonzalezaidamuss
 
T2_e2_gonzalez
T2_e2_gonzalezT2_e2_gonzalez
T2_e2_gonzalezaidamuss
 
T2 e2 gonzalez
T2 e2 gonzalezT2 e2 gonzalez
T2 e2 gonzalezaidamuss
 
T2 e2 gonzalez
T2 e2 gonzalezT2 e2 gonzalez
T2 e2 gonzalezaidamuss
 

Semelhante a Imatge digital 4tA (20)

Imatge digital
Imatge digitalImatge digital
Imatge digital
 
INTRODUCCIÓ A L'EDICIÓ D'IMATGE.pptx
INTRODUCCIÓ A L'EDICIÓ D'IMATGE.pptxINTRODUCCIÓ A L'EDICIÓ D'IMATGE.pptx
INTRODUCCIÓ A L'EDICIÓ D'IMATGE.pptx
 
as734
as734as734
as734
 
Imatge digital
Imatge digitalImatge digital
Imatge digital
 
Serrahombrao jara pdm_pac1
Serrahombrao jara pdm_pac1Serrahombrao jara pdm_pac1
Serrahombrao jara pdm_pac1
 
Tractament i publicació d'imatge i vídeo pac2
Tractament i publicació d'imatge i vídeo pac2Tractament i publicació d'imatge i vídeo pac2
Tractament i publicació d'imatge i vídeo pac2
 
Recuperacio
RecuperacioRecuperacio
Recuperacio
 
Imatge digital
Imatge digitalImatge digital
Imatge digital
 
La imatge digital
La imatge digitalLa imatge digital
La imatge digital
 
/Users/Otjan/Desktop/Tractament Dimatges
/Users/Otjan/Desktop/Tractament Dimatges/Users/Otjan/Desktop/Tractament Dimatges
/Users/Otjan/Desktop/Tractament Dimatges
 
/Users/Otjan/Desktop/Tractament Dimatges
/Users/Otjan/Desktop/Tractament Dimatges/Users/Otjan/Desktop/Tractament Dimatges
/Users/Otjan/Desktop/Tractament Dimatges
 
La imatge digital
La imatge digitalLa imatge digital
La imatge digital
 
T5 edi img_1516
T5 edi img_1516T5 edi img_1516
T5 edi img_1516
 
T5 edi img_1516
T5 edi img_1516T5 edi img_1516
T5 edi img_1516
 
Multimèdia (imatge, video i so)
Multimèdia (imatge, video i so)Multimèdia (imatge, video i so)
Multimèdia (imatge, video i so)
 
T2_e2_gonzalez
T2_e2_gonzalezT2_e2_gonzalez
T2_e2_gonzalez
 
T2 e2 gonzalez
T2 e2 gonzalezT2 e2 gonzalez
T2 e2 gonzalez
 
T2_e2_gonzalez
T2_e2_gonzalezT2_e2_gonzalez
T2_e2_gonzalez
 
T2 e2 gonzalez
T2 e2 gonzalezT2 e2 gonzalez
T2 e2 gonzalez
 
T2 e2 gonzalez
T2 e2 gonzalezT2 e2 gonzalez
T2 e2 gonzalez
 

Mais de Jose - Tecnologia INS Joan Mercader (10)

Procediments de disseny digital
Procediments de disseny digitalProcediments de disseny digital
Procediments de disseny digital
 
Sistemes operatius i d'emmagatzematge
Sistemes operatius i d'emmagatzematgeSistemes operatius i d'emmagatzematge
Sistemes operatius i d'emmagatzematge
 
Introducció Informàtica 4tESO
Introducció Informàtica 4tESOIntroducció Informàtica 4tESO
Introducció Informàtica 4tESO
 
Mecanismes de transmissió de moviment
Mecanismes de transmissió de movimentMecanismes de transmissió de moviment
Mecanismes de transmissió de moviment
 
Xarxes socials
Xarxes socialsXarxes socials
Xarxes socials
 
Internet
InternetInternet
Internet
 
Video digital
Video digitalVideo digital
Video digital
 
Connexions sense fil i dispositius mòbils
Connexions sense fil i dispositius mòbilsConnexions sense fil i dispositius mòbils
Connexions sense fil i dispositius mòbils
 
Audio digital
Audio digitalAudio digital
Audio digital
 
Tema habitatge
Tema habitatgeTema habitatge
Tema habitatge
 

Imatge digital 4tA

  • 2. 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Ò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 i antigues càmeres de fotografia? 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. Característiques. Digitalització d'imatges analògiques.
  • 4. 1.1- Tipus d'imatges digitals Dos grans grups: -bitmaps (mapes de bits) -imatges vectorials Diferències principals Generació de la imatge: -vectorials: a partir de línies rectes i corbes (vectors) -bitmaps: graella de quadradets anomenats píxels 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
  • 5. 1.1- Tipus d'imatges digitals Imatge vectorial Imatge bitmap
  • 6. 2.- 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. La barreja de píxels amb colors diferents, provoquen a la retina de l'ull la sensació de variacions de colors i intensitats 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))
  • 7. 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.
  • 8. 2.1- La resolució Unitats de la resolució ► PPP (punts per polçada) en anglés PPI (pixels per inch) 1 polçada ► 2'54 cm TASCA DOSSIER: Exercicis 6, 7,8 pàg. 15
  • 9. 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 fotografía de 13 x 18 centímetros (superficie= 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 tonalidad 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íxeles por centímetre, només necessitaria 93600 píxeles, lo que equivale a un archivo cuyo tamaño es 2,25 vegades menor
  • 10. 2.2- El color. El model RGB 1 píxel= 1 color (barreja de vermell (R), verd (G) i blau (B)) Núm Total de colors disponibles? 256 colors pel canal R (1Byte) 16,777,216 colors diferents 256 colors pel canal G (1Byte) 256 colors pel canal B (1Byte) 3 Bytes = 24 bits Profunditat de color = nº total de colors disponibles 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ó TASCA DOSSIER: Exercicis 11 pàg. 16
  • 11. 2.3- Anàlisi d'imatges 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 Càlcul del tamany teòric en memòria 1Byte per cada canal (R,G,B) → 3 Bytes/pixel Exemple: Tamany teòric d'una imatge de 1000 x 2000 pix num. Total pixels = 1000x2000 = 2000000 pix (3 Bytes/píxel) x 2000000 pix = 6000000 Bytes 6000000 Bytes = 5859 KB = 5,72 MB
  • 12. 2.4- Formats d'imatges Compressió = es transfereix la mateixa informació utilitzant la mínima quantitat d'espai d'emmagatzematge. Permet reduir el temps de transferència dels fitxers La compressió por ser amb pèrdues o sense pèrdues En una compressió amb pèrdues, no és possible recuperar les dades originals perdudes en el procés de compressió Principals extensions de fitxers d'imatges: -bmp :profunditat color 24 bits i compressió sense perdues -tif o tiff :profunditat des d'un bit a 64 bit. Compr.sense perdues -jpg o jpeg: des de 8 bits a 24 bits. Compressió amb pèrdues -gif: profunditat des de 1 bit a 8 bits. Compressió sense pèrdues -png: des de 1 bits a 48 bits. Compressió sense pèrdues
  • 13. 2.5- Programari per al tractament d'imatges digitals Programari per a tipus d'imatges bitmap 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 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
  • 14. ACTIVITATS 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º 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