Universidad de los Llanos

Faculta de Ciencias Bsicas e

Ingeniera
Ingeniera Electrnica e Ingeniera de Sistemas

TRATAMIENTO
DIGITAL DE
IMAGENES

Elaborado por: Ing. Msc. Andrs Fernando Jimnez Lpez

Imagen

Elaborado por: Ing. Msc. Andrs Fernando Jimnez Lpez

Imagen

Representacin discreta de datos que poseen informacin espacial

(layout), e intensidad (color)

Elaborado por: Ing. Msc. Andrs Fernando Jimnez Lpez

Imagen

Representacin discreta de datos que poseen informacin espacial

(layout), e intensidad (color)

Seal multidimensional (2D, 3D, 4D)

Elaborado por: Ing. Msc. Andrs Fernando Jimnez Lpez

Imagen

Representacin discreta de datos que poseen informacin espacial

(layout), e intensidad (color)

Seal multidimensional (2D, 3D, 4D)

Layout

Elaborado por: Ing. Msc. Andrs Fernando Jimnez Lpez

Imagen

Representacin discreta de datos que poseen informacin espacial

(layout), e intensidad (color)

Seal multidimensional (2D, 3D, 4D)

Layout

Imagen Digital Discreta

Elaborado por: Ing. Msc. Andrs Fernando Jimnez Lpez

Imagen

Representacin discreta de datos que poseen informacin espacial

(layout), e intensidad (color)

Seal multidimensional (2D, 3D, 4D)

Layout

Imagen Digital Discreta

I(m,n)

Imagen

Representacin discreta de datos que poseen informacin espacial

(layout), e intensidad (color)

Seal multidimensional (2D, 3D, 4D)

Layout

Imagen Digital Discreta

I(m,n)

Representa la respuesta de algn

sensor en dos dimensiones 2D

Elaborado por: Ing. Msc. Andrs Fernando Jimnez Lpez

Imagen

Representacin discreta de datos que poseen informacin espacial

(layout), e intensidad (color)

Seal multidimensional (2D, 3D, 4D)

Layout

Imagen Digital Discreta

I(m,n)

m =1,2,,M
n=1,2,,N

Representa la respuesta de algn

sensor en dos dimensiones 2D
Posiciones en coordenadas
Cartesianas 2D

Elaborado por: Ing. Msc. Andrs Fernando Jimnez Lpez

Imagen

Representacin discreta de datos que poseen informacin espacial

(layout), e intensidad (color)

Seal multidimensional (2D, 3D, 4D)

Layout

Imagen Digital Discreta

I(m,n)

m =1,2,,M
n=1,2,,N

Representa la respuesta de algn

sensor en dos dimensiones 2D
Posiciones en coordenadas
Cartesianas 2D

Se deriva de una seal contnua espacial I(x,y) a travs de un proceso denominado

DISCRETIZACIN.

Elaborado por: Ing. Msc. Andrs Fernando Jimnez Lpez

Imagen

Representacin discreta de datos que poseen informacin espacial

(layout), e intensidad (color)

Seal multidimensional (2D, 3D, 4D)

Layout

Imagen Digital Discreta

I(m,n)

m =1,2,,M
n=1,2,,N

Representa la respuesta de algn

sensor en dos dimensiones 2D
Posiciones en coordenadas
Cartesianas 2D

Se deriva de una seal contnua espacial I(x,y) a travs de un proceso denominado

DISCRETIZACIN.

Ocurre en sensores como: Cmaras CCD

Haciendo un promedio local de la

seal contnua sobre una regin
pequea (Tpicamente cuadrada) en
el dominio de la respuesta
Elaborado por: Ing. Msc. Andrs Fernando Jimnez Lpez

I(m,n)

I(m,n)

m: fila
n: columna

Indexacin (m,n)

I(m,n)

m: fila
n: columna

Indexacin (m,n)

Respuesta del pxel localizado en la m-sima fila y n-sima columna iniciando

desde el origen en la parte superior izquierda

I(m,n)

m: fila
n: columna

Indexacin (m,n)

Respuesta del pxel localizado en la m-sima fila y n-sima columna iniciando

desde el origen en la parte superior izquierda

Aunque las imgenes son discretas, es conveniente tratar una imagen como
una seal espacial contnua

I(m,n)

m: fila
n: columna

Indexacin (m,n)

Respuesta del pxel localizado en la m-sima fila y n-sima columna iniciando

desde el origen en la parte superior izquierda

Aunque las imgenes son discretas, es conveniente tratar una imagen como
una seal espacial contnua

I(x,y)

m: fila
n: columna

I(m,n)

Indexacin (m,n)

Respuesta del pxel localizado en la m-sima fila y n-sima columna iniciando

desde el origen en la parte superior izquierda

Aunque las imgenes son discretas, es conveniente tratar una imagen como
una seal espacial contnua

I(x,y)
Imgenes 3D

Aplicaciones mdicas
Voxels (pxeles volumtricos)
Volmenes espaciales

m: fila
n: columna

I(m,n)

Indexacin (m,n)

Respuesta del pxel localizado en la m-sima fila y n-sima columna iniciando

desde el origen en la parte superior izquierda

Aunque las imgenes son discretas, es conveniente tratar una imagen como
una seal espacial contnua

I(x,y)
Imgenes 3D

Aplicaciones mdicas
Voxels (pxeles volumtricos)
Volmenes espaciales

Imgenes 4D

3 Coordenadas Espaciales + 1 Temporal

Color

Color

Imagen

Color

Imagen

1 o ms canales de color

Color

Imagen

1 o ms canales de color
Define

La intensidad (color) para

una locacin de pxel I(m,n)

Color

Imagen

1 o ms canales de color
Define

Mapa de Color

La intensidad (color) para

una locacin de pxel I(m,n)

Color

Imagen

1 o ms canales de color
Define

La intensidad (color) para

una locacin de pxel I(m,n)

Mapa de Color
Asigna Valores de Colores a cada nivel numrico en la imagen para dar una
representacin visual de los datos.

Color

Imagen

1 o ms canales de color
Define

La intensidad (color) para

una locacin de pxel I(m,n)

Mapa de Color
Asigna Valores de Colores a cada nivel numrico en la imagen para dar una
representacin visual de los datos.
Negro (Cero)
Escala de Grises
Blanco (Mximo)

Color

Imagen

1 o ms canales de color
Define

La intensidad (color) para

una locacin de pxel I(m,n)

Mapa de Color
Asigna Valores de Colores a cada nivel numrico en la imagen para dar una
representacin visual de los datos.
Negro (Cero)
Escala de Grises
Blanco (Mximo)

Mapa de Falso Color

El ojo humano es sensible a 40 niveles de

gris del rango del negro al blanco.

Color

Imagen

1 o ms canales de color
Define

La intensidad (color) para

una locacin de pxel I(m,n)

Mapa de Color
Asigna Valores de Colores a cada nivel numrico en la imagen para dar una
representacin visual de los datos.
Negro (Cero)
Escala de Grises
Blanco (Mximo)

Mapa de Falso Color

El ojo humano es sensible a 40 niveles de

gris del rango del negro al blanco.
Acenta o declina ciertas estructuras o
caractersticas

Color

Imagen

1 o ms canales de color
Define

La intensidad (color) para

una locacin de pxel I(m,n)

Mapa de Color
Asigna Valores de Colores a cada nivel numrico en la imagen para dar una
representacin visual de los datos.
Negro (Cero)
Escala de Grises
Blanco (Mximo)

Mapa de Falso Color

El ojo humano es sensible a 40 niveles de

gris del rango del negro al blanco.
Acenta o declina ciertas estructuras o
caractersticas

Hacindolas identificables por el ojo humano

Color

Imagen

1 o ms canales de color
Define

La intensidad (color) para

una locacin de pxel I(m,n)

Mapa de Color
Asigna Valores de Colores a cada nivel numrico en la imagen para dar una
representacin visual de los datos.
Negro (Cero)
Escala de Grises
Blanco (Mximo)

Mapa de Falso Color

El ojo humano es sensible a 40 niveles de

gris del rango del negro al blanco.
Acenta o declina ciertas estructuras o
caractersticas

Imgenes mdicas y
astronmicas, sensores
remotos

Hacindolas identificables por el ojo humano

Imagen en Escala de Grises

Imagen en Falso Color

Imagen en Escala de Grises

Imagen en Pseudocolor 1

Imagen en Pseudocolor 2

Se definen Escalas

Escalas Lineales
Escalas no lineales

Imgenes de Color Verdadero

Representacin espectral como un vector (Triplete)

Resolucin y Cuantizacin:

Resolucin y Cuantizacin:
Tamao del Pxel 2D, Tamao de los datos almacenados,
establecen la Resolucin Espacial y la Cuantizacin del Color

Resolucin y Cuantizacin:
Tamao del Pxel 2D, Tamao de los datos almacenados,
establecen la Resolucin Espacial y la Cuantizacin del Color
Resolucin

Tamao de una imagen

Resolucin y Cuantizacin:
Tamao del Pxel 2D, Tamao de los datos almacenados,
establecen la Resolucin Espacial y la Cuantizacin del Color
Resolucin

Tamao de una imagen

Especificado por :

Resolucin y Cuantizacin:
Tamao del Pxel 2D, Tamao de los datos almacenados,
establecen la Resolucin Espacial y la Cuantizacin del Color
Resolucin

Tamao de una imagen

Especificado por :
Columna (C)
1. Resolucin Espacial
Fila (R)

Resolucin y Cuantizacin:
Tamao del Pxel 2D, Tamao de los datos almacenados,
establecen la Resolucin Espacial y la Cuantizacin del Color
Resolucin

Tamao de una imagen

Especificado por :
Columna (C)
1. Resolucin Espacial
Fila (R)

Dimensiones

Resolucin y Cuantizacin:
Tamao del Pxel 2D, Tamao de los datos almacenados,
establecen la Resolucin Espacial y la Cuantizacin del Color
Resolucin

Tamao de una imagen

Especificado por :
Columna (C)
1. Resolucin Espacial

Dimensiones

Fila (R)

# de pxeles usados para cubrir el

espacio visual capturado por la imagen

Resolucin y Cuantizacin:
Tamao del Pxel 2D, Tamao de los datos almacenados,
establecen la Resolucin Espacial y la Cuantizacin del Color
Resolucin

Tamao de una imagen

Especificado por :
Columna (C)
1. Resolucin Espacial

Dimensiones

Fila (R)

# de pxeles usados para cubrir el

espacio visual capturado por la imagen

Asociado a la resolucin de la imagen o del pxel

Resolucin y Cuantizacin:
Tamao del Pxel 2D, Tamao de los datos almacenados,
establecen la Resolucin Espacial y la Cuantizacin del Color
Resolucin

Tamao de una imagen

Especificado por :
Columna (C)
1. Resolucin Espacial

Dimensiones

Fila (R)

# de pxeles usados para cubrir el

espacio visual capturado por la imagen
640x480

800x600
1024x768

CxR

Asociado a la resolucin de la imagen o del pxel

2. Resolucin Temporal

# de imgenes capturados en un periodo de tiempo

2. Resolucin Temporal

# de imgenes capturados en un periodo de tiempo

Fps: frames por segundo

2. Resolucin Temporal

Frame: Imagen
individual en un video

# de imgenes capturados en un periodo de tiempo

Fps: frames por segundo

2. Resolucin Temporal

Frame: Imagen
individual en un video
TV: 25fps

# de imgenes capturados en un periodo de tiempo

Fps: frames por segundo

2. Resolucin Temporal

# de imgenes capturados en un periodo de tiempo

Frame: Imagen
individual en un video
TV: 25fps
3. Resolucin de bit (Resolucin radiomtrica)

Fps: frames por segundo

2. Resolucin Temporal

# de imgenes capturados en un periodo de tiempo

Frame: Imagen
individual en un video

Fps: frames por segundo

TV: 25fps
3. Resolucin de bit (Resolucin radiomtrica)
# de posibles valores intensidad /color que un pxel puede tener

2. Resolucin Temporal

# de imgenes capturados en un periodo de tiempo

Frame: Imagen
individual en un video

Fps: frames por segundo

TV: 25fps
3. Resolucin de bit (Resolucin radiomtrica)
# de posibles valores intensidad /color que un pxel puede tener
Cuantizacin de la informacin de la imagen

2. Resolucin Temporal

# de imgenes capturados en un periodo de tiempo

Frame: Imagen
individual en un video

Fps: frames por segundo

TV: 25fps
3. Resolucin de bit (Resolucin radiomtrica)
# de posibles valores intensidad /color que un pxel puede tener
Cuantizacin de la informacin de la imagen
Imagen binaria (2colores (Blanco y Negro)

2 bits

2. Resolucin Temporal

# de imgenes capturados en un periodo de tiempo

Frame: Imagen
individual en un video

Fps: frames por segundo

TV: 25fps
3. Resolucin de bit (Resolucin radiomtrica)
# de posibles valores intensidad /color que un pxel puede tener
Cuantizacin de la informacin de la imagen
Imagen binaria (2colores (Blanco y Negro)
Imagen de escala de gris

2 bits

256 niveles (usualmente)

256 bits

2. Resolucin Temporal

# de imgenes capturados en un periodo de tiempo

Frame: Imagen
individual en un video

Fps: frames por segundo

TV: 25fps
3. Resolucin de bit (Resolucin radiomtrica)
# de posibles valores intensidad /color que un pxel puede tener
Cuantizacin de la informacin de la imagen
Imagen binaria (2colores (Blanco y Negro)
Imagen de escala de gris
Color

24 bits

2 bits

256 niveles (usualmente)

256 bits

2. Resolucin Temporal

# de imgenes capturados en un periodo de tiempo

Frame: Imagen
individual en un video

Fps: frames por segundo

TV: 25fps
3. Resolucin de bit (Resolucin radiomtrica)
# de posibles valores intensidad /color que un pxel puede tener
Cuantizacin de la informacin de la imagen
Imagen binaria (2colores (Blanco y Negro)
Imagen de escala de gris
Color
Rango dinmico

2 bits

256 niveles (usualmente)

24 bits
Rango de valores que un pxel puede tomar

256 bits

2. Resolucin Temporal

# de imgenes capturados en un periodo de tiempo

Frame: Imagen
individual en un video

Fps: frames por segundo

TV: 25fps
3. Resolucin de bit (Resolucin radiomtrica)
# de posibles valores intensidad /color que un pxel puede tener
Cuantizacin de la informacin de la imagen
Imagen binaria (2colores (Blanco y Negro)
Imagen de escala de gris
Color
Rango dinmico

2 bits

256 niveles (usualmente)

256 bits

24 bits
Rango de valores que un pxel puede tomar

No necesariamente la resolucin de bit de la imagen corresponde

a la resolucin del sistema de imagen que la origina

Cmaras:
Ganancia
Automtica

Clic izquierdo: Aumentar Zoom

Clic Derecho: Disminuir Zoom

Shift + Clic Sobre la Imagen para salir del Zoom

Cambiar el todo de color de los ojos de la imagen

Drawing Functions in OpenCV

You will learn these functions : cv2.line(), cv2.circle() , cv2.rectangle(),
cv2.ellipse(), cv2.putText()

Drawing Functions in OpenCV

You will learn these functions : cv2.line(), cv2.circle() , cv2.rectangle(),
cv2.ellipse(), cv2.putText()
import matplotlib
import numpy
import cv2
img = cv2.imread('PI01.bmp',1)
cv2.namedWindow('image',
cv2.WINDOW_NORMAL)
cv2.imshow('image',img)
cv2.imwrite('./IP01_1.png',img)
cv2.waitKey(0)
cv2.destroyAllWindows()

Drawing Functions in OpenCV

You will learn these functions : cv2.line(), cv2.circle() , cv2.rectangle(),
cv2.ellipse(), cv2.putText()
In all the above functions, you will see some common arguments as
given below:

Drawing Functions in OpenCV

You will learn these functions : cv2.line(), cv2.circle() , cv2.rectangle(),
cv2.ellipse(), cv2.putText()
In all the above functions, you will see some common arguments as
given below:
img : The image where you want to draw the shapes.

Drawing Functions in OpenCV

You will learn these functions : cv2.line(), cv2.circle() , cv2.rectangle(),
cv2.ellipse(), cv2.putText()
In all the above functions, you will see some common arguments as
given below:
img : The image where you want to draw the shapes.

color: Color of the shape. for BGR, pass it as a tuple, eg: (255,0,0) for blue. For grayscale,
just pass the scalar value.

Drawing Functions in OpenCV

You will learn these functions : cv2.line(), cv2.circle() , cv2.rectangle(),
cv2.ellipse(), cv2.putText()
In all the above functions, you will see some common arguments as
given below:
img : The image where you want to draw the shapes.

color: Color of the shape. for BGR, pass it as a tuple, eg: (255,0,0) for blue. For grayscale,
just pass the scalar value.
thickness: Thickness of the line or circle etc. If -1 is passed for closed figures like circles, it
will fill the shape. default thickness = 1

Drawing Functions in OpenCV

You will learn these functions : cv2.line(), cv2.circle() , cv2.rectangle(),
cv2.ellipse(), cv2.putText()
In all the above functions, you will see some common arguments as
given below:
img : The image where you want to draw the shapes.

color: Color of the shape. for BGR, pass it as a tuple, eg: (255,0,0) for blue. For grayscale,
just pass the scalar value.
thickness: Thickness of the line or circle etc. If -1 is passed for closed figures like circles, it
will fill the shape. default thickness = 1
lineType: Type of line, whether 8-connected, anti-aliased line etc. By default, it is 8connected. cv2.LINE_AA gives anti-aliased line which looks great for curves.

Drawing Functions in OpenCV

import numpy as np
import cv2
# Create a black image
img = np.zeros((512,512,3), np.uint8)
# Draw a diagonal blue line with thickness of 5 px
cv2.line(img,(0,0),(511,511),(255,0,0),5)

Drawing Functions in OpenCV

import numpy as np
import cv2
# Create a black image
img = np.zeros((512,512,3), np.uint8)
# Draw a diagonal blue line with thickness of 5 px
cv2.line(img,(0,0),(511,511),(255,0,0),5)
import numpy as np
import cv2
img = np.zeros((512,512,3), np.uint8)
cv2.rectangle(img,(384,0),(510,128),(0,255,0),3)

Drawing Functions in OpenCV

import numpy as np
import cv2
# Create a black image
img = np.zeros((512,512,3), np.uint8)
# Draw a diagonal blue line with thickness of 5 px
cv2.line(img,(0,0),(511,511),(255,0,0),5)
import numpy as np
import cv2
img = np.zeros((512,512,3), np.uint8)
cv2.rectangle(img,(384,0),(510,128),(0,255,0),3)

cv2.circle(img,(447,63), 63, (0,0,255), -1)

Drawing Functions in OpenCV

import numpy as np
import cv2
# Create a black image
img = np.zeros((512,512,3), np.uint8)
# Draw a diagonal blue line with thickness of 5 px
cv2.line(img,(0,0),(511,511),(255,0,0),5)
import numpy as np
import cv2
img = np.zeros((512,512,3), np.uint8)
cv2.rectangle(img,(384,0),(510,128),(0,255,0),3)

cv2.circle(img,(447,63), 63, (0,0,255), -1)

pts = np.array([[10,5],[20,30],[70,20],[50,10]], np.int32)
pts = pts.reshape((-1,1,2))
cv2.polylines(img,[pts],True,(0,255,255))

Drawing Functions in OpenCV

1. Text data that you want to write
2. Position coordinates of where you want put it (i.e. bottom-left corner
where data starts).
3. Font type
4. Font Scale (specifies the size of font)
5. regular things like color, thickness, lineType etc.

Drawing Functions in OpenCV

1. Text data that you want to write
2. Position coordinates of where you want put it (i.e. bottom-left corner
where data starts).
3. Font type
4. Font Scale (specifies the size of font)
5. regular things like color, thickness, lineType etc.

font = cv2.FONT_HERSHEY_SIMPLEX
cv2.putText(img, 'UNILLANOS2014',(10,500), font, 2,(255,255,255),2)

Drawing Functions in OpenCV

1. Text data that you want to write
2. Position coordinates of where you want put it (i.e. bottom-left corner
where data starts).
3. Font type
4. Font Scale (specifies the size of font)
5. regular things like color, thickness, lineType etc.

font = cv2.FONT_HERSHEY_SIMPLEX
cv2.putText(img, 'UNILLANOS2014',(10,500), font, 4,(255,255,255),2,cv2.LINE_AA)
FONT_HERSHEY_COMPLEX
FONT_HERSHEY_COMPLEX_SMALL
FONT_HERSHEY_DUPLEX
FONT_HERSHEY_PLAIN
FONT_HERSHEY_SCRIPT_COMPLEX
FONT_HERSHEY_SCRIPT_SIMPLEX
FONT_HERSHEY_SIMPLEX
FONT_HERSHEY_TRIPLEX
FONT_ITALIC

BIBLIOGRAFA:
Computational Fourier Optics. David Voelz. SPIE PRESS. Society of
Photo-Optical Instrumentation Engineers 2011.
The Image Processing Handbook. Sixth Edition. John C. Russ. CRC
Press. 2011.
Multidimensional Signal, Image, and Video Processing and Coding.
Second Edition. John W. Woods. Elsevier 2012.
Fourier Methods in imaging. Roger L. Easton, Wiley. 2010.
Recipes for Earth Sciences. Third Edition, Springer. Martin H. Trauth.
2010.
Medical Image Proccessing. Techniques and Applications. Springer.
Geoff Dougherty. 2011.
Optical Remote Sensing. Springer. SAurabh Prasad 2011.
Tratamiento Digital de Imagenes. Rafael Gonzalez, Addison Wesley
1996.