Píxel: • La menor unidad que compone una imagen digital. • La palabra proviene de (picture element).
Centro de Nuevos Medios
José Pablo Macías Ortega [email protected]
Imagen de mapa de bits (Raster) • Imagen compuesta a partir de píxeles.
Centro de Nuevos Medios
José Pablo Macías Ortega [email protected]
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.
Centro de Nuevos Medios
José Pablo Macías Ortega [email protected]
Imagen de mapa de bits vs. Imagen vectorial
Centro de Nuevos Medios
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.
José Pablo Macías Ortega [email protected]
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?
Centro de Nuevos Medios
José Pablo Macías Ortega [email protected]
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.
Centro de Nuevos Medios
José Pablo Macías Ortega [email protected]
Modelo RGB (colores luz o mezcla aditiva)
Centro de Nuevos Medios
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.
José Pablo Macías Ortega [email protected]
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.
Centro de Nuevos Medios
José Pablo Macías Ortega [email protected]
Modelo CMYK (modelo substractivo o colores tinta)
Centro de Nuevos Medios
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
José Pablo Macías Ortega [email protected]
Consideraciones generales sobre los Modelos de Color.
Centro de Nuevos Medios
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.
José Pablo Macías Ortega [email protected]
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)
Centro de Nuevos Medios
José Pablo Macías Ortega [email protected]
Centro de Nuevos Medios
1 bit por píxel 21 = 2 colores
2 bits por píxel 22 = 4 colores
4 bits por píxel 24 = 16 colores
8 bit por píxel 28 = 256 colores
8 bits por píxel 28 = 256 colores
(grayscale)
4 bits por píxel 224 = 16.7 millones
de colores
José Pablo Macías Ortega [email protected]
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.
Centro de Nuevos Medios
José Pablo Macías Ortega [email protected]
Ejemplos de espacios de color
Centro de Nuevos Medios
• 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.
José Pablo Macías Ortega [email protected]
Ejemplos de espacios de color
Centro de Nuevos Medios
ProPhoto AdobeRGB sRGB
José Pablo Macías Ortega [email protected]
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.
Centro de Nuevos Medios
José Pablo Macías Ortega [email protected]
• 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).
Centro de Nuevos Medios
José Pablo Macías Ortega [email protected]
• Compresión espacial
Centro de Nuevos Medios
Calidad original JPEG 100% Quality
89KB
José Pablo Macías Ortega [email protected]
• Compresión espacial
Centro de Nuevos Medios
Calidad media JPEG 20% Quality
7.5KB
José Pablo Macías Ortega [email protected]
• Compresión espacial
Centro de Nuevos Medios
Calidad baja JPEG 3% Quality
4.6KB
José Pablo Macías Ortega [email protected]
• Comparativa
Centro de Nuevos Medios
Calidad baja JPEG 3% Quality
4.6KB
Calidad original JPEG 100% Quality
89KB
• 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.
Centro de Nuevos Medios
José Pablo Macías Ortega [email protected]
• Compresión temporal Centro de Nuevos Medios
José Pablo Macías Ortega [email protected]
• Compresión temporal Centro de Nuevos Medios
José Pablo Macías Ortega [email protected]
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)
Centro de Nuevos Medios
José Pablo Macías Ortega [email protected]
Resolución por tamaño (pixel resolution)
Centro de Nuevos Medios
Tamaño 640 x 480 pixeles
147KB
José Pablo Macías Ortega [email protected]
Resolución por tamaño (pixel resolution)
Centro de Nuevos Medios
Tamaño 320 x 240 pixeles
37.7KB
José Pablo Macías Ortega [email protected]
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
Centro de Nuevos Medios
José Pablo Macías Ortega [email protected]
Resolución por densidad.
Centro de Nuevos Medios
Tamaño 3 x 2” 300ppi
900x600px 298KB
José Pablo Macías Ortega [email protected]
Resolución por densidad.
Centro de Nuevos Medios
Tamaño 3 x 2” 72ppi
216x144px 22.8KB
José Pablo Macías Ortega [email protected]
Ejemplos de formatos de archivo de “intercambio”.
Centro de Nuevos Medios
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
José Pablo Macías Ortega [email protected]
Ejemplos de formatos de archivo “propietarios”.
Centro de Nuevos Medios
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.
José Pablo Macías Ortega [email protected]
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)
Centro de Nuevos Medios
José Pablo Macías Ortega [email protected]
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.
Centro de Nuevos Medios
José Pablo Macías Ortega [email protected]
High Dynamic Range Image (HDRI).
Centro de Nuevos Medios
José Pablo Macías Ortega [email protected]
Imagen de Ryan McGinnis