Fundamentos de Imagen Digital - fergut.com · Profundidad de color Programa .psd Photoshop document Hasta 32 bits Adobe Photoshop. Utilizado más para mapa de bits aunque soporta

Fundamentos de imagen digital

Centro de Nuevos Medios

José Pablo Macías Ortega pmacias@itesm.mx

Píxel: • La menor unidad que compone una imagen digital. • La palabra proviene de (picture element).

Imagen de mapa de bits (Raster) • Imagen compuesta a partir de píxeles.

Imagen vectorial • Imagen digital construida a partir de ecuaciones matemáticas

que representan objetos geométricos. • Cada ecuación geométrica tiene atributos tales como: posición,

relleno, tamaño, etc.

Imagen de mapa de bits vs. Imagen vectorial

Imagen de Mapa de Bits

Imagen Vectorial

Ventajas • Ideal para representar fotografías y video “real”

• Archivo de tamaño reducido. • El tamaño de la imagen en bits

es independiente del tamaño de la imagen.

• No pierde resolución al escalar. Desventajas • El tamaño del archivo

cambia en razón de la resolución y el tamaño de la imagen.

• Pérdida de resolución al escalar.

• Las fotografías convertidas a este formato tienen un tamaño mucho mayor que las de mapa de bits.

Modelo de Color • Un modelo de color es un modelo abstracto matemático que

describe a los colores mediante números.

¿Cuáles son los colores primarios?

Modelo RGB (colores luz o mezcla aditiva)

• Modelo de color basado en luz. Todos los colores se crean a partir de la adición de 3 colores primarios.

• Las siglas representan: – R = Red (Rojo) – G = Green (Verde) – B = Blue (Azul)

• La suma de los tres colores a partes iguales da como resultado blanco.

Modelo RGB (colores luz o mezcla aditiva)

Nota: Es importante señalar que un modelo RGB con los mismos valores puede mostrar diferentes colores dependiendo del dispositivo y el perfil de color que contenga.

CMYK (Modelo substractivo o colores tinta)

• Es un modelo de color basado en la absorción de la luz (mezcla de pigmentos) y es el modelo utilizado para impresión.

• Las siglas representan: – C = Cyan (Cian) – M = Magenta (Magenta) – Y = Yellow (Amarillo) – K = Black (Negro)

• En este modelo el color que muestra un objeto es el color reflejado ya que no es absorbido por la tinta.

Modelo CMYK (modelo substractivo o colores tinta)

Nota: En teoría la mezcla a partes iguales de cian, magenta y amarillo, debe dar como resultado un negro puro, no obstante, debido a las imperfecciones de los pigmentos, es necesario crear una tinta de color negro para dar mayor riqueza a los colores de la imagen

Consideraciones generales sobre los Modelos de Color.

RGB CMYK

Usos - Mayor gama de colores. - Utilizado por Monitores,

Proyectores, etc.

- Utilizado para impresión - Menor gama de colores

Nota: Se recomienda retocar siempre las imágenes fotográficas en RGB y luego convertirlas a CMYK al imprimir.

Profundidad de color (Bitdepth)

• Un píxel es una unidad de color uniforme. A mayor numero de bits por píxel mayor es el rango de colores que puede mostrar un píxel. Por lo tanto el rango de colores de una imagen se indica en bits por píxel (bitdepth).

• 1 Bit sólo puede tener dos valores 1 y 0 (On y Off)

– 1 bit por píxel: 21 = 2 colores.(Monocromo). – 2 bits por píxel : 22 = 4 colores (CGA) – 4 bits por píxel : 24 = 16 colores, (VGA) – 8 bits por píxel : 28 = 256 colores (SVGA) – 24 bits por píxel: 224 = 16,777,216 colores (True color o color

verdadero) (8 bits por canal RGB, cada color tiene un rango de 256 tonos que van del blanco al negro)

1 bit por píxel 21 = 2 colores

2 bits por píxel 22 = 4 colores

8 bit por píxel 28 = 256 colores

(grayscale)

4 bits por píxel 224 = 16.7 millones

de colores

Espacio de color = perfil de color

• Una imagen sin un espacio de color asociado se ve con colores diferentes dependiendo del dispositivo de salida.

• El espacio de color es un “intérprete” del modelo de color para representar a este en un dispositivo tanto de salida como de entrada. La suma de los tres colores a partes iguales da como resultado blanco.

• Este espacio de color se define a través de un perfil de color.

Modelo de color + perfil de color = color constante en dispositivos calibrados.

Ejemplos de espacios de color

• ProPhoto. Mayor rango de colores.

• Adobe RGB. Recomendado para dispositivos recientes.

• sRGB. Modelo más seguro de representación.

• 2200. Ejemplo de rango de color en una impresora Epson 2200.

Ejemplos de espacios de color

ProPhoto AdobeRGB sRGB

Compresión de una imagen

• Para hacer manejable el tamaño de una imagen es necesario comprimirla. Así se utilizan de manera eficiente los recursos de una computadora (espacio en disco, memoria RAM, etc.)

• Existen dos tipos de compresión: espacial y temporal.

• Compresión espacial

– La compresión espacial se refiere a la compresión que tiene una imagen fija.

– Esta compresión esta basada en algoritmos matemáticos.

– A manera general la compresión busca colores similares y les da un valor único, reduciendo así la cantidad de colores a representar.

– La compresión espacial puede ser Loosy (con pérdida) o Lossless (sin pérdida).

Calidad original JPEG 100% Quality

Calidad media JPEG 20% Quality

Calidad baja JPEG 3% Quality

• Comparativa

Calidad baja JPEG 3% Quality

Calidad original JPEG 100% Quality

• Compresión temporal

– Utilizada para imágenes en movimiento.

– Esta compresión esta basada en algoritmos matemáticos.

– Funciona buscando zonas de color que sean más o menos constantes a lo largo del tiempo y no “redibuja” la zona entre cuadros.

– Puede trabajar en conjunto con la compresión espacial.

• Compresión temporal Centro de Nuevos Medios

Resolución por tamaño (pixel resolution)

• La resolución por tamaño se expresa mediante los pixeles de ancho por los píxeles de alto, que determinan el área rectangular que ocupa la imagen.

• Ejemplos:

• 640 x 480, 800 x 600, 1024 x 768 (4:3) • 1920 x 1080, 1280 x 720 (16:9)

Tamaño 640 x 480 pixeles

Tamaño 320 x 240 pixeles

37.7KB

Resolución por densidad.

• La resolución por densidad se expresa en dpi/ppp (dots per inch = puntos por pulgada)

• Indica cuantos píxeles están contenidos en un cuadrado de una pulgada de lado.

• Habitualmente la resolución es equivalente y se expresa con un solo dato para los parámetros horizontal y vertical.

• Ejemplos:

• 1200 dpi = l2OO x l2OO píxeles en una pulgada cuadrada • 100 x 200 dpi, (la resolución horizontal y vertical no coinciden).

Nota: La resolución estándar de un monitor de computadora está entre 72dpi – 130dpi

Tamaño 3 x 2” 300ppi

900x600px 298KB

Tamaño 3 x 2” 72ppi

216x144px 22.8KB

Ejemplos de formatos de archivo de “intercambio”.

Formato (extensión)

Nombre oficial

Profundidad de color

Compresión Comentario

.bmp Windows bitmap 1 a 24 bits No Tamaño de archivo muy grande

.gif Graphics Interchange

Format

8 bits Si Permite transparencia y animación, usado en Web

.pict, .pic 2 a 32 bits Si Fue muy usado en Mac

.jpg, .jpe Joint Photographic Experts Group

24 bits Si Formato más usado en Web por flexibilidad

.tga, .vda Truevision Targa 16 a 32 bits No Exportación a video

.png Portable Network Graphics

24 bits Si Es un gif mejorado

.tif Tag Image File Format

24 a 32 bits Si Uso estándar para imprenta

.eps Encapsulated PostScript

Vectorial Surgió como alternativa al PostScript en PC

Ejemplos de formatos de archivo “propietarios”.

Formato (extensión)

Nombre oficial

Profundidad de color

Programa

.psd Photoshop document

Hasta 32 bits Adobe Photoshop. Utilizado más para mapa de bits aunque soporta vectores

.pdf Portable document format

Hasta 32 bits Formato de exportación de documentos de adobe, permite interactividad.

.ai Adobe Illustrator document

Hasta 32 bits Adobe Illustrator. Utilizado para vectores.

.dxf Drawing Interchange

format

Autocad. Formato vectorial.

RAW y DNG

• Imagen sin tratamiento previo por parte del software de la cámara

• Para abrirlas es necesario un programa propietario o un “filtro” en Photoshop. Propuesta alternativa “.dng” negativo digital.

– Mayor calidad de imagen – No tienen compresión previa (imagen nativa de 12 o 14 bits) – Permiten ajustes manuales de Sharpening, balance de blancos,

contraste, saturación, etc. – Permiten asignar perfiles de color conservando más semejanza con la

imagen real, al no asignar uno directamente en la captura de la mism – Permiten corregir exposicón (1 o 2 pasos)

High Dynamic Range Image (HDRI).

• Imágenes con un rango dinámico mucho mayor a una imagen normal.

• Compuestas a partir de varias fotografías tomadas a distintas exposiciones.

High Dynamic Range Image (HDRI).

Imagen de Ryan McGinnis

Fundamentos de Imagen Digital - fergut.com · Profundidad de color Programa .psd Photoshop document Hasta 32 bits Adobe Photoshop. Utilizado más para mapa de bits aunque soporta

Documents

Router Bits - CMT Woodworking Cutting Tools · Router Bits....

Autocad 2008 32 Bits en Windows 64 Bits

Notas de la versión de Cisco WebEx Event Center (versión.....

Geothermal Direct-Use and Geothermal … and Geothermal...

BITS ECHO - Volume 02, Issue 01 - BITS Pilani

Ask A Biologist - Biology Bits -...

Photoshop - Photoshop Tips and Tricks

DominanDo o PhotoshoP® Cs5 1 01 Photoshop Cs5 ·...

Sesión 02 La Jerarquía Normativa de las Leyes Dr. Fernando...

BITS Pilani Pilani Campus BITS Pilani Pilani Campus

DLX Instruction...

Modos de fusión Mapas de bits Filtros - Photoshop...

CLASE 1 “Imágenes de mapa de bits: características y...

“2 bits, 4 bits, 6 bits a Byte”Comp411 – Spring 2013.....

GRA617 – Photoshop Tools– Photoshop CS6 1 Photoshop...

CLASE 1 “Imágenes de mapa de bits: características y...