Centro de Nuevos Medios. Fundamentos de imagen digital

Transcripción

1 Fundamentos de imagen digital

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

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

4 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.

5 Imagen de mapa de bits vs. Imagen vectorial Imagen de Mapa de Bits Ventajas Desventajas Ideal para representar fotografías y video real Imagen Vectorial 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. El tamaño del archivo Las fotografías convertidas a cambia en razón de este formato tienen un tamaño la resolución y el mucho mayor que las de mapa tamaño de la imagen. de bits. Pérdida de resolución al escalar.

6 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?

7 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.

8 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.

9 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.

10 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

11 Consideraciones generales sobre los Modelos de Color. RGB Usos - Mayor gama de colores. - Utilizado por Monitores, Proyectores, etc. CMYK - 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.

12 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)

13 1 bit por píxel 21 = 2 colores 2 bits por píxel 22 = 4 colores 8 bit por píxel = 256 colores 8 bits por píxel 28 = 256 colores (grayscale) 28 4 bits por píxel 24 = 16 colores 4 bits por píxel = 16.7 millones de colores 224

14 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.

15 Ejemplos de espacios de color ProPhoto. Mayor rango de colores. Adobe RGB. Recomendado para dispositivos recientes. srgb. Modelo más seguro de representación Ejemplo de rango de color en una impresora Epson 2200.

16 Ejemplos de espacios de color ProPhoto AdobeRGB srgb

17 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.

18 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).

19 Compresión espacial Calidad original JPEG 100% Quality 89KB

20 Compresión espacial Calidad media JPEG 20% Quality 7.5KB

21 Compresión espacial Calidad baja JPEG 3% Quality 4.6KB

22 Comparativa Calidad original JPEG 100% Quality 89KB Calidad baja JPEG 3% Quality 4.6KB

23 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.

24 Compresión temporal

25 Compresión temporal

26 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)

27 Resolución por tamaño (pixel resolution) Tamaño 640 x 480 pixeles 147KB

28 Resolución por tamaño (pixel resolution) Tamaño 320 x 240 pixeles 37.7KB

29 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

30 Resolución por densidad. Tamaño 3 x 2 300ppi 900x600px 298KB

31 Resolución por densidad. Tamaño 3 x 2 72ppi 216x144px 22.8KB

32 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 2 a 32 bits Si Fue muy usado en Mac.pict,.pic.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

33 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.

34 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)

35 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.

36 High Dynamic Range Image (HDRI). Imagen de Ryan McGinnis