SlideShare una empresa de Scribd logo
1 de 25
TRACTAMENT D’IMATGES:

  Imatge analògica                 Imatge digital


• Imatge natural presa amb      • Procedeixen d’una font digital
un aparell òptic - càmera       • Es poden mostrar en una
• Característiques d’ombres i   pantalla
tons continus                   • Es poden processar amb l’ajut
• Mides determinades            de programari gràfic específic
• No es poden modificar         • Es poden guardar en qualsevol
                                dispositiu d’emmagatzematge
                                massiu ( USB, CD, DVD,
                                targetes memòria)
                                • La imatge pot ser manipulada
CLASSIFICACIÓ IMATGES DIGITALS:

  Diferència entre Imatges Vectorials i Mapes de bits o bitmaps
           Com les genera l’ordinador        Edició         Pes en el disc Resolució
           L’ordinador fa càlculs          És fàcil de      Pesen menys        S’escalen
           matemàtics complicats que       treballar.       que les de         automàtica
Vectorials donen com a resultat línees     L’ordinador      mapes de bits      ment per
           rectes i corbes generades       identifica les                      mantenir la
           mitjançant vectors              formes fent                         definició
                                           un click
         Les imatges es generen en         És més           Pesen més que      Quan
         una graella de quadradets         complexa.        una imatge         s’escalen
Mapes de diminuts (píxels), on cada        L’ordinador      vectorial de les   perden
  bits   píxel conté informació de color   no identifica    mateixes           definició
                                           les formes i     dimensions
                                           les hem de
                                           seleccionar
                                           manualment
CLASSIFICACIÓ IMATGES DIGITALS:

   Imatges Vectorials     Mapes de bits o bitmaps




http://vector4free.com/       http://en.wikipedia.org/wiki/Disc_jockey
 Diferències de resolució segons
                       augmentem la mida de la
                       imatge




Imatge Vectorial   Imatge de mapes de bits




                       http://es.wikipedia.org/wiki/Gr%C3%A1fico_vectorial
EL PES D’UNA IMATGE: EL BIT, BYTE, KILOBYTE, MEGABYTE

 BIT (Acrònim, sigla, de Binary Digit / Digit Binari). És la unitat
  bàsica d’informació digital. Representa dues úniques
  combinacions d’un codi binari: 0-1, activat- desactivat, sí-
  no, etc... S’associen en unitats de 8 bits anomenades bytes.
 BYTE : és la unitat d’informació electrònica composta per 8
  bits. És la unitat estàndard amb què es mesura el pes d’un
  arxiu. Al ser una unitat tan petita, s’utilitzen sovint múltiples
  d’aquesta: kilobyte Kb, Megabyte Mb, Gigabyte Gb...
 KILOBYTE (Kb)= 1024 Bytes
 MEGABYTE (Mb)= 1024 Kilobytes
 GIGABYTE (Gb)= 1024 Mb
IMATGES DE MAPES DE BITS:

 El píxel (picture element) és la unitat mínima que forma
  una imatge gràfica. Normalment, un píxel es defineix com
  un punt o un quadrat. Podríem dir que és la partícula
  elemental d’una imatge.
  Els píxels són unitats independents, però el fet que els
  percebem com un conjunt és degut a la limitació de la
  nostra visió, que fa que tinguem aquesta sensació de
  continuïtat.
IMATGES DE MAPES DE BITS:

                            Exemple de píxel
                            dins el conjunt d’una
                            imatge
 NO CONFONDRE BIT o BYTE amb PÍXEL:
BYTE= 8 BITS= mesura de pes d’informació amb què
 pot carregar-se un píxel.
PÍXEL: és un punt on apareix la informació.
      - Es defineix físicament per la POSICIÓ.
      - Té una mida (pot ser més gran o més petit)
      - Té un color determinat
      - La qualitat del color ve donada per la quantitat
      d’informació que conté.
EL COLOR:
La profunditat de color és el nombre de bits
utilitzats per representar el color de cada
píxel.

La profunditat de color en el tractament
d'imatges oscil·la entre 1 i 32 bits sent els
valors més usuals:
8 bits (256 colors), 16 bits (milers de colors) i
24 bits (milions de colors, o color real, color
RGB).
IMATGES EN BLANC I NEGRE
IMATGES EN ESCALA DE GRISOS
IMATGES POSTERITZADES (256
COLORS)
IMATGES EN COLOR REAL
MODEL COLORMÈTRIC RGB

La pantalla del ordinador només pot
mostrar 3 colors bàsics (vermell, verd i
blau)
 Aquests 3 colors son els primaris
Els altres colors son la mescla
d’aquests
Parteixen del negre (absència de
llum) i s’afegeixen proporcions de
vermell, verd i blau per obtenir la resta
de colors.
La mescla dels 3 colors purs = blanc
 L’absència dels 3 colors purs= negre
MODEL COLORMÈTRIC CMYK
S’utilitza en el procés d’impressió
Els colors primaris son: Cian, Magenta i Groc.
Els altres colors son la mescla d’aquests
Parteixen del blanc (el color del paper) i se’n treuen proporcions
de vermell, verd i blau per obtenir la resta de colors.
La K = al color negre.
 Suma del ciàn, magenta i groc no és = negre, s’afegeix aquest
color
MODELS COLORMÈTRICS RGB O CMYK

 Cada píxel de color es representa pels valors dels 2
models de canals de color: RGB o CMYK.

Cada canal són 8 BITS: RGB té 8BITSX3 canals= 24
BITS, i per tant pesa menys que el model CMYK
que són 4 canals.
LA RESOLUCIÓ
 Resolució: és la densitat de punts de la quadrícula (píxels) i
  es mesura en punts per polzada (ppp).
  Les mides (en píxels) de la imatge i la seva resolució
  determinen les dimensions del fitxer.
 Una imatge de més resolució generarà un fitxer de
  dimensions força més gran ( més pesant) que si la resolució
  és més baixa.
 A més resolució, píxels més petits i els quadrets també
  són més petits; però a menys resolució, píxels més
  grossos i els quadrets es veuen també més grans)
La mida d’una imatge són les seves dimensions reals en termes
  d’amplada i altura una vegada impresa.
1 polzada = 2,54 cm
Si tenim un imatge de:
Resolució = 72 píxels per polzada
Nº de píxels en Horitzontal = 300
Nº de píxels en Vertical = 200

- Com podem saber les seves mides d’impressió?
Horitzontal= 300 píxels/72 ppp = 4,17 polzades x 2,54 cm/polzada= 10,59 cm
Vertical= 200 píxels/72 ppp = 2,78 polzades x 2,54 cm/polzada= 7,06 cm
TIPUS DE FITXERS DE MAPES DE PUNTS
 EXTENSIÓ      TIPUS DE FITXER                      CARACTERÍSTIQUES

bmp          Bit Maped Picture        Propi del Microsoft Paint

tif o tiff   Tagged Image File Format Emmagatzema la imatge + etiquetes

gif          Graffics Interchange     Molt ús a pàgines web.
             Format                   Admet compressió sense pèrdua de qualitat (imatges
                                      de 256 colors o menys)
pict o pct   Picture (imatge)         Format imatges de Microsoft.
                                      Admet color veritable, transparència i compressió
                                      sense pèrdua
png          Portable Network         Ús en moltes aplicacions, per ex. Macromedia
             Graphics                 Fireworks
                                      Format lliure, algoritme de compressió propi i disposa
                                      de color veritable
jpg o jpeg   Joint Photographic       Ús per enviar fotos per Internet
             Experts Groups           Admet compressió però perd qualitat
psd          Photoshop Document       No s’utilitza per enviar fotos per Internet perquè pesa
                                      molt.
                                      Admet color veritable, capes i efectes múltiples
raw          (raw= cru en anglès)     Genera un fitxer de grans dimensions
             Fotmat brut              Conté la informació de la imatge sense manipular
FORMATS DE LA IMATGE DIGITAL
 Les dades de les imatges es guarden en diversos tipus
  d’arxius que es coneixen com a “formats d’arxius”.
 Hi ha formats d’arxiu que es poden obrir amb tots els
  programes (molt adients per a arxius que els hagin de poder
  obrir molta gent).
      JPEG
      GIF                            QUALSEVOL
      TIFF                           APLICACIÓ TE’LS
      BMP                            RECONEIX
      PNG
 D’aquests n’hi ha que comprimeixen la imatge (amb pèrdua) i
  n’hi ha que no comprimeixen o molt poc (sense pèrdua).
    Amb pèrdua                  Sense pèrdua




       JPEG                        TIFF
       GIF                         BMP
       PNG




     PESEN -                      PESEN +
OPTIMITZAR LA RESOLUCIÓ SEGONS L’ÚS FINAL DE LA IMATGE
QUÈ VOLEM FER AMB LA IMATGE??         RECOMANACIONS


                                    300 ppp ò 200 ppp
   IMPRESSIÓ EN                     TIFF
   TINTA D’INJECCIÓ



                                    96 ppp (PC) ò 72 ppp (MAC)
                                    JPEG
      ORDINADOR
                                    (TIFF Si s’ha de treballar en vàries
                                       sessions)



                                    72 ppp
       INTERNET
                                    JPG
PROGRAMES D’EDICIÓ GRÀFICA
APLICACIÓ       FUNCIONALITAT           PLATAFORMA            DESCRIPCIÓ
Corel Draw      Dibuix Vectorial        Windows               És molt potent. Es distribueix amb imatges
                                                              predissenyades i fonts de text
Illustrator     Dibuix Vectorial        Windows/Mac           S’integra molt bé amb Photoshop

Inkscape*       Dibuix Vectorial        Linux/Windows/Mac     Semblant a Corel Draw o Illustrator

Autocad         Arquitectura i Ingen.   Windows               La més potent per les seves funcions

Qcad            Arquitectura i Ingen.   Windows/Linux         Alternativa a l’Autocad

3D Studio Max   Disseny 3D              Windows               Disseny animat en 3 Dimensions

Blender*        Disseny 3D              Windows/Linux         Alternativa al 3D Studio

Photoshop       Edició imatges          Indows/Mac            És la més utilitzada

El Gimp*        Edició imatges          Linux/Windows/Mac     Semblant al Photoshop

Photoshop       Organitzador i editor   Windows/Mac           Adequat per grans col·leccions
Elements
Photoshop       Organitzador i editor   Windows/Mac           Adequat per fitxers raw
Lightroom
Picasa*         Organitzador i editor   Windows               Permet publicar àlbums en línea

XnView*         Visualitzador imatges   Windows/Linux/altre   Permet crear presentacions i àlbums web
                                        s
ACDSee          Visualitzador imatges   Windows               Visualitzador fotografies i permet gestió d’àlbum
FONTS D’IMATGES:
A les següents adreces podem trobar imatges gratuïtes online:
Picto                 http://www.picto.qc.ca/
Freefoto              http://www.freefoto.com/index.jsp
Flickr                http://www.flickr.com/
CNICE-MEC             http://bancoimagenes.cnice.mec.es/
SXC:                  http://www.sxc.hu/
MorgueFile            http://www.morguefile.com/
PixelPerfect Digital  http://www.pixelperfectdigital.com/
OpenPhoto             http://www.openphoto.net/
Altres fonts d’imatges:
Imatge impresa digitalitzada amb un escàner, càmera
   fotogràfica, captura de pantalla, fotograma d’un vídeo, creació
   amb un programa de tractament d’imatges.

Más contenido relacionado

La actualidad más candente

La imatge digital
La imatge digitalLa imatge digital
La imatge digitalAlbabad
 
Seminari aplicacions did. de les imatges presentació (1a sessió)
Seminari aplicacions did. de les imatges presentació (1a sessió)Seminari aplicacions did. de les imatges presentació (1a sessió)
Seminari aplicacions did. de les imatges presentació (1a sessió)efsauba
 
Formats Imatges
Formats ImatgesFormats Imatges
Formats ImatgesDitas St
 
UD14 La imatge digital
UD14  La imatge digitalUD14  La imatge digital
UD14 La imatge digitalIsabelBlasco
 
Resolució: La mesura de la imatge digital
Resolució: La mesura de la imatge digital Resolució: La mesura de la imatge digital
Resolució: La mesura de la imatge digital Jordi Garcia
 
Presentación sin título
Presentación sin títuloPresentación sin título
Presentación sin títuloGloriaSaray99
 
Imatge22205
Imatge22205Imatge22205
Imatge22205cop000
 
Introducció a la Imatge digital
Introducció a la Imatge digitalIntroducció a la Imatge digital
Introducció a la Imatge digitalJordi Riba
 
/Users/Otjan/Desktop/Tractament Dimatges
/Users/Otjan/Desktop/Tractament Dimatges/Users/Otjan/Desktop/Tractament Dimatges
/Users/Otjan/Desktop/Tractament Dimatgesudl
 
Presentació sense títol
Presentació sense títolPresentació sense títol
Presentació sense títolmarkkkus99
 

La actualidad más candente (19)

La imatge digital
La imatge digitalLa imatge digital
La imatge digital
 
Informàtica
InformàticaInformàtica
Informàtica
 
Seminari aplicacions did. de les imatges presentació (1a sessió)
Seminari aplicacions did. de les imatges presentació (1a sessió)Seminari aplicacions did. de les imatges presentació (1a sessió)
Seminari aplicacions did. de les imatges presentació (1a sessió)
 
Edició digital
Edició digitalEdició digital
Edició digital
 
Imatge digital 4tA
Imatge digital 4tAImatge digital 4tA
Imatge digital 4tA
 
Imatge digital
Imatge digitalImatge digital
Imatge digital
 
La Imatge
La ImatgeLa Imatge
La Imatge
 
Formats Imatges
Formats ImatgesFormats Imatges
Formats Imatges
 
UD14 La imatge digital
UD14  La imatge digitalUD14  La imatge digital
UD14 La imatge digital
 
El vídeo
El vídeoEl vídeo
El vídeo
 
Resolució: La mesura de la imatge digital
Resolució: La mesura de la imatge digital Resolució: La mesura de la imatge digital
Resolució: La mesura de la imatge digital
 
Presentación sin título
Presentación sin títuloPresentación sin título
Presentación sin título
 
T1_ex1
T1_ex1T1_ex1
T1_ex1
 
LA IMATGE DIGITAL
LA IMATGE DIGITALLA IMATGE DIGITAL
LA IMATGE DIGITAL
 
Imatge22205
Imatge22205Imatge22205
Imatge22205
 
Introducció a la Imatge digital
Introducció a la Imatge digitalIntroducció a la Imatge digital
Introducció a la Imatge digital
 
as734
as734as734
as734
 
/Users/Otjan/Desktop/Tractament Dimatges
/Users/Otjan/Desktop/Tractament Dimatges/Users/Otjan/Desktop/Tractament Dimatges
/Users/Otjan/Desktop/Tractament Dimatges
 
Presentació sense títol
Presentació sense títolPresentació sense títol
Presentació sense títol
 

Similar a Imatge digital

T5 edi img_1516
T5 edi img_1516T5 edi img_1516
T5 edi img_1516adieste
 
Tema 8 edicio imatges
Tema 8 edicio imatgesTema 8 edicio imatges
Tema 8 edicio imatgesTxeli
 
Tractamet de imatges
Tractamet de imatgesTractamet de imatges
Tractamet de imatgesdiegoyagus
 
Tractament d'imatges
Tractament d'imatgesTractament d'imatges
Tractament d'imatgesNatalimaria
 
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
 
T2 e2 gonzalez
T2 e2 gonzalezT2 e2 gonzalez
T2 e2 gonzalezaidamuss
 
Presentació photoshop barbara cusachs, albert gimeno, anastasia ustinova
Presentació photoshop   barbara cusachs, albert gimeno, anastasia ustinovaPresentació photoshop   barbara cusachs, albert gimeno, anastasia ustinova
Presentació photoshop barbara cusachs, albert gimeno, anastasia ustinovaagimeno1
 
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
 
C5 tractamenet de la informació gràfica. el gimp
C5 tractamenet de la informació gràfica. el gimpC5 tractamenet de la informació gràfica. el gimp
C5 tractamenet de la informació gràfica. el gimpcfpegaso
 
Tema2 2015 16
Tema2 2015 16Tema2 2015 16
Tema2 2015 16pilarb1
 
Imatge Digital Formats
Imatge Digital FormatsImatge Digital Formats
Imatge Digital Formatsavillan
 

Similar a Imatge digital (20)

Imatge digital
Imatge digitalImatge digital
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
 
T5 edi img_1
T5 edi img_1T5 edi img_1
T5 edi img_1
 
Imatge digital
Imatge digitalImatge digital
Imatge digital
 
Tema 8 edicio imatges
Tema 8 edicio imatgesTema 8 edicio imatges
Tema 8 edicio imatges
 
Tema 3
Tema 3Tema 3
Tema 3
 
Tractamet de imatges
Tractamet de imatgesTractamet de imatges
Tractamet de imatges
 
Tractament d'imatges
Tractament d'imatgesTractament d'imatges
Tractament d'imatges
 
Recuperacio
RecuperacioRecuperacio
Recuperacio
 
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
 
T2 e2 gonzalez
T2 e2 gonzalezT2 e2 gonzalez
T2 e2 gonzalez
 
Paint
PaintPaint
Paint
 
La imatge digita
La imatge digitaLa imatge digita
La imatge digita
 
Bloc3
Bloc3Bloc3
Bloc3
 
Presentació photoshop barbara cusachs, albert gimeno, anastasia ustinova
Presentació photoshop   barbara cusachs, albert gimeno, anastasia ustinovaPresentació photoshop   barbara cusachs, albert gimeno, anastasia ustinova
Presentació photoshop barbara cusachs, albert gimeno, anastasia ustinova
 
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
 
C5 tractamenet de la informació gràfica. el gimp
C5 tractamenet de la informació gràfica. el gimpC5 tractamenet de la informació gràfica. el gimp
C5 tractamenet de la informació gràfica. el gimp
 
Tema2 2015 16
Tema2 2015 16Tema2 2015 16
Tema2 2015 16
 
Imatge Digital Formats
Imatge Digital FormatsImatge Digital Formats
Imatge Digital Formats
 

Último

INFORME_BAREM_PROVISIONAL_BAREMELLUCH.pdf
INFORME_BAREM_PROVISIONAL_BAREMELLUCH.pdfINFORME_BAREM_PROVISIONAL_BAREMELLUCH.pdf
INFORME_BAREM_PROVISIONAL_BAREMELLUCH.pdfErnest Lluch
 
4 RATLLES - MAIG 2024 - ESCOLA AMETLLERS
4 RATLLES - MAIG 2024 - ESCOLA AMETLLERS4 RATLLES - MAIG 2024 - ESCOLA AMETLLERS
4 RATLLES - MAIG 2024 - ESCOLA AMETLLERSSuperAdmin9
 
II BLOC ACTIVITATS APP INVENTOR PROGRAMACIO I DIGITALITZACIÓ
II BLOC ACTIVITATS APP INVENTOR PROGRAMACIO I DIGITALITZACIÓII BLOC ACTIVITATS APP INVENTOR PROGRAMACIO I DIGITALITZACIÓ
II BLOC ACTIVITATS APP INVENTOR PROGRAMACIO I DIGITALITZACIÓLasilviatecno
 
LES CONJUNCIONS EN CATALÀ: GRAMÀTICA CATALANA
LES CONJUNCIONS EN CATALÀ: GRAMÀTICA CATALANALES CONJUNCIONS EN CATALÀ: GRAMÀTICA CATALANA
LES CONJUNCIONS EN CATALÀ: GRAMÀTICA CATALANAAnaBallesteros29
 
TIPUS DE POSICIONS D'UNA RECTA. VERITABLE MAGNITUD.
TIPUS DE POSICIONS D'UNA RECTA. VERITABLE MAGNITUD.TIPUS DE POSICIONS D'UNA RECTA. VERITABLE MAGNITUD.
TIPUS DE POSICIONS D'UNA RECTA. VERITABLE MAGNITUD.Lasilviatecno
 
Presentació bloc 3 Perspectiva gènere.pptx
Presentació bloc 3 Perspectiva gènere.pptxPresentació bloc 3 Perspectiva gènere.pptx
Presentació bloc 3 Perspectiva gènere.pptxRosabel UA
 
Programa Dansa Ara Garraf Les Roquetes Sa
Programa Dansa Ara Garraf Les Roquetes SaPrograma Dansa Ara Garraf Les Roquetes Sa
Programa Dansa Ara Garraf Les Roquetes SaISMAELALVAREZCABRERA
 
feedback.pdf55555555555555555555555555555
feedback.pdf55555555555555555555555555555feedback.pdf55555555555555555555555555555
feedback.pdf55555555555555555555555555555twunt
 

Último (8)

INFORME_BAREM_PROVISIONAL_BAREMELLUCH.pdf
INFORME_BAREM_PROVISIONAL_BAREMELLUCH.pdfINFORME_BAREM_PROVISIONAL_BAREMELLUCH.pdf
INFORME_BAREM_PROVISIONAL_BAREMELLUCH.pdf
 
4 RATLLES - MAIG 2024 - ESCOLA AMETLLERS
4 RATLLES - MAIG 2024 - ESCOLA AMETLLERS4 RATLLES - MAIG 2024 - ESCOLA AMETLLERS
4 RATLLES - MAIG 2024 - ESCOLA AMETLLERS
 
II BLOC ACTIVITATS APP INVENTOR PROGRAMACIO I DIGITALITZACIÓ
II BLOC ACTIVITATS APP INVENTOR PROGRAMACIO I DIGITALITZACIÓII BLOC ACTIVITATS APP INVENTOR PROGRAMACIO I DIGITALITZACIÓ
II BLOC ACTIVITATS APP INVENTOR PROGRAMACIO I DIGITALITZACIÓ
 
LES CONJUNCIONS EN CATALÀ: GRAMÀTICA CATALANA
LES CONJUNCIONS EN CATALÀ: GRAMÀTICA CATALANALES CONJUNCIONS EN CATALÀ: GRAMÀTICA CATALANA
LES CONJUNCIONS EN CATALÀ: GRAMÀTICA CATALANA
 
TIPUS DE POSICIONS D'UNA RECTA. VERITABLE MAGNITUD.
TIPUS DE POSICIONS D'UNA RECTA. VERITABLE MAGNITUD.TIPUS DE POSICIONS D'UNA RECTA. VERITABLE MAGNITUD.
TIPUS DE POSICIONS D'UNA RECTA. VERITABLE MAGNITUD.
 
Presentació bloc 3 Perspectiva gènere.pptx
Presentació bloc 3 Perspectiva gènere.pptxPresentació bloc 3 Perspectiva gènere.pptx
Presentació bloc 3 Perspectiva gènere.pptx
 
Programa Dansa Ara Garraf Les Roquetes Sa
Programa Dansa Ara Garraf Les Roquetes SaPrograma Dansa Ara Garraf Les Roquetes Sa
Programa Dansa Ara Garraf Les Roquetes Sa
 
feedback.pdf55555555555555555555555555555
feedback.pdf55555555555555555555555555555feedback.pdf55555555555555555555555555555
feedback.pdf55555555555555555555555555555
 

Imatge digital

  • 1. TRACTAMENT D’IMATGES:  Imatge analògica  Imatge digital • Imatge natural presa amb • Procedeixen d’una font digital un aparell òptic - càmera • Es poden mostrar en una • Característiques d’ombres i pantalla tons continus • Es poden processar amb l’ajut • Mides determinades de programari gràfic específic • No es poden modificar • Es poden guardar en qualsevol dispositiu d’emmagatzematge massiu ( USB, CD, DVD, targetes memòria) • La imatge pot ser manipulada
  • 2. CLASSIFICACIÓ IMATGES DIGITALS:  Diferència entre Imatges Vectorials i Mapes de bits o bitmaps Com les genera l’ordinador Edició Pes en el disc Resolució L’ordinador fa càlculs És fàcil de Pesen menys S’escalen matemàtics complicats que treballar. que les de automàtica Vectorials donen com a resultat línees L’ordinador mapes de bits ment per rectes i corbes generades identifica les mantenir la mitjançant vectors formes fent definició un click Les imatges es generen en És més Pesen més que Quan una graella de quadradets complexa. una imatge s’escalen Mapes de diminuts (píxels), on cada L’ordinador vectorial de les perden bits píxel conté informació de color no identifica mateixes definició les formes i dimensions les hem de seleccionar manualment
  • 3. CLASSIFICACIÓ IMATGES DIGITALS:  Imatges Vectorials  Mapes de bits o bitmaps http://vector4free.com/ http://en.wikipedia.org/wiki/Disc_jockey
  • 4.  Diferències de resolució segons augmentem la mida de la imatge Imatge Vectorial Imatge de mapes de bits http://es.wikipedia.org/wiki/Gr%C3%A1fico_vectorial
  • 5. EL PES D’UNA IMATGE: EL BIT, BYTE, KILOBYTE, MEGABYTE  BIT (Acrònim, sigla, de Binary Digit / Digit Binari). És la unitat bàsica d’informació digital. Representa dues úniques combinacions d’un codi binari: 0-1, activat- desactivat, sí- no, etc... S’associen en unitats de 8 bits anomenades bytes.  BYTE : és la unitat d’informació electrònica composta per 8 bits. És la unitat estàndard amb què es mesura el pes d’un arxiu. Al ser una unitat tan petita, s’utilitzen sovint múltiples d’aquesta: kilobyte Kb, Megabyte Mb, Gigabyte Gb...  KILOBYTE (Kb)= 1024 Bytes  MEGABYTE (Mb)= 1024 Kilobytes  GIGABYTE (Gb)= 1024 Mb
  • 6. IMATGES DE MAPES DE BITS:  El píxel (picture element) és la unitat mínima que forma una imatge gràfica. Normalment, un píxel es defineix com un punt o un quadrat. Podríem dir que és la partícula elemental d’una imatge. Els píxels són unitats independents, però el fet que els percebem com un conjunt és degut a la limitació de la nostra visió, que fa que tinguem aquesta sensació de continuïtat.
  • 7. IMATGES DE MAPES DE BITS: Exemple de píxel dins el conjunt d’una imatge
  • 8.  NO CONFONDRE BIT o BYTE amb PÍXEL: BYTE= 8 BITS= mesura de pes d’informació amb què pot carregar-se un píxel. PÍXEL: és un punt on apareix la informació. - Es defineix físicament per la POSICIÓ. - Té una mida (pot ser més gran o més petit) - Té un color determinat - La qualitat del color ve donada per la quantitat d’informació que conté.
  • 9. EL COLOR: La profunditat de color és el nombre de bits utilitzats per representar el color de cada píxel. La profunditat de color en el tractament d'imatges oscil·la entre 1 i 32 bits sent els valors més usuals: 8 bits (256 colors), 16 bits (milers de colors) i 24 bits (milions de colors, o color real, color RGB).
  • 10. IMATGES EN BLANC I NEGRE
  • 11. IMATGES EN ESCALA DE GRISOS
  • 14. MODEL COLORMÈTRIC RGB La pantalla del ordinador només pot mostrar 3 colors bàsics (vermell, verd i blau)  Aquests 3 colors son els primaris Els altres colors son la mescla d’aquests Parteixen del negre (absència de llum) i s’afegeixen proporcions de vermell, verd i blau per obtenir la resta de colors. La mescla dels 3 colors purs = blanc  L’absència dels 3 colors purs= negre
  • 15. MODEL COLORMÈTRIC CMYK S’utilitza en el procés d’impressió Els colors primaris son: Cian, Magenta i Groc. Els altres colors son la mescla d’aquests Parteixen del blanc (el color del paper) i se’n treuen proporcions de vermell, verd i blau per obtenir la resta de colors. La K = al color negre.  Suma del ciàn, magenta i groc no és = negre, s’afegeix aquest color
  • 16. MODELS COLORMÈTRICS RGB O CMYK  Cada píxel de color es representa pels valors dels 2 models de canals de color: RGB o CMYK. Cada canal són 8 BITS: RGB té 8BITSX3 canals= 24 BITS, i per tant pesa menys que el model CMYK que són 4 canals.
  • 17. LA RESOLUCIÓ  Resolució: és la densitat de punts de la quadrícula (píxels) i es mesura en punts per polzada (ppp). Les mides (en píxels) de la imatge i la seva resolució determinen les dimensions del fitxer.  Una imatge de més resolució generarà un fitxer de dimensions força més gran ( més pesant) que si la resolució és més baixa.
  • 18.  A més resolució, píxels més petits i els quadrets també són més petits; però a menys resolució, píxels més grossos i els quadrets es veuen també més grans)
  • 19. La mida d’una imatge són les seves dimensions reals en termes d’amplada i altura una vegada impresa. 1 polzada = 2,54 cm Si tenim un imatge de: Resolució = 72 píxels per polzada Nº de píxels en Horitzontal = 300 Nº de píxels en Vertical = 200 - Com podem saber les seves mides d’impressió? Horitzontal= 300 píxels/72 ppp = 4,17 polzades x 2,54 cm/polzada= 10,59 cm Vertical= 200 píxels/72 ppp = 2,78 polzades x 2,54 cm/polzada= 7,06 cm
  • 20. TIPUS DE FITXERS DE MAPES DE PUNTS EXTENSIÓ TIPUS DE FITXER CARACTERÍSTIQUES bmp Bit Maped Picture Propi del Microsoft Paint tif o tiff Tagged Image File Format Emmagatzema la imatge + etiquetes gif Graffics Interchange Molt ús a pàgines web. Format Admet compressió sense pèrdua de qualitat (imatges de 256 colors o menys) pict o pct Picture (imatge) Format imatges de Microsoft. Admet color veritable, transparència i compressió sense pèrdua png Portable Network Ús en moltes aplicacions, per ex. Macromedia Graphics Fireworks Format lliure, algoritme de compressió propi i disposa de color veritable jpg o jpeg Joint Photographic Ús per enviar fotos per Internet Experts Groups Admet compressió però perd qualitat psd Photoshop Document No s’utilitza per enviar fotos per Internet perquè pesa molt. Admet color veritable, capes i efectes múltiples raw (raw= cru en anglès) Genera un fitxer de grans dimensions Fotmat brut Conté la informació de la imatge sense manipular
  • 21. FORMATS DE LA IMATGE DIGITAL  Les dades de les imatges es guarden en diversos tipus d’arxius que es coneixen com a “formats d’arxius”.  Hi ha formats d’arxiu que es poden obrir amb tots els programes (molt adients per a arxius que els hagin de poder obrir molta gent). JPEG GIF QUALSEVOL TIFF APLICACIÓ TE’LS BMP RECONEIX PNG
  • 22.  D’aquests n’hi ha que comprimeixen la imatge (amb pèrdua) i n’hi ha que no comprimeixen o molt poc (sense pèrdua). Amb pèrdua Sense pèrdua JPEG TIFF GIF BMP PNG PESEN - PESEN +
  • 23. OPTIMITZAR LA RESOLUCIÓ SEGONS L’ÚS FINAL DE LA IMATGE QUÈ VOLEM FER AMB LA IMATGE?? RECOMANACIONS 300 ppp ò 200 ppp IMPRESSIÓ EN TIFF TINTA D’INJECCIÓ 96 ppp (PC) ò 72 ppp (MAC) JPEG ORDINADOR (TIFF Si s’ha de treballar en vàries sessions) 72 ppp INTERNET JPG
  • 24. PROGRAMES D’EDICIÓ GRÀFICA APLICACIÓ FUNCIONALITAT PLATAFORMA DESCRIPCIÓ Corel Draw Dibuix Vectorial Windows És molt potent. Es distribueix amb imatges predissenyades i fonts de text Illustrator Dibuix Vectorial Windows/Mac S’integra molt bé amb Photoshop Inkscape* Dibuix Vectorial Linux/Windows/Mac Semblant a Corel Draw o Illustrator Autocad Arquitectura i Ingen. Windows La més potent per les seves funcions Qcad Arquitectura i Ingen. Windows/Linux Alternativa a l’Autocad 3D Studio Max Disseny 3D Windows Disseny animat en 3 Dimensions Blender* Disseny 3D Windows/Linux Alternativa al 3D Studio Photoshop Edició imatges Indows/Mac És la més utilitzada El Gimp* Edició imatges Linux/Windows/Mac Semblant al Photoshop Photoshop Organitzador i editor Windows/Mac Adequat per grans col·leccions Elements Photoshop Organitzador i editor Windows/Mac Adequat per fitxers raw Lightroom Picasa* Organitzador i editor Windows Permet publicar àlbums en línea XnView* Visualitzador imatges Windows/Linux/altre Permet crear presentacions i àlbums web s ACDSee Visualitzador imatges Windows Visualitzador fotografies i permet gestió d’àlbum
  • 25. FONTS D’IMATGES: A les següents adreces podem trobar imatges gratuïtes online: Picto http://www.picto.qc.ca/ Freefoto http://www.freefoto.com/index.jsp Flickr http://www.flickr.com/ CNICE-MEC http://bancoimagenes.cnice.mec.es/ SXC: http://www.sxc.hu/ MorgueFile http://www.morguefile.com/ PixelPerfect Digital http://www.pixelperfectdigital.com/ OpenPhoto http://www.openphoto.net/ Altres fonts d’imatges: Imatge impresa digitalitzada amb un escàner, càmera fotogràfica, captura de pantalla, fotograma d’un vídeo, creació amb un programa de tractament d’imatges.