Asignatura

Procesamiento de Imágenes y Videos

Primera Unidad

Sesión Nro. 03

Imagen digital
apzi
consultores
 apzi
consultores
 La imagen digital La imagen digital está representado bidimensionalmente
por una imagen a partir de una matriz numérica
¿Qué es? empleando bits.
Es la representación visual de un objeto obtenido
Bit
mediante diferentes dispositivos electrónicos como Es la unidad mínima de información compuesta por
filmadoras, celulares, cámaras, escaners o técnicas dígitos binarios (1 y 0) que se emplea en la informática
generadas directamente por ordenadores. y en cualquier dispositivo de tipo digital.

Las imágenes digitales se representan con matrices de un número ejemplo:

de renglones por un número de columnas. Cada espacio dentro podemos tener una imagen de tamaño
de la matriz representa un nivel de gris (intensidad de color), y es 5x5 (5 renglones por 5 columnas), que
a lo que llamamos pixel. representan a 25 pixeles con su respectiva
intensidad de color. Se podría visualizar de
Pixel la siguiente manera, donde los valores 21,
Es la unidad mínima homogénea en color que forma parte de una 55, 88, 19, 63 representan un valor de gris
imagen digital y está representado por un cuadrado y su intensidad en dicha posición.
varía de acuerdo a la imagen que se encuentra componiendo.

Los sistemas de imágenes

adquieren los datos pixel
Esta imagen tiene una
a pixel, la imagen es
guardada como una grilla gran cantidad de pixeles,
de píxeles. si hacemos zoom en una
parte en específica,
podemos analizar
minuciosamente que
cada pixel tiene una
intensidad de gris
distinta.

apzi
consultores
 ▪ La luz
En el mecanismo de la visión participan
▪ El ojo
tres agentes:
▪ El cerebro
… la formación de la
imagen biológica La formación de imágenes
es un proceso mediante el
El punto de partida de todo sistema de percepción visual, ya sea biológico o automático cual una información
luminosa 3D (la escena) es
es la imagen. proyectada en un plano 2D
El proceso óptico de captación de una imagen implica la utilización Mundo 3D (la imagen).
Ojo
de algún tipo de sensor sobre el que se obtendrá la representación Los ojos son sistemas
Las cámaras digitales imitan el proceso que tiene lugar en el ojo humano.
bidimensional de la escena que aparece ante él. complejos que convierten
la información visual en El reflejo de la luz pasa a través de la córnea y el cristalino que actúan
impulsos nerviosos que como lentes para proyectar de forma nítida las imágenes en la
… el ojo posteriormente utiliza el superficie de la retina.
En los seres vivos el sistema de adquisición de imagen lo constituyen los ojos. cerebro para interpretar la
Los fotorreceptores de la retina transforman la proyección en impulsos
imagen percibida.
nerviosos que pasan al cerebro a través del nervio óptico.
película
Si comparamos el funcionamiento
La retina es la membrana más del ojo con el de una cámara
diafragma
interna del ojo, encontrándose en digital, el iris actuaría como
la parte posterior del ojo. Cuando diafragma, la retina como sensor,
el ojo está adecuadamente abertura y el cristalino como lente que
enfocado, la luz procedente de un permite acercar o alejar la
objeto externo al ojo se proyecta objetivo
proyección del objeto sobre el
sobre la retina. sensor para conseguir un buen
enfoque.
Los rayos luminosos que se
reflejan en la escena son La imagen que se forma en la
retina es invertida, pero recién
recogidos por el cristalino después de que el cerebro
que actúa como una lente y procese la información recibida
son proyectados sobre la diafragma la veremos realmente cómo es.
superficie por fibras que le rayos
pupila lente película
La fóvea en sí es un pequeño luminosos cristalino retina
unen al cuerpo ciliar. Fóvea imagen
entrante circular en la retina de objeto
alrededor 1.5 mm. de diámetro. La
densidad de fotorreceptores es
aproximadamente 150.000
elementos por milímetro cuadrado,
similar a un sensor de cámara.
apzi
consultores
 Una vez esta imagen es interpretada (leída), los ordenadores la transforman Puntos de Fósforo y Color
… la formación de la en una imagen visible a través de la pantalla e imprimible, a través de Imágenes Procesadas
En una cámara digital
imagen digital cualquier dispositivo de salida mediante un archivo digital.
los píxeles de los
Archivo digital captadores están
La gran ventaja del archivo digital es que puede duplicarse y formados por unos
copiarse tantas veces como se quiera. monitor elementos fotosensibles llamados
puntos de fósforo, que crean una Los puntos de fósforo
Es un dispositivo que convierte una señal analógica variable en corriente eléctrica de acuerdo convierten los rayos de luz en
el tiempo a una representación de números digitales de la conversor analógico a digital con la intensidad el tiempo de cargas eléctricas.
amplitud de esa señal. exposición a la luz recibida.
conversión ADC
Detector o sensor sólido de imagen, constituido dígitos binarios Desde un punto de vista eléctrico,
por ciertos de miles de receptores fotosensibles dispositivo de carga acoplada el captador es el mismo. Cada
(fotodiodos) punto de fósforo está cubierto
sensor CCD simplemente por un filtro rojo,
verde o azul.
El color de cada pixel en una pantalla se obtiene mediante filtro
tres elementos separados ( ): los luminóforos RGB ejemplo:
un filtro rojo detiene los rayos Un filtro cromático solo deja
verdes y azules, pero deja pasar pasar su propio color.
llamado como filtro de absorción de calor, está filtro
diseñados para reflejar o bloquear las longitudes el componente rojo de la luz.
infrarojo
de onda infrarroja dejando pasar la luz del zona de almacenamiento
Transferencia de una imagen
espectro visible cargos de fotodiodos

Cuando se toma una fotografía,

es la luz captada por el objetivo de los varios millones de puntos de
lente
una cámara digital fósforo del captador contienen
diferentes cargas eléctricas.
La cámara digital debe ahora
escena original acopiarlas en forma de un
archivo de imagen; para esto,
… la calidad de imagen, debe enviar el contenido de
se determina fundamentalmente por todos los puntos de fósforo a la … hacia la memoria
los factores de resolución y tamaño, memoria de la cámara digital. Se desplaza las cargas eléctricas
aunque también inciden otros En una fracción de segundos, se del captador de una a otra zona
componentes como: transfieren todas las cargas de almacenamiento antes de
• Contraste enviarlas a la memoria.
eléctricas almacenadas en los
• Cantidad de color puntos de fósforo a una zona de acopio, liberando los captadores.
• Ausencia de defectos, etc.
Después, se desplaza las cargas de una a otra zona
y se les transfiere a la memoria. Durante esta
operación, se amplifica las cargas eléctricas.
apzi
consultores
 … representación digital
de la imagen
Estamos acostumbrados a considerar las imágenes 𝑦 Desde un punto de vista matemático nos podemos referir
como una representación inherentemente continua. a una imagen como una función bidimensional 𝑓 𝑥, 𝑦 de
intensidad luminosa (que denominamos nivel gris) donde:
No obstante, si se quiere estudiar y analizar
automáticamente una imagen en un ordenador El punto 𝑥, 𝑦 representa las coordenadas espaciales.
de naturaleza digital, se hace necesario un La digitalización de las coordenadas espaciales 𝑥, 𝑦
proceso previo de transformación de la imagen, consistente en la toma de muestras sobre la imagen
en un principio continua, a un conjunto de se denomina muestreo de la imagen.
números sobre los que pueda trabajar el
ordenador; este proceso se le conoce como
digitalización de la imagen. 𝑓(𝑥, 𝑦)
Digitalización El valor de 𝑓 en un punto cualquiera 𝑥, 𝑦 es proporcional al
Es el proceso de transformar procesos
analógicos y objetos físicos (tangibles) nivel de brillo (luminosidad) o color de la imagen en este punto.
a datos digitales para que pueda ser La digitalización de la amplitud o nivel de brillo en cada punto
manejado por un ordenador, y por de la imagen se denomina cuantificación del nivel de gris.
medio de ella se pueda modelar y 𝑥
modificar, aprovechando para otros … entonces,
propósitos distintos de su cometido o
una imagen digital es una función 𝑓 𝑥, 𝑦x discretizada,
función originales.
tanto en las coordinadas espaciales como el brillo.
Ordenador Función discretizada
Es una máquina compuesta por un conjunto de circuitos Es el proceso que transforma datos cuantitativos
electrónicos comprimidos en una pastilla o chips de silicio, en datos cualitativos. Esta función se usa para el
siendo el propósito fundamental procesar las señales muestreo o discretización de señales analógicas.
electromagnéticas de un dispositivo a otro.

… de esta forma,
Escritorio Portátil Móvil Tablets la imagen continua 𝑓 𝑥, 𝑦 se representará mediante muestras
equiespaciadas organizadas en forma de matriz de dimensión 𝒎. 𝒏
donde cada elemento de la matriz es una cantidad discreta.
… esto se
le conoce como
imagen digital
nos referimos a cada elemento de este arreglo
como elemento de imagen o pixel.
apzi
consultores
 𝐺 = 2𝑘
𝐺 = 28
La imagen digital será una función que asigna a una pareja de números 𝐺 = 256
naturales (coordenadas del píxel) a otro número natural (nivel de gris).
𝑚 𝑛 𝐺
ejemplo:
Como el número de niveles de gris 𝐺 es siempre una potencia de 2: 𝐺 = 2𝑘
una imagen típica de resolución VGA 640 𝑥 480 píxeles y 256 niveles de gris.
imagen El número de bits 𝑏 requeridos para almacenar una imagen digital será: 𝑏 = 𝑚. 𝑛. 𝑘 requiere: 𝑏 = 𝑚. 𝑛. 𝑘
continua 𝑏 = (640). (480). (8) 𝑣𝑎𝑙𝑜𝑟𝑒𝑠
𝑏 = 2,457.600 𝑏𝑖𝑡𝑠
¿Cuántos píxeles y conversión: 𝑏 = 2,457.600 𝑏𝑖𝑡𝑠 Τ8 𝑏𝑖𝑡𝑠
… la imagen digital será una aproximación
niveles de gris se 𝑏 = 307,200 𝑏𝑦𝑡𝑒𝑠
de la escena
requieren para tener
una buena
aproximación? Cuanto mayor sea, más se aproximará la imagen digital a la
escena original

Sin embargo, es evidente que un incremento en el tamaño o en los

niveles de gris, incrementa espectacularmente las necesidades de
almacenamiento y de procesamiento.

Muestreo

Imagen Imagen Imagen Imagen

640 x 480 píxeles 64 x 48 píxeles 32 x 24 píxeles 16 x 12 píxeles
para manipular la imagen dentro de un
ordenador, la función imagen 𝑓(𝑥, 𝑦) debe
ser digitalizada, tanto a nivel espacial como
en amplitud y es el primer paso para el
tratamiento digital de la imagen.

Digitalización

256 niveles de gris 16 niveles de gris 8 niveles de gris 4 niveles de gris 2 niveles de gris apzi
consultores
 Ojo Humano
… comparación perceptual de la
imagen digital
La comparación debe establecer relaciones en
diferentes presentaciones (ojo humano, monitor
de ordenador e impresora), mediante la
constancia perceptual, reconociendo el objeto
mediante sus propiedades invariantes:
resolución, profundidad del color, tamaño, etc.

Monitor
Constancia perceptual
Es el fenómeno por el cual percibimos los
objetos como inalterables a pesar de los
cambios que producen en el mismo debido
a los cambios sensoriales. … la percepción de la imagen en
Una vez nos hemos formado una percepción diferentes presentaciones
estable del objeto lo reconocemos casi desde
cualquier ángulo:
▪ Constancia de la forma
▪ Constancia del tamaño
▪ Constancia del color

… entonces
¿Cuántos tipos de
imágenes digitales Impresora
conocemos?

apzi
consultores
 también se denomina como trazos de vectores.

\ \ \ figura

… tipos de • Imagen vectorial \begin (imagen vectorial)

\foto (25,25,25,25)
Se basan en una serie de coordenadas matemáticas que definen manchas
imágenes digitales \end (imagen vectorial)
de color y líneas, así como su posición, forma, etc., y que no se dividen en
unidades mínimas de información como los píxeles.

Una imagen vectorial permite representar únicamente formas simples,

lo que significa que no todas las imágenes se puede describir todas las
imágenes con vectores. archivo

• Módulo: imagen vectorial

La longitud del segmento (siempre mayor
𝐵 o igual a 0), se representa por 𝐴𝐵
Vector
• Dirección: es todo segmento de recta dirigido en el espacio que tiene
𝐴𝐵 Es la dirección determinada por la recta que tipos de formatos
un origen y que poseen características determinados.
pasa por los puntos 𝐴 y 𝐵 (estáticas)
𝐴 PostScrip Gráfico vector Formato portátil Adobe
• Sentido: escalable de documento illustrator
Encapsulados
Es el recorrido de la recta cuando nos
trasladamos de 𝐴 y 𝐵
Características de las imágenes vectoriales
A las imágenes vectoriales al estar compuestas
A D por entidades matemáticas, se le pueden aplicar • Los distintos objetos que componen una imagen vectorial
el rectángulo está
definido por cuatro las imágenes vectoriales a las imágenes transformaciones geométricas. pueden escalarse, cambiar de forma, color o posición
puntos (A,B,C,D) se componen y se geométrica independientemente del resto, de lo cual, cada
B C ‐ Ampliar
construyen a partir de objeto o vector tiene sus propias fórmulas matemáticas.
‐ Expandir
vectores que son objetos • Cada parte de una imagen vectorial es editable, puede
‐ Reducir
o figuras geométricas reutilizarse en otras imágenes, bastará con copiar y pegar
el círculo por centro P ‐ Mover
r definidas por una serie en otro archivo e incluso almacenarlos para un posterior
(P) y un radio (r) ‐ Retorcer
P’ puntos, líneas, polígonos uso.
‐ etc.
o segmentos que • Permiten definir una imagen con muy poca información y
Al aplicar estas transformaciones, las imágenes que ocupan menor memoria, lo que hace que los archivos
pueden modificarse para
no pierde nada de calidad, porque se estará tengan un tamaño bastante reducido.
la curva por dar una u otra forma a la
viendo líneas y manchas de colores • Permite hacer juegos con la tipografía de una forma más
varios puntos y imagen final.
𝑦= 𝑥3 − 13𝑥 − 12 perfectamente definidas. avanzada que las imágenes pixeladas.
una ecuación

… se trata de imágenes formadas por multitud de vectores que guardan su información

mediante expresiones matemáticas. apzi
consultores
 también se denomina como bitmap, pixmap, imagen matricial,
imagen rasterizada o mosaico de píxeles.

… tipos de • Imagen mapa de bits

Son imágenes que se forman a partir de puntos de color o raster llamados
imágenes digitales
píxeles, que están dispuestos en una estructura de forma cuadrangular con
un número de píxeles formados en líneas horizontales y verticales.

Cada punto de color o píxel que se representa en la imagen debe contar

con la correspondiente información del color, la cuál, para el pixel presenta
transparencia o no. A ésta transparencia debe lograrse la combinación de
los colores primarios.

zoom 400% imagen mapa de bits

Colores primarios
son aquellos que no se pueden obtener mediante la mezcla de
ningún color, es decir, son colores absolutos con características rojo amarillo azul … inconveniente
plenamente diferenciadas entre sí. cuando la imagen se amplía mucho, se distorsiona,
mostrándose el mosaico con los píxeles y una
Para poder obtener las imágenes se emplean dispositivos electrónicos dispositivos degradación en los colores llegando al efecto pixelación
que admiten la conversión de analógicos a digital como los escáneres y electrónicos debido a la deformación de la respectiva imagen.
las cámaras digitales que crean las imágenes en este formato.
escáner cámara digital
BMP
de acuerdo a la profundidad de color (en bits por píxel), que refleja
la cantidad de colores que se pueden almacenar en cada pixel, tipos de
mediante el número de bits asignado a un pixel individual determina formatos
el número de colores que se pueden asignar a dicho pixel. (estáticas)
Gráfico de Red Formato de Grupo Conjunto Formato de Bit Map
Portátil Archivo de Imagen de Expertos en Intercambio de Pictures
es la unidad mínima homogénea en color que forma parte de Etiquetada Fotografía Gráficos
una imagen digital y está representado por un cuadrado y su Pixel
intensidad varía de acuerdo a la imagen que se encuentra Características de las imágenes mapas de bits
componiendo.
ejemplo: • La imagen esta compuesta por una matriz llamada “píxeles”.
si cada pixel se representa con 4 bits, a un pixel determinado se le • Van perdiendo calidad cada vez que son modificados y almacenados.
podrá asignar 1 entre los 16 colores distintos • Dependen el número de píxeles (mayor calidad = mas espacio en memoria).
24 = 16 colores distintos • Dependen de la calidad de píxeles que conforman la imagen no se podrá ampliar la imagen sin
que ésta se vea afectada.
… otros ejemplos:
28 = 64 colores distintos 8 bits color ( ) rojo … en fotografía avanzada y digitalización de imágenes profesional se utilizan profundidades
224 = 276 colores distintos 8 bits por canal de color 8 bits color ( ) amarillo
aún mayores, expresadas siempre en valores de bits/canal de color en lugar de la suma
248 = 2304 colores distintos 8 bits color ( ) azul
apzi
de los 3 canales. consultores
 a𝑙𝑡𝑜
(𝑣𝑒𝑟𝑡𝑖𝑐𝑎𝑙) 𝒚

… tipos de • Imagen 3D
Son imágenes que pretenden transmitir la proyección de
imágenes digitales
algo visual en el espacio tridimensional, donde el 3D
permite ver la forma un objeto, un espacio o una escena,
teniendo en cuenta sus tres dimensiones (altura, ancho y 𝒙
profundidad). a𝑛𝑐ℎ𝑜
(ℎ𝑜𝑟𝑖𝑧𝑜𝑛𝑡𝑎𝑙)
Al dibujar con esta técnica, se conjuega el espacio 𝒛
𝑙argo
real con el de los objetos y sus volúmenes, mediante (𝑝𝑟𝑜𝑓𝑢𝑛𝑑𝑖𝑑𝑎𝑑)
la utilización de los tres ejes coordenados X, Y, Z, y
analizando cómo éstos interactúan entre si.
imagen 3D
Al relacionar el dibujo o gráfico con un ordenador y un programa
de modelado no solo se aprecian estas dimensiones sino que
comienzan a tener importancia la luz, las sombras, los reflejos o tipos de formatos
las texturas, entre otros elementos. (estáticas y dinámicas)
BLENDER

𝑃𝑎𝑟𝑎𝑙𝑒𝑙𝑒𝑝í𝑝𝑒𝑑𝑜 𝑢 𝐶𝑖𝑙𝑖𝑛𝑑𝑟𝑜 𝐸𝑠𝑓𝑒𝑟𝑎 𝐶𝑜𝑛𝑜𝑠 𝑃𝑖𝑟á𝑚𝑖𝑑𝑒

𝐶𝑢𝑏𝑜 toda esta información
𝑜𝑟𝑡𝑜𝑒𝑑𝑟𝑜
hace posible crear un
modelo en 3D.

4 3 1 2 𝑎2
El proceso de la creación de imágenes tridimensionales se basa 𝑉 = 𝑎3 𝑉 = 𝑎. 𝑏. 𝑐 𝑉 = 𝜋𝑟 2 . ℎ 𝑉= 𝜋𝑟 𝑉= 𝜋𝑟 . ℎ 𝑉= .ℎ
3 3 3
en un grupo de fórmulas matemáticas muy claras y precisas.
… por lo tanto, se describen: El proceso de transformación de un modelo en 3D
hacia una imagen 3D es llamado renderización. Características de las imágenes 3D
‒ Objetos poligonales
‒ Tonalidades, Texturas, Sombras y Reflejos • La imagen 3D puede ser tratada como una imagen estática
‒ Transparencias, Translucidez y Refracciones Renderización o darle movimiento (animación).
‒ Iluminación (directa, indirecta y global) Es el proceso que permite obtener imágenes digitales • La imagen 3D puede almacenarse en cualquier formato
‒ Profundidad de campo tomadas del modelo tridimensional, a través de software gráfico ráster.
dedicados. Estas imágenes tienen como finalidad simular de • Múltiples imágenes en 3D constituyen una animación 3D.
‒ Desenfoques por movimiento • Básicamente se puede dividir en dibujo en 2D y modelado
‒ Ambiente, Punto de vista, etc. manera fotorrealista ambientes, materiales, luces, objetos
en 3D.
de un proyecto y de un modelo 3D. apzi
consultores
 … tipos de • Imagen animada
Es aquella imagen que se caracteriza por el movimiento
imágenes digitales
que presenta; mientras tanto, tal estado es posible
gracias a la animación.

Animación
Es un proceso que se ejecuta para crear en el
espectador esa sensación de movimiento ya sea a partir
de imágenes o de dibujos.
imagen animada
Existen muchísimas técnicas y métodos que se emplean para crear
el mencionado movimiento.

A partir de cuadros que pueden realizarse, dibujando, tipos de formatos

pintando o fotografiando, los minúsculos cambios se (dinámicas)
irán efectuando de manera repetida a un modelo de
realidad o en su defecto a un modelo tridimensional
(X, Y, Z) virtual; asimismo es posible la animación de Características de las imágenes animadas
actores y de objetos que pertenecen a la realidad.
• Conjunto de imágenes estáticas que se van alternando de forma secuencial.
• La imagen animada está compuesto de varios fotogramas que van apareciendo correlativamente.
En computación, una animación 3D hace referencia a un tipo de animación que simula • La imagen animada es tan ligera que se reproduce de forma inmediata incluso al visualizarlo desde un equipo móvil.
las tres dimensiones; se trata de la descripción de los objetos de un modelo 3D a lo
largo del tiempo.
La animación se renderiza en tiempo real, consumiendo gran cantidad
de memoria y procesamiento. Para que este tipo de animación sea
Para que exista la animación, esa descripción debe variar en algo con respecto al posible, muchas veces es necesaria una placa aceleradora de gráficos
tiempo: que ayude al microprocesador.
Una animación que se renderiza Este tipo de animación se utiliza especialmente en juegos en 3d, donde
‒ Movimiento de objetos en tiempo real cuando se está el dinamismo, la velocidad y la necesidad de diferentes ángulos y
‒ Cámaras … entonces, ejecutando. radica en el momento de renderizado movimientos, es fundamental.
‒ Cambio de luces puede tratarse de: de la animación, es decir, el proceso
‒ Formas, etc. de convertir las fórmulas matemáticas La animación del modelo en 3d se renderiza primero, y luego se puede
Una animación que utiliza tres en imágenes digitales. visualizar como un video digital. El trabajo pesado se realiza una sola
dimensiones (X, Y, Z) pero ya ha
vez y luego se puede ejecutar como video, lo cual no consume mucho
sido renderizada previamente,
por lo tanto sólo se trata de un procesamiento.
video. Ejemplos de este tipo de animaciones son las películas y
dibujos animados en tres dimensiones.
apzi
consultores
En la actualidad, el desarrollo tecnológico ha posibilitado un enorme Cámara digital
avance en el mundo de las imágenes. Estos componentes
permiten muchas
Existen diversas técnicas para el tratamiento de imágenes, donde posibilidades impensables
podemos considerar que los elementos de una imagen pueden ser Ordenador de desarrollar un estudio
administrada por el mismo componente tecnológico. sobre las imágenes.
El tratamiento o procesamiento digital corresponde al conjunto de técnicas
aplicadas a las imágenes digitales con el objetivo de mejorar la calidad, Programas de retoque
añadir efectos, realizar montajes o facilitar la búsqueda de información.
Ejemplos:

Eliminación de figuras Retoque fotográfico para mejorar imágenes antiguas Colorear una imagen

… pero
¿Cuáles son las propiedades
de una imagen?

Diferentes filtros en imágenes

apzi
consultores
 Lógicamente, cuanto mayor sea ésta resolución, más
contenedores de información (píxeles o puntos) tiene la
Es una medida de longitud del sistema inglés.
Pulgada imagen, por lo tanto, se traduce en obtener una imagen con
El símbolo de la pulgada es in, también se puede expresar con comillas “
… Propiedades de la ejemplo: 5 in … 5” … 5 plg.
más detalle (nitidez) o calidad visual y más peso en
megabytes (MB).
imagen digital ejemplo:
Se mide en ppp (píxeles o puntos por pulgada) Una resolución de 300 ppp:
¿Cómo se mide? 300 𝑝𝑝𝑝 𝑎𝑛𝑐ℎ𝑜 𝑥 300 𝑝𝑝𝑝 𝑎𝑙𝑡𝑜 = 90.000 𝑝í𝑥𝑒𝑙𝑒𝑠
o en inglés dpi (dots per inch).
Resolución … gracias a esta fórmula, resulta fácil conocer la dimensión
La resolución representa la cantidad de detalle que puede observarse en una máxima de un tiraje.
𝑦 imagen, bien sea obtenida mediante escáner, cámara de fotos o impresa. Para las imágenes digitales
1 plg. 2 plg. 4 plg. 10 plg. almacenadas como mapa de
pixel bits, la convención es describir
la resolución de la imagen con
dos números enteros:
1 plg. 2 plg. 4 plg. 10 plg. 4𝑥4 4x4
cantidad de filas de píxeles
…. ¿Cuántos píxeles tiene la imagen a lo alto?
1 2 4 10 cantidad de columnas de píxeles
¿Cuántos píxeles tiene la imagen a lo ancho?
1 ppp 2 ppp 4 ppp 10 ppp

𝑥 1x1 2x2 4x4 10 x 10 16 x 16 24 x 24 36 x 36 72 x 72

Cuadrado verde en distintas resoluciones

Baja Media Alta
1 plg.
2 píxeles (ancho) x 2 píxeles (alto)

4 plg 6 plg 12 plg

Resolución

5 px 1 pixel
4 px 8 px 16 px

5 px 10 px 18 px 40 px Densidad
4 𝑝𝑥 8 𝑝𝑥 16 𝑝𝑥
𝑟𝑒𝑠𝑜𝑙𝑢𝑐𝑖ó𝑛 = 𝑟𝑒𝑠𝑜𝑙𝑢𝑐𝑖ó𝑛 = 𝑟𝑒𝑠𝑜𝑙𝑢𝑐𝑖ó𝑛 =
4 𝑝𝑙𝑔 4 𝑝𝑙𝑔 4 𝑝𝑙𝑔
5 𝑝𝑥
𝑟𝑒𝑠𝑜𝑙𝑢𝑐𝑖ó𝑛 = = 5 𝑝𝑝𝑝 𝑟𝑒𝑠𝑜𝑙𝑢𝑐𝑖ó𝑛 = 1 𝑝𝑝𝑝 𝑟𝑒𝑠𝑜𝑙𝑢𝑐𝑖ó𝑛 = 2 𝑝𝑝𝑝 𝑟𝑒𝑠𝑜𝑙𝑢𝑐𝑖ó𝑛 = 4 𝑝𝑝𝑝
1 𝑝𝑙𝑔
10 px 18 px 40 px apzi
consultores
 ▪ Resolución de Pantalla Tamaño absoluto
Representa el número de píxeles por pulgada (ppp) que es La anchura y la altura de la pantalla del monitor, medido generalmente
capaz de mostrar en un monitor del ordenador. en pulgadas; este tamaño va depender del monitor.
… Propiedades de la Resolución o tamaño relativo
La resolución de pantalla viene dada por el producto del ancho
imagen digital Viene determinada por el número de píxeles que se
x alto, medidos ambos en píxeles, con lo que se obtiene una muestran en la pantalla del monitor; esta resolución va
relación llamada relación de aspecto. depender de la tarjeta gráfica.
Relación de aspecto
La relación de aspecto puede variar, ya que está de acuerdo
a la forma del monitor y de la tarjeta gráfica o de video.
Monitor Tarjeta gráfica
… por ello, se pueden diferenciar dos tamaños de pantalla:

▪ Resolución de una Cámara Digital

La cantidad de resolución de las cámaras digitales se ejemplo:
expresan en MegaPíxeles (MP). una cámara digital de 12 MP puede
tomar una fotografía con 12 millones
… para saber de píxeles (12,000.000 de píxeles)
¿Cuál es la resolución de una cámara digital?
debemos de conocer los píxeles de ancho x alto a los que es
capaz de obtener una imagen.
Tipos de Resoluciones ejemplo:
una cámara digital capaz de obtener una imagen de 1600 x 1200 px tiene una resolución de 1,92 Mpx = 1,920.000 px

▪ Resolución de Impresión
En una impresora, se refiere
al número de puntos por
pulgadas (ppp) a los que se
puede imprimir una imagen 300 ppp 600 ppp
150 ppp – 200 ppp
digital de calidad. impresión óptima
impresión fotográfica impresión lineal
Si queremos asegurarnos, debemos alcanzar los 300 A mayor calidad por 600 ppp si la
A partir de 150 ppp podemos decir que ppp, porque muchas veces la óptica de la cámara
la resolución de impresión es buena impresión se considera mapas lineales.
digital, la limpieza del objetivo o el procesador de
(calidad aceptable). imágenes de la cámara disminuye la calidad.

▪ Resolución de Escaneado Habitualmente en imágenes digitales se trabaja con tres resoluciones:

Depende de los componentes del escáner y de • 300 ppp (Alta resolución): destinada a impresión y laboratorios digitales.
los parámetros a los que queremos escanear. • 150 ppp (Mediana resolución): destinadas a impresión de calidad doméstica.
Lo mínimo suelen ser imágenes escaneadas Escáner de Escáner de • 72 ppp – 96 ppp (Baja resolución): destinadas a pantalla o aplicaciones web.
con una resolución por defecto de 200 ppp. mesa mano

apzi
consultores
 ▪ Modelo NCS
el modelo Natural Color System
(NCS) fue desarrollado por el
Instituto Escandinavo del Color
… Propiedades de la (Skandinavista Farginstitutet AB) de
Estocolmo en 1960.
imagen digital
▪ Modelo CIE
El modelo CIE XYZ y el modelo CIE
LAB. La CIE (Commission
Modos de Color Internationale de I´Eclairage)
propuso este modelo en 1931 como
Es el contenedor donde colocamos la información sobre cada basa sus modos de color en estándar de medida.
pixel de una imagen, definiendo el sistema que utilizamos para modelos establecidos para
▪ Árbol de Munsell
describir los colores en un entorno determinado. describir y reproducir el color. El logro de Munsell fue advertir que,
Modelo de colores Rojo dado que en estado puro unos
Es un modelo matemático abstracto que permite colores son más saturados que otros,
… podemos almacenar El modo de color determina el modelo de color Azul las relaciones se distorsionan cuando
una cantidad pequeña de representar los colores en forma numérica, utilizando
que se utiliza para mostrar en pantalla e típicamente 3 o 4 valores o componentes cromáticos.
el espectro se representa en una
datos de color en un forma regular.
contenedor muy grande, imprimir las imágenes.
▪ Sistema PANTONE
pero no podremos
PANTONE Inc. es una empresa con
almacenar una gran sede en Caristadt, Nueva Jersey
cantidad de datos de (Estados Unidos), creadora de un
color en un contenedor Verde sistema de control de color para las
muy pequeño. Estos son los modos de color más comunes y utilizados en las imágenes: artes gráficas.

Mapa de bits Escala de grises Indexado HSB RGB LAB CMYK ¿Qué es un canal de color?
Es un componente cromático de
un modo de color que puede
admitir diversas tonalidades.
R = Red (Rojo)
Canales G = Green (Verde)
RGB
B = Blue (Azul)

C = Cyan (Cian)
Canales M = Magenta (Magenta)
CMYK Y = Yellow (Amarillo)
K = Black o Key (Negro)

Con la información de color

1 canal 1 canal 1 canal 3 canales 3 canales 3 canales 4 canales proporcionada en cada uno de
1 bit/canal 8 bits/canal 8 bits/canal 8 bits/canal 8 bits/canal 16 bits/canal 16 bits/canal 8 bits/canal estos canales se elabora una gama
de colores específicas.
2 colores 256 colores 256 colores 256 colores Millones de colores Millones de colores 256 colores
…y
¿Cómo se describe estos modos de colores? apzi
consultores
 Síntesis Aditiva

… Propiedades de la Descripción de los Modos de Color

Es un modelo de color basado en la síntesis aditiva,
con el que es posible representar un color mediante R G B W
imagen digital la mezcla por adición de los tres colores de luz
primarios ( ).
… de este modo:
La intensidad de cada una de las componentes se R = Red (Rojo) se obtiene con (255,0,0)
En este modo, podemos especificar los colores
mide según una escala que va del 0 al 255 y cada G = Green (Verde) se obtiene con (0,255,0)
con los que vamos a trabajar con un máximo color es definido por un conjunto de valores
de 256 colores. B = Blue (Azul) se obtiene con (0,0,255)
escritos entre paréntesis (correspondientes a
valores "R", "G" y "B") y separados por comas. La ausencia de color, es decir el color negro
Utiliza un canal de color indexado de 8 bits. ( ), se obtiene cuando los tres componentes
son 0: (0,0,0).

Mapa de bits Escala de grises Indexado HSB RGB LAB CMYK

Síntesis Sustractiva
Es un modelo de color en síntesis sustractiva
que se utiliza en la impresión de imágenes en C M Y K
colores.
Es la versión moderna y más precisa del antiguo modelo
tradicional de coloración (RYB) que se utiliza aún en RYB
pintura y artes plásticas ( ).

El CMYK permite representar una gama de colores

más amplia que este último, y tiene una mejor adaptación a los medios
industriales.
C = Cyan (Cian).
1 canal 1 canal 1 canal 3 canales 3 canales 3 canales 4 canales Este modelo se basa en la mezcla M = Magenta (Magenta).
de pigmentos de los siguientes
1 bit/canal 8 bits/canal 8 bits/canal 8 bits/canal 8 bits/canal 16 bits/canal 16 bits/canal 8 bits/canal Y = Yellow (Amarillo).
colores para crear otros más:
2 colores 256 colores 256 colores 256 colores Millones de colores Millones de colores 256 colores K = Black o Key (Negro).

una escala de grises es una escala empleada en

la imagen digital en la que el valor de cada pixel
posee un valor equivalente a una graduación de
gris. Las imágenes representada de este tipo ¿Cómo se describe las
están compuestas de sombras de grises. Síntesis del color?

la misma foto en tres estados pictóricos o foto original con todos foto en versión de foto monocromo
modos de color: sus colores escala de grises de la representa los colores sin
representados. fotografía original. escala intermedia. apzi
consultores
 … Propiedades de la Descripción de las Síntesis de Color
imagen digital

Síntesis Aditivo del Color Síntesis Sustractivo del Color

Se denomina síntesis aditiva al color luz porque la suma o Se denomina síntesis sustractiva al
mezcla de los colores primarios (rojo, azul y verde) color materia a la obtención de colores
produce luz blanca. (cian, magenta y amarillo) porque
son creados mediante la absorción
El ojo humano percibe el color
por síntesis aditiva puesto que o sustracción de color de ciertas
los conos y bastiones (retina) longitudes de ondas por mezcla de
son sensibles a los colores pigmentos.
primarios del espectro visible.

Si mezclamos los colores primarios dos a dos obtenemos luz:

cian, magenta y amarillo.
Luz Verde
Luz Azul Luz Roja Luz Verde
con muchas
+ + = longitudes de ondas

Luz Blanca
Luz Roja
Se suman
longitudes de onda

Luz Azul
Luz Blanca

Filtros transparentes
Luces de color con solo
con tintes de color
algunas longitudes de onda

aplicaciones prácticas aplicaciones prácticas Impresora

más comunes … más comunes …
….. …..
Impresión
Televisor Monitor de ordenador Cines etc. etc.
offset

apzi
consultores
 … Propiedades de la Bits
imagen digital es una posición de memoria que puede
tener el valor 0 ó 1
cuanto mayor sea la profundidad de
Profundidad de Color color de una imagen, más colores
Se refiere a la descripción del número de bits utilizados para dispondrá y contendrá siempre la
representar el color de cada pixel de la imagen. paleta de colores, manifestando la
representación de matrices de
la profundidad también se conoce colores más sutiles.
como profundidad de bits por pixel imagen paleta de colores
(bpp), es decir, la cantidad de color que
Paleta de colores
hay en cada pixel, y se ocupa como es aquel que se utiliza para designar al conjunto de colores y
unidad de medida sobre todo cuando tonalidades existentes o elegidas para decorar, pintar,
se específica junto con el número de colorear algún objeto o superficie.
bits utilizados.
en la tabla podemos comprobar el número de colores Las cámaras digitales suelen asignar 12 bits por canal de color:
8 𝑏𝑖𝑡𝑠 = 1 𝑏𝑦𝑡𝑒
posibles según el número de bits de profundidad de color.
CÁMARA PROFUNIDAD
COLOR RESULTADO
DIGITAL DE EDITORES
Profundidad Colores Descripción

1 bit 2 valores 36 bits 24 bits Pérdida de información

8 𝑏𝑖𝑡𝑠 = 256 𝑐𝑜𝑚𝑏𝑖𝑛𝑎𝑐𝑖𝑜𝑛𝑒𝑠 2 bits 4 valores
𝑝𝑜𝑠𝑖𝑏𝑙𝑒𝑠 𝑑𝑒 0 𝑦 1 36 bits 48 bits La información se preserva
3 bits 8 valores
… entonces, 4 bits 16 valores 12 bits 36 bits 96 bits La información se preserva
la cantidad de 5 bits 32 valores
colores por canal 6 bits 64 valores
68,68 billones
varía de acuerdo ….. 7 bits 128 valores
a su cantidad de 8 bits 256 valores
bits. 223,77 trillones
8 bits/canal 16,7 millones
escala de 16 bits/canal 281 billones en muchos casos puede no coincidir la profundidad de bits de una
𝑙𝑎 𝑖𝑛𝑓𝑜𝑟𝑚𝑎𝑐𝑖ó𝑛 𝑞𝑢𝑒 𝑠𝑒 𝑝𝑢𝑒𝑑𝑒 𝑒𝑥𝑝𝑟𝑒𝑠𝑎𝑟 grises 24 bits/canal 16,7 millones imagen generada por una cámara fotográfica con la profundidad
𝑒𝑛 1 𝑏𝑦𝑡𝑒 8 𝑏𝑖𝑡𝑠 𝑒𝑠: de bits del programa en que se edita.
𝑐𝑜𝑚𝑜 𝑐𝑎𝑑𝑎 𝑏𝑖𝑡 𝑝𝑢𝑒𝑑𝑒 𝑠𝑒𝑟 0 ó 1, 𝑙𝑎
para no incurrir en errores de visualización es importante asegurar
𝑓ó𝑟𝑚𝑢𝑙𝑎 𝑚𝑎𝑡𝑒𝑚á𝑡𝑖𝑐𝑎 𝑝𝑎𝑟𝑎 ℎ𝑎𝑙𝑙𝑎𝑟 el
𝑛ú𝑚𝑒𝑟𝑜 𝑑𝑒 𝑐𝑜𝑙𝑜𝑟𝑒𝑠 𝑑𝑒 𝑙𝑎 𝑖𝑚𝑎𝑔𝑒𝑛 𝑒𝑠: que exista correspondencia entre lo que la cámara fotográfica
RGB puede generar y lo que un programa en concreto puede
𝑵𝒓𝒐. 𝒅𝒆 𝒄𝒐𝒍𝒐𝒓𝒆𝒔 = 𝟐𝒏 𝒃𝒊𝒕𝒔
manipular.
apzi
consultores
 una fotografía digital, cuando hablamos de nuestras imágenes
acostumbramos a manejar con cierta soltura conceptos como
… Propiedades de la tamaño, resolución o peso del archivo.
imagen digital algo absolutamente normal, ya que son características que
determinan su aspecto en los diferentes dispositivos.

Tamaño Para evitar confusiones, debemos diferenciar los

diferentes conceptos:
también conocida como “dimensión” y se
define con las dimensiones en píxeles de la Tamaño Digital Tamaño Físico Tamaño del Archivo
matriz o cuadrícula.
Es el número de píxeles (ancho x alto) que Es la imagen impresa, es decir, son las Hace referencia a la cantidad de memoria
una imagen digital es el resultado de una forman una imagen digital. dimensiones reales en términos de anchura física necesaria para almacenar una imagen
640 y altura una vez impresa. digital en un soporte informático de
matriz de píxeles que se reparten en filas y
almacenamiento (disco duro, USB, etc.).
columnas, la suma de todos los píxeles
repartidos en las filas y columnas es su
tamaño en píxeles.
640
si una imagen está formada por una matriz
de 800 columnas por 500 filas, tiene
entonces un tamaño de 800 x 500 píxeles.
También se le conoce como el término “peso” y se
ejemplo: mide en bytes o múltiplos.
Si tomamos una fotografía digital y nuestro
se expresa en Megapíxeles (millones de píxeles).
ordenador nos indica que su tamaño es:
Una cámara digital de 12 mpx puede Depende del tamaño de la imagen en píxeles y de
1024 𝑥 683 tomar una fotografía con 12 millones la resolución del dispositivo de salida (impresora).
... lo que es lo mismo de píxeles (12,000.000 de px)
columnas filas 1024 𝑥 683 = 699.392 px 𝑡𝑎𝑚𝑎ñ𝑜 𝑓í𝑠𝑖𝑐𝑜 𝑑𝑒 = 𝑡𝑎𝑚𝑎ñ𝑜 𝑒𝑛 𝑝𝑥𝑠 𝑥 2.54 𝑐𝑚/𝑝𝑙𝑔.
𝑖𝑚𝑎𝑔𝑒𝑛 (𝑐𝑚) 𝑟𝑒𝑠𝑜𝑙𝑢𝑐𝑖ó𝑛 𝑒𝑛 𝑝𝑝𝑝
px

El tamaño del archivo de una El peso de una fotografía digital depende de su

imagen es directamente tamaño en píxeles y de la profundidad de bits del
Dimensión Resolución proporcional al tamaño de la archivo.

Tamaño de alto y de imagen en píxeles.

Grado de “nitidez” Para un tamaño físico constante:
ancho de una imagen. de una imagen. ▪ Mayor resolución implica mayor número de píxeles (mayor
El tamaño del archivo de una “peso” del archivo) y mayor definición.
imagen depende del N° de cada ▪ Disminuir la resolución implica reducir el número de píxeles
pixel, es decir, del Modo de Color. que la componen y por tanto su nivel de detalle. apzi
consultores
 Interpretación de imágenes
Niveles de Procesamiento de la Imagen
procesamiento de imágenes ▪ Orienta al proceso de interpretación de los entes obtenidos en los
Se pueden descomponer los procesos según niveles inferiores y se utilizan modelos o conocimiento a priori del
para su análisis,
mejora de la información el grado de complicación e inteligencia que problema.
almacenamiento, transmisión
gráfica para la llevan aparejados. ▪ Se caracteriza por el uso explícito de conocimiento acerca de la
y representación, destinados a
percepción humana la percepción automática escena.
▪ Procesamiento guiado por objetos o fines a cumplir.
Nivel ▪ Empleo de técnicas propias de inteligencia artificial.
Alto ▪ Obtención de conocimiento o datos simbólicos acerca de la escena
partiendo de datos del tipo “imagen”
Interpretación Interpretación Procesamiento
Humana Máquina
de la imagen Nivel Segmentación de imágenes
▪ Segmentación, extracción de características,
Medio
transformaciones espectrales, codificación,
transmisiones, comprensión de imágenes, descripción,
captura, digitalización, almacenamiento, recuperación,
supresión de ruido, realce, etc.
Nivel ▪ Agrupa los elementos obtenidos en el nivel bajo para
Bajo obtener bordes, líneas, regiones, generalmente con el
propósito de segmentar la imagen.

Preprocesamiento de imágenes
▪ Se trabaja directamente con los puntos (pixels) para extraer
propiedades como el gradiente, profundidad, textura, color, etc.
▪ Poco uso del conocimiento acerca del contenido de las imágenes.
▪ Procesamiento guiado por operador humano o algún algoritmo de
alto nivel.
▪ A la entrada y salida se tienen datos del mismo tipo (imágenes).

… puntos a considerar para obtener buenos resultados en la investigación:

Problema u objetivo Dificultad Solución Información Relación entre los niveles

Obtener una descripción Este proceso es muy Descomponer el problema Se reduce y refina en cada No es siempre secuencial,
de una imagen complejo en varias etapas o niveles nivel hasta conseguir la sin que hay interacciones
de visión descripción deseada y retroalimentación

apzi
consultores
 Interpretación de imágenes
▪ Orienta al proceso de interpretación de los entes obtenidos en los
niveles inferiores y se utilizan modelos o conocimiento a priori del
problema.
▪ Se caracteriza por el uso explícito de conocimiento acerca de la
escena.
▪ Procesamiento guiado por objetos o fines a cumplir.
▪ Empleo de técnicas propias de inteligencia artificial.
▪ Obtención de conocimiento o datos simbólicos acerca de la escena
partiendo de datos del tipo “imagen”

Segmentación de imágenes
Nivel ▪ Segmentación, extracción de
Alto características,
transformaciones espectrales,
codificación, transmisiones,
Nivel comprensión de imágenes,
Medio descripción, captura,
digitalización, almacenamiento,
recuperación, supresión de
ruido, realce, etc.
procesamiento de ▪ Agrupa los elementos obtenidos
la imagen Nivel en el nivel bajo para obtener
Bajo bordes, líneas, regiones,
generalmente con el propósito
de segmentar la imagen.

Preprocesamiento de imágenes
▪ Se trabaja directamente con los puntos (pixels) para extraer
propiedades como el gradiente, profundidad, textura, color, etc.
▪ Poco uso del conocimiento acerca del contenido de las imágenes.
▪ Procesamiento guiado por operador humano o algún algoritmo de
… y otros alto nivel.
▪ A la entrada y salida se tienen datos del mismo tipo (imágenes).

Objeto Imagen … entonces

digital ¿Qué componentes integran para desarrollar
señal analógico conversor señal digital
el Procesamiento de Imágenes?
apzi
consultores
 conjunto de series finitas de reglas, instrucciones o
pasos que permiten describir las operaciones que
conducen a la solución de un problema.
componentes para desarrollar …
es necesario que un sistema basado en Procesamiento
de Imágenes debe de contener estos componentes.

evalúa y establece
relaciones dentro de los verifica y valida el
datos, prediciendo conjuntos de datos,
resultados en base al confirmando si cumplen
colección organizada de diseño del modelo con los requisitos
datos tabulados que propuesto. específicos.
contiene valores y
variedad de información. prueba de datos
ordenador algoritmos entrenamiento de datos
DOC
datasets

XLS

modelo

DB
VP FP
sistema que aprende
FN VN a reconocer patrones
específicos y tomar
conjunto de datos
decisiones a partir de
(características)
matriz de confusión un conjuntos de
datos.
colección de datos
relacionados y caracterizados exactitud precisión sensibilidad puntuación F1
depuración de datos (accuracy) (precision) (recall) (F1 score)
de un tema con diferentes
tipos de información. evalúa y mide el rendimiento del modelo
proceso de detectar y corregir o eliminar propuesto, comparando los valores predichos
registros incorrectos o corruptos de un con los valores reales del conjunto de datos.
conjunto de datos tabulados. apzi
consultores
… metodología para desarrollar
Procesamiento de Imágenes

apzi
consultores
… descripción de la metodología Juntando todo lo anterior, podemos obtener una estructura global de los
Procesamiento de Imágenes niveles del procesamiento en un sistema de visión genérica.

0 1 0 1 0 1 0 0 1 0 1 0 1 0 1 0 1 0 0 1 0 1 0 1 0 1 0 1 0

Adquisición y digitalización Procesamiento de la imagen

de imagen Nivel Bajo Nivel Medio Nivel Alto Resultado
Escenario a analizar
Es el proceso de capturar una Es el objeto final que se controlará
imagen y pasarla a algún formato de acuerdo a la información que se
Es el área que queremos capturar, procesó. Podría controlarse
donde se encuentra la información digital, se utiliza una cámara para
capturar la escena y después se mediante un brazo robótico,
que buscamos procesar; también motores, drones, etc.
se le conoce como una escena del envía a una unidad donde pueda
dominio. ser procesada.

Suavizado Detección de bodes Representación Descripción Reconocimiento Patrones

Preprocesamiento Segmentación Interpretación

La cámara normalmente captura ruido, por En esta etapa se procesa la

Es la obtención de características, en esta etapa información obtenida en la etapa
lo que debe de haber un preprocesamiento
haremos resaltar las características de la imagen que previa, se le da una interpretación,
para eliminar dicho ruido de la imagen
son de nuestro interés. Las operaciones que y se aplica una acción de acuerdo a
mediante una gran variedad de filtros. En
comúnmente se realizan aquí son: detección de lo analizado; dicha acción será la
ocasiones, también deben hacérsele
esquinas, colores, flujo óptico y formas, realce de que controle a la aplicación.
transformaciones geométricas como
bordes, entre otros. Aquí es donde se debe utilizar un
recortes o rotaciones, esto también se hace
buen software para todo este tipo de operaciones.
en esta etapa.

Es la que encapsula las particularidades

Base de conocimiento [Link]. Alex Zúñiga Incalla
de cada dominio concreto. apzi Auditor Forense
consultores