Presentacion - Fundamentos Imagen Digital

Centro de Nuevos Medios
Fundamentos de
imagen digital
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 Imagen Vectorial

Bits
Ventajas • Ideal para • Archivo de tamaño reducido.
representar • El tamaño de la imagen en bits
fotografías y video es independiente del tamaño
“real” de la imagen.
• No pierde resolución al escalar.
Desventajas • 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.

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 para impresión

- Utilizado por Monitores, - Menor gama de colores
Proyectores, etc.
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 2 bits por píxel 4 bits por píxel

21 = 2 colores 22 = 4 colores 24 = 16 colores
8 bit por píxel 8 bits por píxel 4 bits por píxel

28 = 256 colores 28 = 256 colores 224= 16.7 millones
(grayscale) 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
89KB

Calidad media
JPEG 20% Quality
7.5KB

Calidad baja
JPEG 3% Quality
4.6KB

• Comparativa
Calidad original Calidad baja

JPEG 100% Quality JPEG 3% Quality
89KB 4.6KB
• 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.



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
147KB

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 Nombre Profundidad de Compresión Comentario
(extensión) oficial color
.bmp Windows bitmap 1 a 24 bits No Tamaño de archivo muy

grande
.gif Graphics 8 bits Si Permite transparencia y

Interchange animación, usado en
Format Web
.pict, .pic 2 a 32 bits Si Fue muy usado en Mac
.jpg, .jpe Joint 24 bits Si Formato más usado en

Photographic Web por flexibilidad
Experts Group
.tga, .vda Truevision Targa 16 a 32 bits No Exportación a video
.png Portable Network 24 bits Si Es un gif mejorado

Graphics
.tif Tag Image File 24 a 32 bits Si Uso estándar para

Format imprenta
.eps Encapsulated Vectorial Surgió como alternativa
PostScript al PostScript en PC

Ejemplos de formatos de archivo “propietarios”.
Formato Nombre Profundidad de Programa

(extensión) oficial color
.psd Photoshop Hasta 32 bits Adobe Photoshop.

document Utilizado más para mapa
de bits aunque soporta
vectores
.pdf Portable Hasta 32 bits Formato de exportación

document format de documentos de
adobe, permite
interactividad.
.ai Adobe Illustrator Hasta 32 bits Adobe Illustrator.

document Utilizado para vectores.
.dxf Drawing Autocad. Formato

Interchange vectorial.
format

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


Presentacion - Fundamentos Imagen Digital

Cargado por

Información del documento

Título original

Derechos de autor

Formatos disponibles

Compartir este documento

Compartir o incrustar documentos

Opciones para compartir

¿Le pareció útil este documento?

¿Este contenido es inapropiado?

Copyright:

Formatos disponibles

Presentacion - Fundamentos Imagen Digital

Cargado por

Copyright:

Formatos disponibles

Centro de Nuevos Medios

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

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

Imagen de mapa de bits (Raster)

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

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

Imagen de mapa de bits vs. Imagen vectorial

Imagen de Mapa de Imagen Vectorial

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

¿Cuáles son los colores primarios?

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

Modelo RGB (colores luz o mezcla aditiva)

• Modelo de color basado en luz. Todos los colores se crean a

• Las siglas representan:

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

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

Modelo RGB (colores luz o mezcla aditiva)

CMYK (Modelo substractivo o colores tinta)

• Es un modelo de color basado en la absorción de la luz (mezcla

• Las siglas representan:

• En este modelo el color que muestra un objeto es el color

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

Modelo CMYK (modelo substractivo o colores tinta)

Consideraciones generales sobre los Modelos de Color.

Usos - Mayor gama de colores. - Utilizado para impresión

Nota: Se recomienda retocar siempre las imágenes fotográficas en RGB

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

Profundidad de color (Bitdepth)

• Un píxel es una unidad de color uniforme. A mayor numero de

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

– 1 bit por píxel: 21 = 2 colores.(Monocromo).

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

1 bit por píxel 2 bits por píxel 4 bits por píxel

8 bit por píxel 8 bits por píxel 4 bits por píxel

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

Espacio de color = perfil de color

• Una imagen sin un espacio de color asociado se ve con colores

• El espacio de color es un “intérprete” del modelo de color para

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

Modelo de color + perfil de color

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

Ejemplos de espacios de color

• ProPhoto. Mayor rango de

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

Ejemplos de espacios de color

ProPhoto AdobeRGB sRGB

Compresión de una imagen

• Para hacer manejable el tamaño de una imagen es

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

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

– La compresión espacial se refiere a la compresión que tiene

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

– A manera general la compresión busca colores similares y les

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

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

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

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

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

Calidad original Calidad baja

– 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

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