SlideShare una empresa de Scribd logo
1 de 15
Descargar para leer sin conexión
Creación y tratamiento de imágenes digitales



                         Bitmap
                         Mapa de bits
                         Imagen matricial
                         Imagen rasterizada




                         1. Definición y tipos de imágenes digitales
                         2. Color digital
                         3. Resolución
                         4. Tamaño de la imagen
                         5. Formatos de almacenamiento de la imagen

Imagen bitmap o raster
Creación y tratamiento de imágenes digitales



                         Bitmap
                         Mapa de bits
                         Imagen matricial
                         Imagen rasterizada




                         1. Definición y tipos de imágenes digitales
                         2. Color digital
                         3. Resolución
                         4. Tamaño de la imagen
                         5. Formatos de almacenamiento de la imagen

Imagen bitmap o raster
Creación y tratamiento de imágenes digitales
4. TAMAÑO DE LA IMAGEN:



Una imagen digital puede cuantificarse de los siguientes modos:
• Dimensiones en píxeles
• Resolución de salida
• Dimensiones de salida
• Color o profundidad del bit




• 521 x 294 píxeles

• 72 píxeles por pulgada

• 18,38 x 10,37 centímetros
    (7,23 x 4,08 pulgadas)

• 24 bits
Creación y tratamiento de imágenes digitales
4. TAMAÑO DE LA IMAGEN:



Para calcular el tamaño de la imagen, es decir, el peso en bytes de una imagen, es
necesario contar el número de píxeles que contiene esa imagen, que equivale a multiplicar
el número de filas y el número de columnas de la matriz.

Por ejemplo, para calcular el peso de una imagen de color verdadero de 640 x 480:

    • Cantidad de píxeles:
    640 x 480 = 307200

A continuación se debe tener en cuenta la profundidad o cantidad de información de cada
píxel:

    • Peso de cada píxel:
    24 bits / 8 = 3 bytes
Entonces, el peso de la imagen es:

    • Peso de la imagen = 307200 x 3 = 921600 bytes
Creación y tratamiento de imágenes digitales
4. TAMAÑO DE LA IMAGEN:



     • Peso de la imagen = 307200 x 3 = 921600 bytes
Para calcular el tamaño en Kb, basta con dividirlo por 1024

     • Peso de la imagen = 921600 / 1024 = 900 Kb




                 1 kilobyte (Kb)                1024 bytes
                 1 Megabyte (Mb)                1024 kilobytes
                 1 Gigabyte (Gb)                1024 Megabytes
                 1 Terabyte (Tb)                1024 Gigabytes
Creación y tratamiento de imágenes digitales
4. TAMAÑO DE LA IMAGEN:



Otros ejemplos (imagen sin comprimir)




Área de imagen Blanco y negro       256 colores   65000 colores   Color verdadero
  en píxeles   (1 bit)              (8 bits)      (16 bits)       (24 bits)
320 x 200         7,8 KB            62,5 KB       125 KB          187,5 KB
640 x 480         37,5 KB           300 KB        600 KB          900 KB
800 x 600         58,6 KB           468,7 KB      937,5 KB        1,4 MB
1024 x 768        96 KB             768 KB        1,5 MB          2,3 MB
Creación y tratamiento de imágenes digitales



                         Bitmap
                         Mapa de bits
                         Imagen matricial
                         Imagen rasterizada




                         1. Definición y tipos de imágenes digitales
                         2. Color digital
                         3. Resolución
                         4. Tamaño de la imagen
                         5. Formatos de almacenamiento de la imagen

Imagen bitmap o raster
Creación y tratamiento de imágenes digitales
5. FORMATOS DE ALMACENAMIENTO:



• Una vez generada, retocada o renderizada, la imagen en el ordenador, se procede a su
almacenamiento en el dispositivo elegido (disco duro, disco extraíble, etc. ), y así podrá
ser recuperada en cualquier momento.

• Se debe elegir el formato de almacenamiento en función del destino que se le vaya a
dar a la imagen.

• Una decisión mal tomada en el momento de almacenar el fichero puede producir un
resultado indeseado, con una solución de recuperar el estado de la imagen muchas
veces imposible.

• Puede interesar que la imagen tenga un tamaño pequeño para su transmisión sea
más rápida, independientemente de la calidad, o tener una imagen de gran calidad, sin
que sea restrictiva la memoria que ocupe.

• Los formatos de los archivos gráficos son numerosos y con unas características
singulares cada uno de ellos; Una de ellas es la de ofrecer la posibilidad de que ese
archivo almacenado con un formato determinado pueda ser entendido por los programas
correspondientes de una manera automática o semiautomática (TRANSFERENCIA).
Creación y tratamiento de imágenes digitales
5. FORMATOS DE ALMACENAMIENTO:



Algunos formatos de almacenamiento (Mapa de bits)
1. Formatos estándar y de uso generalizado

  • TIFF
  • GIF
  • PNG
  • JPEG

2. Formatos nativos (propios de una aplicación y es poco frecuente que otras aplicaciones
puedan utilizarlos)

  • PSD, PDD (Formato estándar de Adobe Photoshop)
  • XCF (Formato nativo de The Gimp)
Creación y tratamiento de imágenes digitales
5. FORMATOS DE ALMACENAMIENTO:



• TIFF (Tagged image file format)

          • Formato de almacenamiento de imágenes de alta calidad.

          • Es uno de los formatos más populares en el mundo profesional del diseño,
          editorial y fotográfico.

          • Tagged (etiquetado) hace referencia a la información adicional a la imagen:
          tipo de imagen, medida, compresión, etc.

          • La información puede almacenarse sin comprimir, comprimida con un
          algoritmo sin pérdidas (idéntica a la original) o comprimida con algoritmo con
          pérdidas.

          • Este formato puede almacenar imágenes binarias, en escala de grises, RGB,
          CMYK y CIE Lab.

          • Puede almacenar varias imágenes en un mismo fichero (por ejemplo, varias
          páginas de un documento escaneado).
Creación y tratamiento de imágenes digitales
5. FORMATOS DE ALMACENAMIENTO:



• GIF (graphics interchange format)

          • Utiliza un algoritmo de compresión sin perdidas.

          • Admite transparencias (píxeles vacíos).

          • Admite imágenes animadas.

          • Es un formato ideal para las imágenes de 8 bits y de color indexado.

          • trabaja con una paleta de sólo 256 colores como máximo.

          • No es adecuado para reproducir fotografías en color.

          • Está previsto que sea sustituido por el formato PNG (portable network
          graphics), que aumenta la profundidad de color hasta los 48 bits.
Creación y tratamiento de imágenes digitales
5. FORMATOS DE ALMACENAMIENTO:



• PNG (portable network graphics)

         • Fue desarrollado como una alternativa a los formatos GIF.

         • Se usa para visualizar imágenes en la World Wide Web y otros servicios
         online.

         • Preserva toda la información de color y de los canales alfa de una imagen.

         • Utiliza un esquema de compresión de baja pérdida para reducir el tamaño
         del fichero.

         • A diferencia de GIF, PNG admite imágenes de 24 bits y genera
         transparencias de fondo.

         • Admite los modos de escala de grises y RGB con un solo canal alfa y los
         modos de mapas de bits y color indexado sin canales alfa.

         • PNG usa el canal alfa guardado para definir transparencia en el archivo.
Creación y tratamiento de imágenes digitales
5. FORMATOS DE ALMACENAMIENTO:



• JPEG

         • Fue diseñado por el Joint Photographics Experts Group, para los trabajos de
         fotografía digital.

         • Es un formato que depende de dos parámetros: Nivel de codificación y Nivel
         de calidad. Ambos controlados por el usuario.

         • A mayor factor de calidad menor perdida de información y menor
         compresión.

         • Presenta pérdidas de información por lo que es un formato destructivo y la
         imagen final no es nunca igual a la original.

         • Es adecuado para la difusión de ficheros, especialmente en Internet.

         • Las imágenes en formato JPEG pueden ser en escala de grises o color, y
         con una profundidad de 24 bits.
Conceptos clave
                             MATRIZ x,y                              AMPLITUD
                         (filas y columnas)                       (niveles de color)
                             -Muestreo-                             -Cuantificación-



                        Resolución espacial                     Resolución de amplitud




                                   FILAS x COLUMNAS x NIVELES (bits)


                                          TAMAÑO DE LA IMAGEN


                                          FORMATOS DE ARCHIVO


                                     Compresión            Sin compresión


                                                  Bitmap



  Algunos formatos estándar y de uso generalizado                    Algunos formatos nativos



  PNG          TIFF            GIF            JPEG                   XCF                 PSD
Texto de referencia:

GALER, Mark; HORVART, Les: Tratamiento digital de imágenes. 2nd Ed. Madrid: Anaya
Multimedia, 2003.

GRATACÓS-ROIG, Jordi; BATLLE, Montserrat: Imagen Digital. Tratamiento Raster. 6ena
Edició. Barcelona: Edicions belles Arts, 1999. [Temas TIGA , 2]. DL: B.42554-1999.

MORÁN, José A. (COORD.): Codificación del sonido y de la imagen. 1st ed. Barcelona:
Eureca Media, SL, 2009.

Más contenido relacionado

La actualidad más candente

DIAPOSITIVAS - IMAGEN DIGITAL
DIAPOSITIVAS - IMAGEN DIGITALDIAPOSITIVAS - IMAGEN DIGITAL
DIAPOSITIVAS - IMAGEN DIGITALguest8f779
 
Presentación de imagen digital
Presentación de imagen digitalPresentación de imagen digital
Presentación de imagen digitalfelolopez99
 
Imagen Digital Mudle
Imagen Digital MudleImagen Digital Mudle
Imagen Digital Mudlefernandoprofe
 
Tratamiento digital de la imágen
Tratamiento digital de la imágenTratamiento digital de la imágen
Tratamiento digital de la imágenpreguntasweb
 
La imagen digital
La imagen digitalLa imagen digital
La imagen digitalaidallames5
 
Imagen digital. Herramientas digitales: Photoshop, Illustrator y InDesign.
Imagen digital. Herramientas digitales: Photoshop, Illustrator y InDesign.Imagen digital. Herramientas digitales: Photoshop, Illustrator y InDesign.
Imagen digital. Herramientas digitales: Photoshop, Illustrator y InDesign.Raquel Gómez Diago
 
Imagen Digital_conceptos básicos
Imagen Digital_conceptos básicosImagen Digital_conceptos básicos
Imagen Digital_conceptos básicosliccom
 
Teoria De La Imagen
Teoria De La ImagenTeoria De La Imagen
Teoria De La ImagenJesús
 
conceptos fundamentales de photoshop
conceptos fundamentales de photoshopconceptos fundamentales de photoshop
conceptos fundamentales de photoshopDaniel Acosta
 
DISEÑOOOO... GRAFICOOO...
DISEÑOOOO... GRAFICOOO...DISEÑOOOO... GRAFICOOO...
DISEÑOOOO... GRAFICOOO...Ricardo Gonzalez
 
Conceptos básicos sobre imagen digital
Conceptos básicos sobre imagen digitalConceptos básicos sobre imagen digital
Conceptos básicos sobre imagen digitalKoldo Parra
 

La actualidad más candente (20)

La imagen digital
La imagen digitalLa imagen digital
La imagen digital
 
DIAPOSITIVAS - IMAGEN DIGITAL
DIAPOSITIVAS - IMAGEN DIGITALDIAPOSITIVAS - IMAGEN DIGITAL
DIAPOSITIVAS - IMAGEN DIGITAL
 
Presentación de imagen digital
Presentación de imagen digitalPresentación de imagen digital
Presentación de imagen digital
 
Imagen Digital Mudle
Imagen Digital MudleImagen Digital Mudle
Imagen Digital Mudle
 
Digitalizacion imágenes
Digitalizacion imágenesDigitalizacion imágenes
Digitalizacion imágenes
 
2. Imagen Digital
2. Imagen Digital2. Imagen Digital
2. Imagen Digital
 
Tratamiento digital de la imágen
Tratamiento digital de la imágenTratamiento digital de la imágen
Tratamiento digital de la imágen
 
0006
00060006
0006
 
La imagen digital
La imagen digitalLa imagen digital
La imagen digital
 
Formatos gráficos
Formatos gráficosFormatos gráficos
Formatos gráficos
 
Imagen digital. Herramientas digitales: Photoshop, Illustrator y InDesign.
Imagen digital. Herramientas digitales: Photoshop, Illustrator y InDesign.Imagen digital. Herramientas digitales: Photoshop, Illustrator y InDesign.
Imagen digital. Herramientas digitales: Photoshop, Illustrator y InDesign.
 
Principios teoricos de la imagen
Principios teoricos de la imagenPrincipios teoricos de la imagen
Principios teoricos de la imagen
 
Imagen Digital_conceptos básicos
Imagen Digital_conceptos básicosImagen Digital_conceptos básicos
Imagen Digital_conceptos básicos
 
Teoria De La Imagen
Teoria De La ImagenTeoria De La Imagen
Teoria De La Imagen
 
conceptos fundamentales de photoshop
conceptos fundamentales de photoshopconceptos fundamentales de photoshop
conceptos fundamentales de photoshop
 
RESOLUCIÓ
RESOLUCIÓRESOLUCIÓ
RESOLUCIÓ
 
Imagen Digital
Imagen DigitalImagen Digital
Imagen Digital
 
DISEÑOOOO... GRAFICOOO...
DISEÑOOOO... GRAFICOOO...DISEÑOOOO... GRAFICOOO...
DISEÑOOOO... GRAFICOOO...
 
Conceptos básicos sobre imagen digital
Conceptos básicos sobre imagen digitalConceptos básicos sobre imagen digital
Conceptos básicos sobre imagen digital
 
Jgga
JggaJgga
Jgga
 

Destacado

Tratamiento de imágenes
Tratamiento de imágenesTratamiento de imágenes
Tratamiento de imágenescmcaltervia
 
Neuroimágenes en niños
Neuroimágenes en niñosNeuroimágenes en niños
Neuroimágenes en niñosDanae Torres
 
O3 procedimientos diagnósticos y de imágenes en neurología
O3 procedimientos diagnósticos y de imágenes en neurologíaO3 procedimientos diagnósticos y de imágenes en neurología
O3 procedimientos diagnósticos y de imágenes en neurologíaPedro Flores
 
Hallazgos por tomografía computada en pacientes con trauma craneoencefálico, ...
Hallazgos por tomografía computada en pacientes con trauma craneoencefálico, ...Hallazgos por tomografía computada en pacientes con trauma craneoencefálico, ...
Hallazgos por tomografía computada en pacientes con trauma craneoencefálico, ...Juan Forero
 
Teoría triáquica de la inteligencia de sternberg
Teoría triáquica de la inteligencia de sternbergTeoría triáquica de la inteligencia de sternberg
Teoría triáquica de la inteligencia de sternbergPaula Hermida
 
Técnicas en imagenología cerebral
Técnicas en imagenología cerebralTécnicas en imagenología cerebral
Técnicas en imagenología cerebralmujer_fresa
 
tomografia de craneo.
 tomografia de craneo. tomografia de craneo.
tomografia de craneo.Kay Vasquez
 
Trauma craneal en pediatría
Trauma craneal en pediatríaTrauma craneal en pediatría
Trauma craneal en pediatríaCarlos Cuello
 

Destacado (11)

Tratamiento de imágenes
Tratamiento de imágenesTratamiento de imágenes
Tratamiento de imágenes
 
Neuroimágenes en niños
Neuroimágenes en niñosNeuroimágenes en niños
Neuroimágenes en niños
 
O3 procedimientos diagnósticos y de imágenes en neurología
O3 procedimientos diagnósticos y de imágenes en neurologíaO3 procedimientos diagnósticos y de imágenes en neurología
O3 procedimientos diagnósticos y de imágenes en neurología
 
Hallazgos por tomografía computada en pacientes con trauma craneoencefálico, ...
Hallazgos por tomografía computada en pacientes con trauma craneoencefálico, ...Hallazgos por tomografía computada en pacientes con trauma craneoencefálico, ...
Hallazgos por tomografía computada en pacientes con trauma craneoencefálico, ...
 
Teoría triáquica de la inteligencia de sternberg
Teoría triáquica de la inteligencia de sternbergTeoría triáquica de la inteligencia de sternberg
Teoría triáquica de la inteligencia de sternberg
 
Neurocirugia
NeurocirugiaNeurocirugia
Neurocirugia
 
Técnicas en imagenología cerebral
Técnicas en imagenología cerebralTécnicas en imagenología cerebral
Técnicas en imagenología cerebral
 
tomografia de craneo.
 tomografia de craneo. tomografia de craneo.
tomografia de craneo.
 
Trauma craneal en pediatría
Trauma craneal en pediatríaTrauma craneal en pediatría
Trauma craneal en pediatría
 
Trauma craneoencefálico Pediatria
Trauma craneoencefálico Pediatria Trauma craneoencefálico Pediatria
Trauma craneoencefálico Pediatria
 
Traumatismo pediátrico (ATLS)
Traumatismo pediátrico (ATLS)Traumatismo pediátrico (ATLS)
Traumatismo pediátrico (ATLS)
 

Similar a Conceptos clave imágenes digitales

Formatos de imagen digital
Formatos de imagen digitalFormatos de imagen digital
Formatos de imagen digitalSusan Bendaña
 
Introducción a la imagen digital
Introducción a la imagen digitalIntroducción a la imagen digital
Introducción a la imagen digitalmariagarciac7
 
Imagen-Multimedia
Imagen-MultimediaImagen-Multimedia
Imagen-MultimediaNelson Romo
 
Imágenes digitales
Imágenes digitalesImágenes digitales
Imágenes digitalessansergio
 
Ejercicios FOTOGRAFÍA
Ejercicios FOTOGRAFÍAEjercicios FOTOGRAFÍA
Ejercicios FOTOGRAFÍAGemaViciedo
 
Ejercicios tema 2_imagen_digital_fotografia (1)
Ejercicios tema 2_imagen_digital_fotografia (1)Ejercicios tema 2_imagen_digital_fotografia (1)
Ejercicios tema 2_imagen_digital_fotografia (1)AnaJodar6
 
Imagen digital
Imagen digitalImagen digital
Imagen digitalluciaalv10
 
Imagen digital
Imagen digitalImagen digital
Imagen digitalluciaalv10
 
Diapositiva De Imagenes Digitales Final
Diapositiva De Imagenes Digitales FinalDiapositiva De Imagenes Digitales Final
Diapositiva De Imagenes Digitales Finalimagenesdigitales
 
Diapositiva De ImágenesDigitales Final
Diapositiva De ImágenesDigitales FinalDiapositiva De ImágenesDigitales Final
Diapositiva De ImágenesDigitales Finalimagenesdigitales
 
Digitalización: conceptos, formatos de digitalización, equipos de captura y s...
Digitalización: conceptos, formatos de digitalización, equipos de captura y s...Digitalización: conceptos, formatos de digitalización, equipos de captura y s...
Digitalización: conceptos, formatos de digitalización, equipos de captura y s...guestc2d800
 
PresentacióN Jv+++
PresentacióN Jv+++PresentacióN Jv+++
PresentacióN Jv+++FESABID
 
Digitalización: conceptos, criterios para la determinación de formatos de dig...
Digitalización: conceptos, criterios para la determinación de formatos de dig...Digitalización: conceptos, criterios para la determinación de formatos de dig...
Digitalización: conceptos, criterios para la determinación de formatos de dig...DIGIBIS
 
diseño grafico introduccion
diseño grafico introduccion diseño grafico introduccion
diseño grafico introduccion Ricardo Gonzalez
 

Similar a Conceptos clave imágenes digitales (20)

Tamaño
TamañoTamaño
Tamaño
 
Formatos de imagen digital
Formatos de imagen digitalFormatos de imagen digital
Formatos de imagen digital
 
Introducción a la imagen digital
Introducción a la imagen digitalIntroducción a la imagen digital
Introducción a la imagen digital
 
Meta 5.1
Meta 5.1Meta 5.1
Meta 5.1
 
Imagen-Multimedia
Imagen-MultimediaImagen-Multimedia
Imagen-Multimedia
 
Imágenes digitales
Imágenes digitalesImágenes digitales
Imágenes digitales
 
Ejercicios FOTOGRAFÍA
Ejercicios FOTOGRAFÍAEjercicios FOTOGRAFÍA
Ejercicios FOTOGRAFÍA
 
Ejercicios
EjerciciosEjercicios
Ejercicios
 
Tema 2
Tema 2 Tema 2
Tema 2
 
Ejercicios tema 2_imagen_digital_fotografia (1)
Ejercicios tema 2_imagen_digital_fotografia (1)Ejercicios tema 2_imagen_digital_fotografia (1)
Ejercicios tema 2_imagen_digital_fotografia (1)
 
Imagen digital
Imagen digitalImagen digital
Imagen digital
 
Imagen digital
Imagen digitalImagen digital
Imagen digital
 
Diseño grafico
Diseño graficoDiseño grafico
Diseño grafico
 
Diapositiva De Imagenes Digitales Final
Diapositiva De Imagenes Digitales FinalDiapositiva De Imagenes Digitales Final
Diapositiva De Imagenes Digitales Final
 
Diapositiva De ImágenesDigitales Final
Diapositiva De ImágenesDigitales FinalDiapositiva De ImágenesDigitales Final
Diapositiva De ImágenesDigitales Final
 
Digitalización: conceptos, formatos de digitalización, equipos de captura y s...
Digitalización: conceptos, formatos de digitalización, equipos de captura y s...Digitalización: conceptos, formatos de digitalización, equipos de captura y s...
Digitalización: conceptos, formatos de digitalización, equipos de captura y s...
 
PresentacióN Jv+++
PresentacióN Jv+++PresentacióN Jv+++
PresentacióN Jv+++
 
Digitalización: conceptos, criterios para la determinación de formatos de dig...
Digitalización: conceptos, criterios para la determinación de formatos de dig...Digitalización: conceptos, criterios para la determinación de formatos de dig...
Digitalización: conceptos, criterios para la determinación de formatos de dig...
 
Clase 6 tecno 1-2019
Clase 6 tecno 1-2019Clase 6 tecno 1-2019
Clase 6 tecno 1-2019
 
diseño grafico introduccion
diseño grafico introduccion diseño grafico introduccion
diseño grafico introduccion
 

Más de marcelpiebarba

TUTORIAL BÀSIC ANIMACIÓ PHOTOSHOP
TUTORIAL BÀSIC ANIMACIÓ PHOTOSHOPTUTORIAL BÀSIC ANIMACIÓ PHOTOSHOP
TUTORIAL BÀSIC ANIMACIÓ PHOTOSHOPmarcelpiebarba
 
TUTORIAL BÀSIC ANIMACIÓ PHOTOSHOP
TUTORIAL BÀSIC ANIMACIÓ PHOTOSHOPTUTORIAL BÀSIC ANIMACIÓ PHOTOSHOP
TUTORIAL BÀSIC ANIMACIÓ PHOTOSHOPmarcelpiebarba
 
TUTORIAL ILLUSTRATOR BÀSIC
TUTORIAL ILLUSTRATOR BÀSICTUTORIAL ILLUSTRATOR BÀSIC
TUTORIAL ILLUSTRATOR BÀSICmarcelpiebarba
 
Intro. a la informática y aplicaciones gráficas
Intro. a la informática y aplicaciones gráficasIntro. a la informática y aplicaciones gráficas
Intro. a la informática y aplicaciones gráficasmarcelpiebarba
 

Más de marcelpiebarba (11)

TUTORIAL BÀSIC ANIMACIÓ PHOTOSHOP
TUTORIAL BÀSIC ANIMACIÓ PHOTOSHOPTUTORIAL BÀSIC ANIMACIÓ PHOTOSHOP
TUTORIAL BÀSIC ANIMACIÓ PHOTOSHOP
 
TUTORIAL BÀSIC ANIMACIÓ PHOTOSHOP
TUTORIAL BÀSIC ANIMACIÓ PHOTOSHOPTUTORIAL BÀSIC ANIMACIÓ PHOTOSHOP
TUTORIAL BÀSIC ANIMACIÓ PHOTOSHOP
 
Tutorial practiques
Tutorial practiquesTutorial practiques
Tutorial practiques
 
INDESIGN 1a PART
INDESIGN 1a PARTINDESIGN 1a PART
INDESIGN 1a PART
 
TUTORIAL ILLUSTRATOR BÀSIC
TUTORIAL ILLUSTRATOR BÀSICTUTORIAL ILLUSTRATOR BÀSIC
TUTORIAL ILLUSTRATOR BÀSIC
 
Illustrator 1a part
Illustrator 1a partIllustrator 1a part
Illustrator 1a part
 
FITXERS BITMAP
FITXERS BITMAPFITXERS BITMAP
FITXERS BITMAP
 
COLOR DIGITAL
COLOR DIGITALCOLOR DIGITAL
COLOR DIGITAL
 
TUTORIAL PHOPTOSHOP
TUTORIAL PHOPTOSHOPTUTORIAL PHOPTOSHOP
TUTORIAL PHOPTOSHOP
 
FITXERS
FITXERSFITXERS
FITXERS
 
Intro. a la informática y aplicaciones gráficas
Intro. a la informática y aplicaciones gráficasIntro. a la informática y aplicaciones gráficas
Intro. a la informática y aplicaciones gráficas
 

Último

Guía de Registro slideshare paso a paso 1
Guía de Registro slideshare paso a paso 1Guía de Registro slideshare paso a paso 1
Guía de Registro slideshare paso a paso 1ivanapaterninar
 
tics en la vida cotidiana prepa en linea modulo 1.pptx
tics en la vida cotidiana prepa en linea modulo 1.pptxtics en la vida cotidiana prepa en linea modulo 1.pptx
tics en la vida cotidiana prepa en linea modulo 1.pptxazmysanros90
 
Tecnologias Starlink para el mundo tec.pptx
Tecnologias Starlink para el mundo tec.pptxTecnologias Starlink para el mundo tec.pptx
Tecnologias Starlink para el mundo tec.pptxGESTECPERUSAC
 
certificado de oracle academy cetrificado.pdf
certificado de oracle academy cetrificado.pdfcertificado de oracle academy cetrificado.pdf
certificado de oracle academy cetrificado.pdfFernandoOblitasVivan
 
TALLER DE ANALISIS SOLUCION PART 2 (1)-1.docx
TALLER DE ANALISIS SOLUCION  PART 2 (1)-1.docxTALLER DE ANALISIS SOLUCION  PART 2 (1)-1.docx
TALLER DE ANALISIS SOLUCION PART 2 (1)-1.docxobandopaula444
 
El_Blog_como_herramienta_de_publicacion_y_consulta_de_investigacion.pptx
El_Blog_como_herramienta_de_publicacion_y_consulta_de_investigacion.pptxEl_Blog_como_herramienta_de_publicacion_y_consulta_de_investigacion.pptx
El_Blog_como_herramienta_de_publicacion_y_consulta_de_investigacion.pptxAlexander López
 
Presentación sobre la Inteligencia Artificial
Presentación sobre la Inteligencia ArtificialPresentación sobre la Inteligencia Artificial
Presentación sobre la Inteligencia Artificialcynserafini89
 
La Electricidad Y La Electrónica Trabajo Tecnología.pdf
La Electricidad Y La Electrónica Trabajo Tecnología.pdfLa Electricidad Y La Electrónica Trabajo Tecnología.pdf
La Electricidad Y La Electrónica Trabajo Tecnología.pdfjeondanny1997
 
Documentacion Electrónica en Actos Juridicos
Documentacion Electrónica en Actos JuridicosDocumentacion Electrónica en Actos Juridicos
Documentacion Electrónica en Actos JuridicosAlbanyMartinez7
 
LUXOMETRO EN SALUD OCUPACIONAL(FINAL).ppt
LUXOMETRO EN SALUD OCUPACIONAL(FINAL).pptLUXOMETRO EN SALUD OCUPACIONAL(FINAL).ppt
LUXOMETRO EN SALUD OCUPACIONAL(FINAL).pptchaverriemily794
 
LAS_TIC_COMO_HERRAMIENTAS_EN_LA_INVESTIGACIÓN.pptx
LAS_TIC_COMO_HERRAMIENTAS_EN_LA_INVESTIGACIÓN.pptxLAS_TIC_COMO_HERRAMIENTAS_EN_LA_INVESTIGACIÓN.pptx
LAS_TIC_COMO_HERRAMIENTAS_EN_LA_INVESTIGACIÓN.pptxAlexander López
 
GonzalezGonzalez_Karina_M1S3AI6... .pptx
GonzalezGonzalez_Karina_M1S3AI6... .pptxGonzalezGonzalez_Karina_M1S3AI6... .pptx
GonzalezGonzalez_Karina_M1S3AI6... .pptx241523733
 
tarea de exposicion de senati zzzzzzzzzz
tarea de exposicion de senati zzzzzzzzzztarea de exposicion de senati zzzzzzzzzz
tarea de exposicion de senati zzzzzzzzzzAlexandergo5
 
CommitConf 2024 - Spring Boot <3 Testcontainers
CommitConf 2024 - Spring Boot <3 TestcontainersCommitConf 2024 - Spring Boot <3 Testcontainers
CommitConf 2024 - Spring Boot <3 TestcontainersIván López Martín
 
Red Dorsal Nacional de Fibra Óptica y Redes Regionales del Perú
Red Dorsal Nacional de Fibra Óptica y Redes Regionales del PerúRed Dorsal Nacional de Fibra Óptica y Redes Regionales del Perú
Red Dorsal Nacional de Fibra Óptica y Redes Regionales del PerúCEFERINO DELGADO FLORES
 
Crear un recurso multimedia. Maricela_Ponce_DomingoM1S3AI6-1.pptx
Crear un recurso multimedia. Maricela_Ponce_DomingoM1S3AI6-1.pptxCrear un recurso multimedia. Maricela_Ponce_DomingoM1S3AI6-1.pptx
Crear un recurso multimedia. Maricela_Ponce_DomingoM1S3AI6-1.pptxNombre Apellidos
 
Los Microcontroladores PIC, Aplicaciones
Los Microcontroladores PIC, AplicacionesLos Microcontroladores PIC, Aplicaciones
Los Microcontroladores PIC, AplicacionesEdomar AR
 
Trabajo de tecnología excel avanzado.pdf
Trabajo de tecnología excel avanzado.pdfTrabajo de tecnología excel avanzado.pdf
Trabajo de tecnología excel avanzado.pdfedepmariaperez
 
Modelo de Presentacion Feria Robotica Educativa 2024 - Versión3.pptx
Modelo de Presentacion Feria Robotica Educativa 2024 - Versión3.pptxModelo de Presentacion Feria Robotica Educativa 2024 - Versión3.pptx
Modelo de Presentacion Feria Robotica Educativa 2024 - Versión3.pptxtjcesar1
 
FloresMorales_Montserrath_M1S3AI6 (1).pptx
FloresMorales_Montserrath_M1S3AI6 (1).pptxFloresMorales_Montserrath_M1S3AI6 (1).pptx
FloresMorales_Montserrath_M1S3AI6 (1).pptx241522327
 

Último (20)

Guía de Registro slideshare paso a paso 1
Guía de Registro slideshare paso a paso 1Guía de Registro slideshare paso a paso 1
Guía de Registro slideshare paso a paso 1
 
tics en la vida cotidiana prepa en linea modulo 1.pptx
tics en la vida cotidiana prepa en linea modulo 1.pptxtics en la vida cotidiana prepa en linea modulo 1.pptx
tics en la vida cotidiana prepa en linea modulo 1.pptx
 
Tecnologias Starlink para el mundo tec.pptx
Tecnologias Starlink para el mundo tec.pptxTecnologias Starlink para el mundo tec.pptx
Tecnologias Starlink para el mundo tec.pptx
 
certificado de oracle academy cetrificado.pdf
certificado de oracle academy cetrificado.pdfcertificado de oracle academy cetrificado.pdf
certificado de oracle academy cetrificado.pdf
 
TALLER DE ANALISIS SOLUCION PART 2 (1)-1.docx
TALLER DE ANALISIS SOLUCION  PART 2 (1)-1.docxTALLER DE ANALISIS SOLUCION  PART 2 (1)-1.docx
TALLER DE ANALISIS SOLUCION PART 2 (1)-1.docx
 
El_Blog_como_herramienta_de_publicacion_y_consulta_de_investigacion.pptx
El_Blog_como_herramienta_de_publicacion_y_consulta_de_investigacion.pptxEl_Blog_como_herramienta_de_publicacion_y_consulta_de_investigacion.pptx
El_Blog_como_herramienta_de_publicacion_y_consulta_de_investigacion.pptx
 
Presentación sobre la Inteligencia Artificial
Presentación sobre la Inteligencia ArtificialPresentación sobre la Inteligencia Artificial
Presentación sobre la Inteligencia Artificial
 
La Electricidad Y La Electrónica Trabajo Tecnología.pdf
La Electricidad Y La Electrónica Trabajo Tecnología.pdfLa Electricidad Y La Electrónica Trabajo Tecnología.pdf
La Electricidad Y La Electrónica Trabajo Tecnología.pdf
 
Documentacion Electrónica en Actos Juridicos
Documentacion Electrónica en Actos JuridicosDocumentacion Electrónica en Actos Juridicos
Documentacion Electrónica en Actos Juridicos
 
LUXOMETRO EN SALUD OCUPACIONAL(FINAL).ppt
LUXOMETRO EN SALUD OCUPACIONAL(FINAL).pptLUXOMETRO EN SALUD OCUPACIONAL(FINAL).ppt
LUXOMETRO EN SALUD OCUPACIONAL(FINAL).ppt
 
LAS_TIC_COMO_HERRAMIENTAS_EN_LA_INVESTIGACIÓN.pptx
LAS_TIC_COMO_HERRAMIENTAS_EN_LA_INVESTIGACIÓN.pptxLAS_TIC_COMO_HERRAMIENTAS_EN_LA_INVESTIGACIÓN.pptx
LAS_TIC_COMO_HERRAMIENTAS_EN_LA_INVESTIGACIÓN.pptx
 
GonzalezGonzalez_Karina_M1S3AI6... .pptx
GonzalezGonzalez_Karina_M1S3AI6... .pptxGonzalezGonzalez_Karina_M1S3AI6... .pptx
GonzalezGonzalez_Karina_M1S3AI6... .pptx
 
tarea de exposicion de senati zzzzzzzzzz
tarea de exposicion de senati zzzzzzzzzztarea de exposicion de senati zzzzzzzzzz
tarea de exposicion de senati zzzzzzzzzz
 
CommitConf 2024 - Spring Boot <3 Testcontainers
CommitConf 2024 - Spring Boot <3 TestcontainersCommitConf 2024 - Spring Boot <3 Testcontainers
CommitConf 2024 - Spring Boot <3 Testcontainers
 
Red Dorsal Nacional de Fibra Óptica y Redes Regionales del Perú
Red Dorsal Nacional de Fibra Óptica y Redes Regionales del PerúRed Dorsal Nacional de Fibra Óptica y Redes Regionales del Perú
Red Dorsal Nacional de Fibra Óptica y Redes Regionales del Perú
 
Crear un recurso multimedia. Maricela_Ponce_DomingoM1S3AI6-1.pptx
Crear un recurso multimedia. Maricela_Ponce_DomingoM1S3AI6-1.pptxCrear un recurso multimedia. Maricela_Ponce_DomingoM1S3AI6-1.pptx
Crear un recurso multimedia. Maricela_Ponce_DomingoM1S3AI6-1.pptx
 
Los Microcontroladores PIC, Aplicaciones
Los Microcontroladores PIC, AplicacionesLos Microcontroladores PIC, Aplicaciones
Los Microcontroladores PIC, Aplicaciones
 
Trabajo de tecnología excel avanzado.pdf
Trabajo de tecnología excel avanzado.pdfTrabajo de tecnología excel avanzado.pdf
Trabajo de tecnología excel avanzado.pdf
 
Modelo de Presentacion Feria Robotica Educativa 2024 - Versión3.pptx
Modelo de Presentacion Feria Robotica Educativa 2024 - Versión3.pptxModelo de Presentacion Feria Robotica Educativa 2024 - Versión3.pptx
Modelo de Presentacion Feria Robotica Educativa 2024 - Versión3.pptx
 
FloresMorales_Montserrath_M1S3AI6 (1).pptx
FloresMorales_Montserrath_M1S3AI6 (1).pptxFloresMorales_Montserrath_M1S3AI6 (1).pptx
FloresMorales_Montserrath_M1S3AI6 (1).pptx
 

Conceptos clave imágenes digitales

  • 1. Creación y tratamiento de imágenes digitales Bitmap Mapa de bits Imagen matricial Imagen rasterizada 1. Definición y tipos de imágenes digitales 2. Color digital 3. Resolución 4. Tamaño de la imagen 5. Formatos de almacenamiento de la imagen Imagen bitmap o raster
  • 2. Creación y tratamiento de imágenes digitales Bitmap Mapa de bits Imagen matricial Imagen rasterizada 1. Definición y tipos de imágenes digitales 2. Color digital 3. Resolución 4. Tamaño de la imagen 5. Formatos de almacenamiento de la imagen Imagen bitmap o raster
  • 3. Creación y tratamiento de imágenes digitales 4. TAMAÑO DE LA IMAGEN: Una imagen digital puede cuantificarse de los siguientes modos: • Dimensiones en píxeles • Resolución de salida • Dimensiones de salida • Color o profundidad del bit • 521 x 294 píxeles • 72 píxeles por pulgada • 18,38 x 10,37 centímetros (7,23 x 4,08 pulgadas) • 24 bits
  • 4. Creación y tratamiento de imágenes digitales 4. TAMAÑO DE LA IMAGEN: Para calcular el tamaño de la imagen, es decir, el peso en bytes de una imagen, es necesario contar el número de píxeles que contiene esa imagen, que equivale a multiplicar el número de filas y el número de columnas de la matriz. Por ejemplo, para calcular el peso de una imagen de color verdadero de 640 x 480: • Cantidad de píxeles: 640 x 480 = 307200 A continuación se debe tener en cuenta la profundidad o cantidad de información de cada píxel: • Peso de cada píxel: 24 bits / 8 = 3 bytes Entonces, el peso de la imagen es: • Peso de la imagen = 307200 x 3 = 921600 bytes
  • 5. Creación y tratamiento de imágenes digitales 4. TAMAÑO DE LA IMAGEN: • Peso de la imagen = 307200 x 3 = 921600 bytes Para calcular el tamaño en Kb, basta con dividirlo por 1024 • Peso de la imagen = 921600 / 1024 = 900 Kb 1 kilobyte (Kb) 1024 bytes 1 Megabyte (Mb) 1024 kilobytes 1 Gigabyte (Gb) 1024 Megabytes 1 Terabyte (Tb) 1024 Gigabytes
  • 6. Creación y tratamiento de imágenes digitales 4. TAMAÑO DE LA IMAGEN: Otros ejemplos (imagen sin comprimir) Área de imagen Blanco y negro 256 colores 65000 colores Color verdadero en píxeles (1 bit) (8 bits) (16 bits) (24 bits) 320 x 200 7,8 KB 62,5 KB 125 KB 187,5 KB 640 x 480 37,5 KB 300 KB 600 KB 900 KB 800 x 600 58,6 KB 468,7 KB 937,5 KB 1,4 MB 1024 x 768 96 KB 768 KB 1,5 MB 2,3 MB
  • 7. Creación y tratamiento de imágenes digitales Bitmap Mapa de bits Imagen matricial Imagen rasterizada 1. Definición y tipos de imágenes digitales 2. Color digital 3. Resolución 4. Tamaño de la imagen 5. Formatos de almacenamiento de la imagen Imagen bitmap o raster
  • 8. Creación y tratamiento de imágenes digitales 5. FORMATOS DE ALMACENAMIENTO: • Una vez generada, retocada o renderizada, la imagen en el ordenador, se procede a su almacenamiento en el dispositivo elegido (disco duro, disco extraíble, etc. ), y así podrá ser recuperada en cualquier momento. • Se debe elegir el formato de almacenamiento en función del destino que se le vaya a dar a la imagen. • Una decisión mal tomada en el momento de almacenar el fichero puede producir un resultado indeseado, con una solución de recuperar el estado de la imagen muchas veces imposible. • Puede interesar que la imagen tenga un tamaño pequeño para su transmisión sea más rápida, independientemente de la calidad, o tener una imagen de gran calidad, sin que sea restrictiva la memoria que ocupe. • Los formatos de los archivos gráficos son numerosos y con unas características singulares cada uno de ellos; Una de ellas es la de ofrecer la posibilidad de que ese archivo almacenado con un formato determinado pueda ser entendido por los programas correspondientes de una manera automática o semiautomática (TRANSFERENCIA).
  • 9. Creación y tratamiento de imágenes digitales 5. FORMATOS DE ALMACENAMIENTO: Algunos formatos de almacenamiento (Mapa de bits) 1. Formatos estándar y de uso generalizado • TIFF • GIF • PNG • JPEG 2. Formatos nativos (propios de una aplicación y es poco frecuente que otras aplicaciones puedan utilizarlos) • PSD, PDD (Formato estándar de Adobe Photoshop) • XCF (Formato nativo de The Gimp)
  • 10. Creación y tratamiento de imágenes digitales 5. FORMATOS DE ALMACENAMIENTO: • TIFF (Tagged image file format) • Formato de almacenamiento de imágenes de alta calidad. • Es uno de los formatos más populares en el mundo profesional del diseño, editorial y fotográfico. • Tagged (etiquetado) hace referencia a la información adicional a la imagen: tipo de imagen, medida, compresión, etc. • La información puede almacenarse sin comprimir, comprimida con un algoritmo sin pérdidas (idéntica a la original) o comprimida con algoritmo con pérdidas. • Este formato puede almacenar imágenes binarias, en escala de grises, RGB, CMYK y CIE Lab. • Puede almacenar varias imágenes en un mismo fichero (por ejemplo, varias páginas de un documento escaneado).
  • 11. Creación y tratamiento de imágenes digitales 5. FORMATOS DE ALMACENAMIENTO: • GIF (graphics interchange format) • Utiliza un algoritmo de compresión sin perdidas. • Admite transparencias (píxeles vacíos). • Admite imágenes animadas. • Es un formato ideal para las imágenes de 8 bits y de color indexado. • trabaja con una paleta de sólo 256 colores como máximo. • No es adecuado para reproducir fotografías en color. • Está previsto que sea sustituido por el formato PNG (portable network graphics), que aumenta la profundidad de color hasta los 48 bits.
  • 12. Creación y tratamiento de imágenes digitales 5. FORMATOS DE ALMACENAMIENTO: • PNG (portable network graphics) • Fue desarrollado como una alternativa a los formatos GIF. • Se usa para visualizar imágenes en la World Wide Web y otros servicios online. • Preserva toda la información de color y de los canales alfa de una imagen. • Utiliza un esquema de compresión de baja pérdida para reducir el tamaño del fichero. • A diferencia de GIF, PNG admite imágenes de 24 bits y genera transparencias de fondo. • Admite los modos de escala de grises y RGB con un solo canal alfa y los modos de mapas de bits y color indexado sin canales alfa. • PNG usa el canal alfa guardado para definir transparencia en el archivo.
  • 13. Creación y tratamiento de imágenes digitales 5. FORMATOS DE ALMACENAMIENTO: • JPEG • Fue diseñado por el Joint Photographics Experts Group, para los trabajos de fotografía digital. • Es un formato que depende de dos parámetros: Nivel de codificación y Nivel de calidad. Ambos controlados por el usuario. • A mayor factor de calidad menor perdida de información y menor compresión. • Presenta pérdidas de información por lo que es un formato destructivo y la imagen final no es nunca igual a la original. • Es adecuado para la difusión de ficheros, especialmente en Internet. • Las imágenes en formato JPEG pueden ser en escala de grises o color, y con una profundidad de 24 bits.
  • 14. Conceptos clave MATRIZ x,y AMPLITUD (filas y columnas) (niveles de color) -Muestreo- -Cuantificación- Resolución espacial Resolución de amplitud FILAS x COLUMNAS x NIVELES (bits) TAMAÑO DE LA IMAGEN FORMATOS DE ARCHIVO Compresión Sin compresión Bitmap Algunos formatos estándar y de uso generalizado Algunos formatos nativos PNG TIFF GIF JPEG XCF PSD
  • 15. Texto de referencia: GALER, Mark; HORVART, Les: Tratamiento digital de imágenes. 2nd Ed. Madrid: Anaya Multimedia, 2003. GRATACÓS-ROIG, Jordi; BATLLE, Montserrat: Imagen Digital. Tratamiento Raster. 6ena Edició. Barcelona: Edicions belles Arts, 1999. [Temas TIGA , 2]. DL: B.42554-1999. MORÁN, José A. (COORD.): Codificación del sonido y de la imagen. 1st ed. Barcelona: Eureca Media, SL, 2009.