![Page 1: Aprendé a encontrar objetos en videos - Facundo Quirogafacundoq.github.io/courses/aa2018/res/01_imagenes.pdf · Facundo Quiroga. TEMARIO •Introducción al procesamiento de imágenes](https://reader033.vdocuments.net/reader033/viewer/2022050500/5f92d835a89a2e301d104f87/html5/thumbnails/1.jpg)
Aprendé a encontrar objetos en videos
Docentes:
Franco Ronchetti
Facundo Quiroga
![Page 2: Aprendé a encontrar objetos en videos - Facundo Quirogafacundoq.github.io/courses/aa2018/res/01_imagenes.pdf · Facundo Quiroga. TEMARIO •Introducción al procesamiento de imágenes](https://reader033.vdocuments.net/reader033/viewer/2022050500/5f92d835a89a2e301d104f87/html5/thumbnails/2.jpg)
TEMARIO
• Introducción al procesamiento de imágenes digitales
• Introducción a Python y numPy
• Imágenes color y Filtrado por color
• Filtros morfológicos
• Aplicación (2º día)
![Page 3: Aprendé a encontrar objetos en videos - Facundo Quirogafacundoq.github.io/courses/aa2018/res/01_imagenes.pdf · Facundo Quiroga. TEMARIO •Introducción al procesamiento de imágenes](https://reader033.vdocuments.net/reader033/viewer/2022050500/5f92d835a89a2e301d104f87/html5/thumbnails/3.jpg)
¿QUÉ ES UNA IMAGEN DIGITAL?
• Una imagen digital es una representación estructurada
y discretizada que modela a una imagen analógica, con
posibilidad de ser almacenada y procesada en un
sistema informático.
![Page 4: Aprendé a encontrar objetos en videos - Facundo Quirogafacundoq.github.io/courses/aa2018/res/01_imagenes.pdf · Facundo Quiroga. TEMARIO •Introducción al procesamiento de imágenes](https://reader033.vdocuments.net/reader033/viewer/2022050500/5f92d835a89a2e301d104f87/html5/thumbnails/4.jpg)
EL PROCESO DE DIGITALIZACIÓN
Iluminación
Objeto
Sistema de captura
Imagen DigitalMuestreo
![Page 5: Aprendé a encontrar objetos en videos - Facundo Quirogafacundoq.github.io/courses/aa2018/res/01_imagenes.pdf · Facundo Quiroga. TEMARIO •Introducción al procesamiento de imágenes](https://reader033.vdocuments.net/reader033/viewer/2022050500/5f92d835a89a2e301d104f87/html5/thumbnails/5.jpg)
IMAGEN DIGITAL
• La estructura de una imagen es
siempre una matriz de N x M
pixeles.
• El pixel, entonces, es la unidad de
información más pequeña en una
imagen digital
• Cada pixel representa un punto en
la imagen, de un color particular.
![Page 6: Aprendé a encontrar objetos en videos - Facundo Quirogafacundoq.github.io/courses/aa2018/res/01_imagenes.pdf · Facundo Quiroga. TEMARIO •Introducción al procesamiento de imágenes](https://reader033.vdocuments.net/reader033/viewer/2022050500/5f92d835a89a2e301d104f87/html5/thumbnails/6.jpg)
REPRESENTACIÓN INTERNA
N x M es la cantidad de pixeles,
o tamaño, de la imagen. Este
tamaño normalmente se lo
conoce como Resolución de la
imagen
M
N
A mayor resolución, mejor “calidad”
de la imagen.
![Page 7: Aprendé a encontrar objetos en videos - Facundo Quirogafacundoq.github.io/courses/aa2018/res/01_imagenes.pdf · Facundo Quiroga. TEMARIO •Introducción al procesamiento de imágenes](https://reader033.vdocuments.net/reader033/viewer/2022050500/5f92d835a89a2e301d104f87/html5/thumbnails/7.jpg)
REPRESENTACIÓN INTERNA
Cada pixel representa la
intensidad de luz en ese
punto y tiene que ser
representado discretamente
en una computadora.
¿Qué rango de valores se
necesitan?
![Page 8: Aprendé a encontrar objetos en videos - Facundo Quirogafacundoq.github.io/courses/aa2018/res/01_imagenes.pdf · Facundo Quiroga. TEMARIO •Introducción al procesamiento de imágenes](https://reader033.vdocuments.net/reader033/viewer/2022050500/5f92d835a89a2e301d104f87/html5/thumbnails/8.jpg)
REPRESENTACIÓN INTERNAComencemos con las imágenes B&N
1 1 0 0
0 1 0 1
1 0 1 1
Si a cada pixel le damos
un valor binario (0/1),
podríamos tener una
imagen con dos colores:
B&N
Nuestro Monitor interpreta los “0”
como color negro y los “1” como
color blanco
![Page 9: Aprendé a encontrar objetos en videos - Facundo Quirogafacundoq.github.io/courses/aa2018/res/01_imagenes.pdf · Facundo Quiroga. TEMARIO •Introducción al procesamiento de imágenes](https://reader033.vdocuments.net/reader033/viewer/2022050500/5f92d835a89a2e301d104f87/html5/thumbnails/9.jpg)
REPRESENTACIÓN INTERNAImágenes en escala de grises
0 1 2 3
2 2 3 1
2 0 3 1
Ahora bien, si a cada pixel
le damos la posibilidad de
tener 4 valores distintos,
podríamos tener 4 colores.
Interpretación de la imagen
(paleta de colores).
0
1
2
3
![Page 10: Aprendé a encontrar objetos en videos - Facundo Quirogafacundoq.github.io/courses/aa2018/res/01_imagenes.pdf · Facundo Quiroga. TEMARIO •Introducción al procesamiento de imágenes](https://reader033.vdocuments.net/reader033/viewer/2022050500/5f92d835a89a2e301d104f87/html5/thumbnails/10.jpg)
REPRESENTACIÓN INTERNAImágenes en escala de grises
0 1 2 255
128 2 180 1
30 40 70 1
8 bits
Profundidad de color: Entonces, a mayor rango de valores posibles, mayor cantidad de colores.
Esto se conoce como “profundidad de color”. Generalmente, la
profundidad se mide en “bits”.
1 bit = 2 colores
2 bits = 4 colores
8 bits = 256 colores
![Page 11: Aprendé a encontrar objetos en videos - Facundo Quirogafacundoq.github.io/courses/aa2018/res/01_imagenes.pdf · Facundo Quiroga. TEMARIO •Introducción al procesamiento de imágenes](https://reader033.vdocuments.net/reader033/viewer/2022050500/5f92d835a89a2e301d104f87/html5/thumbnails/11.jpg)
REPRESENTACIÓN INTERNAImágenes en escala de grises
96 55 42 30
120 110 50 32
175 132 115 105
180 182 152 122
En una computadora, estos valores
suelen estar expresados como
enteros, pero en ocasiones se
modelan como flotantes de 0 a 1.
![Page 12: Aprendé a encontrar objetos en videos - Facundo Quirogafacundoq.github.io/courses/aa2018/res/01_imagenes.pdf · Facundo Quiroga. TEMARIO •Introducción al procesamiento de imágenes](https://reader033.vdocuments.net/reader033/viewer/2022050500/5f92d835a89a2e301d104f87/html5/thumbnails/12.jpg)
IMÁGENES A COLOR
• Para representar imágenes a color, se utiliza un modelo de
percepción humana. Es un sistema aditivo de color.
• Este mismo modelo utilizan todas las pantallas (monitores,
celulares), incluyendo los antiguos TVs de tubos.
• Este modelo se basa en tres componentes de color: Rojo,
Verde y Azul (Red,Green,Blue - RGB).
• Con estos tres colores es posible formar cualquier otro
color, visible por un ser humano.Modelo RGB
![Page 13: Aprendé a encontrar objetos en videos - Facundo Quirogafacundoq.github.io/courses/aa2018/res/01_imagenes.pdf · Facundo Quiroga. TEMARIO •Introducción al procesamiento de imágenes](https://reader033.vdocuments.net/reader033/viewer/2022050500/5f92d835a89a2e301d104f87/html5/thumbnails/13.jpg)
IMÁGENES A COLORModelo RGB
¿De qué color es esta imagen? El efecto se produce por un fenómeno de la visión humana
![Page 14: Aprendé a encontrar objetos en videos - Facundo Quirogafacundoq.github.io/courses/aa2018/res/01_imagenes.pdf · Facundo Quiroga. TEMARIO •Introducción al procesamiento de imágenes](https://reader033.vdocuments.net/reader033/viewer/2022050500/5f92d835a89a2e301d104f87/html5/thumbnails/14.jpg)
IMÁGENES A COLORModelo RGB
![Page 15: Aprendé a encontrar objetos en videos - Facundo Quirogafacundoq.github.io/courses/aa2018/res/01_imagenes.pdf · Facundo Quiroga. TEMARIO •Introducción al procesamiento de imágenes](https://reader033.vdocuments.net/reader033/viewer/2022050500/5f92d835a89a2e301d104f87/html5/thumbnails/15.jpg)
IMÁGENES A COLORModelo RGB (otro ejemplo)
![Page 16: Aprendé a encontrar objetos en videos - Facundo Quirogafacundoq.github.io/courses/aa2018/res/01_imagenes.pdf · Facundo Quiroga. TEMARIO •Introducción al procesamiento de imágenes](https://reader033.vdocuments.net/reader033/viewer/2022050500/5f92d835a89a2e301d104f87/html5/thumbnails/16.jpg)
IMÁGENES A COLORModelo RGB
• Entonces, para representar
digitalmente una imagen color,
se necesitan 3 matrices de
NxM. Una para cada canal.
M
N
![Page 17: Aprendé a encontrar objetos en videos - Facundo Quirogafacundoq.github.io/courses/aa2018/res/01_imagenes.pdf · Facundo Quiroga. TEMARIO •Introducción al procesamiento de imágenes](https://reader033.vdocuments.net/reader033/viewer/2022050500/5f92d835a89a2e301d104f87/html5/thumbnails/17.jpg)
MODELO RGBPROFUNDIDAD DE COLOR
• ¿Cuántos bits son necesarios para
modelar el color?
• En un principio se utilizaban modelos de
pocos bits. Por ejemplo: 8 bits.
• Con 8 bits, tenemos: 2^8= 256 colores
Generalmente, las diferentes
computadoras/consolas usaban paletas
de colores para optimizar las pocas
combinaciones que tenían
![Page 18: Aprendé a encontrar objetos en videos - Facundo Quirogafacundoq.github.io/courses/aa2018/res/01_imagenes.pdf · Facundo Quiroga. TEMARIO •Introducción al procesamiento de imágenes](https://reader033.vdocuments.net/reader033/viewer/2022050500/5f92d835a89a2e301d104f87/html5/thumbnails/18.jpg)
MODELO RGBPROFUNDIDAD DE COLOR
• Entonces: ¿Qué cantidad de bits necesitamos para ver
una imagen con “buena” calidad?
• Hasta el momento, el estándar 24 bits (TrueColor) sigue
siendo uno de los más utilizados. Un byte para cada
canal.
• 24 bits= 2^24 =16.777.216 colores
• Si bien no hay un consenso, se supone que esta cantidad
supera el alcance de la visión humana.
![Page 19: Aprendé a encontrar objetos en videos - Facundo Quirogafacundoq.github.io/courses/aa2018/res/01_imagenes.pdf · Facundo Quiroga. TEMARIO •Introducción al procesamiento de imágenes](https://reader033.vdocuments.net/reader033/viewer/2022050500/5f92d835a89a2e301d104f87/html5/thumbnails/19.jpg)
MODELOS DE COLORHSV
• El modelo RGB no es el único modelo de color. Existen
diversos sistemas.
• Uno de los más utilizados para procesamiento de
imágenes es el modelo HSV (Hue-Saturation-Value),
debido a cómo almacena la información de los colores.
• Descompone la imagen en 3 canales: uno para el tono
(Hue), otro para la saturación (Saturation), y otro para
la intensidad (Value).
![Page 20: Aprendé a encontrar objetos en videos - Facundo Quirogafacundoq.github.io/courses/aa2018/res/01_imagenes.pdf · Facundo Quiroga. TEMARIO •Introducción al procesamiento de imágenes](https://reader033.vdocuments.net/reader033/viewer/2022050500/5f92d835a89a2e301d104f87/html5/thumbnails/20.jpg)
MODELOS DE COLORHSV
Tono
Saturación
Intensidad
![Page 21: Aprendé a encontrar objetos en videos - Facundo Quirogafacundoq.github.io/courses/aa2018/res/01_imagenes.pdf · Facundo Quiroga. TEMARIO •Introducción al procesamiento de imágenes](https://reader033.vdocuments.net/reader033/viewer/2022050500/5f92d835a89a2e301d104f87/html5/thumbnails/21.jpg)
OPERADORES MORFOLÓGICOS