1. LA IMAGEN DIGITAL
Conceptos sobre la
Imagen digital
S3R4

2. Tipos de Imagen
Imágenes vectoriales
Contornos y rellenos definidos
matemáticamente
•OODRAW
•COREL
•FREEHAND
•INKSCAPE

3. Tipos de Imagen
Imágenes en mapa de bits o
también denominadas imágenes raster
Matriz de puntos de color
Programas
The GIMP
PHOTOSHOP,
etc..

4. Diferencia
Imagen vectorial Imagen de mapa de bits
SVG

5. La unidad: Pixel
•Picture y element.
•Unidades de color.
•Una imagen
digitalizada =
•Matriz de píxeles

6. Profundidad de color(I)
 Una imagen digital está formada por una
matriz de píxeles (anchura x altura x
profundidad de color).
 La profundidad de color o profundidad de
bit, permite que cada píxel pueda tener un
número determinado de colores distintos.

7. Profundidad de color(II)
El número de bits por píxel determinará la
gama de colores de una imagen
1 bit por pixel: 21 = 2 colores, también
llamado monocromo.
8 bits por pixel: 28 = 256 colores o niveles de
gris, también llamado Super VGA.

8. Profundidad de color(III)
15 o 16 bits por pixel: 216 = 32768 colores
pixel
(16 bits=5 bits para el rojo, 6 para el verde,
5 para azul)
Color real o True Color (24 bit de
profundidad)

9. True Color
 Color real o True Color (24 bit de profundidad)
 Si 24 bits (o más), millones de colores con
combinación de los tres primarios: rojo (red),
verde (green) y azul (blue), es el llamado modo
RGB.
 256 x 256 x256 = 16.777.216 (color real).
 Esta cantidad es la que necesita nuestro ojo para
poder percibir las imágenes como fotográficas.

10. Modos de color. RGB
 La descripción RGB (del inglés Red,
Green, Blue; quot;rojo, verde, azulquot;)
 Síntesis aditiva
 El rojo se obtiene con (255,0,0), el verde
con (0,255,0) y el azul con (0,0,255),
 El blanco se forma con los tres colores
primarios a su máximo nivel
(255,255,255)

11. Modos de color
 HLS (tono, luminosidad, saturación)
 CMYK (Cyan, Magenta, Yellow y Key
negro)

12. Resolución de imagen
 Tamaño en píxeles
◦ Cuántas filas y columnas se ha dividido
la imagen, o bien cuál es el número total
de píxeles.
 Si decimos que una foto tiene 1600
x 1200 píxeles. También podemos
decir que tiene 1.920.000 píxeles, o
redondear diciendo que es una foto
de 2 megapíxeles.

13. Resolución de imagen
 Si 100 ppp (píxeles por pulgada) en cada pulgada
cuadrada nos encontramos la cantidad de 100 x
100 píxeles, lo que nos da un resultado de 10.000
píxeles que contienen la información digital de esa
imagen.

14. Resolución de imagen
 Si resolución de 72 ppp, la información digital está
contenida en 72*72= 5184 píxeles, con lo que la
calidad de la imagen será menor menor resolución,
menor información y menor detalle.

15. Reglas básicas resolución
Resolución destino
72 ppp Monitor.
páginas web,
multimedia, presentaciones PowerPoint
150 / 200 ppp Impresión en general
Trabajaremos esta resolución para boletines,
imágenes impresas en impresoras personales
u otros trabajos en los que la calidad de
imagen no es vital.
300 ppp Impresión profesional de calidad óptima
600 ppp Dibujo lineal en blanco y negro

16. Tamaño informático
 Se cuenta en unidades de información
como bytes, kilobytes o megabytes, y
depende directamente de dos cosas: del
número de píxeles y de la cantidad de
bytes que gastamos para definir cada
píxel.

17. Tamaño superficial o de salida
 Es lo que ocupará la foto si la imprimimos.
 Podemos cambiarla sin modificar en absoluto
la información de imagen.
 Si menos resolución (menos píxeles por
pulgada) la foto se imprimirá más grande y
viceversa.

18. Resolución
 Cambios de resolución:
 Si menos resolución (menos píxeles por pulgada) la foto se
imprimirá más grande y viceversa

19.  Cambios de resolución en ppp de mas a
menos
 De menos a mas ppp
 Ficheros en ies
Ejercicio

20. Modificar imágenes
Imagen Imagen
Imagen original Imagen
remuestreada remuestreada
a 300 ppp remuestreada
de 300 a 150 de 150 a 75
de 75 a 37
ppp. ppp.
ppp.
 Cambio de resolución manteniendo tamaño

21. Modificar imágenes
 Aumento de resolución manteniendo
tamaño
El promediado resultante suaviza y desdibuja las formas.
Imagen Imagen
Imagen a 37 ppp Imagen
remuestreada remuestread
remuestreada
de 75 a 150 a de 150 a
de 37 a 75
ppp. 300 ppp.
ppp.

22. Formatos gráficos
 JPG : Compresión muy potente y, además,
regulable por el usuario.
 Cierta pérdida de datos
 Guardar en modo progresivo
Imagen calidad 12 (34% calidad 3 (4,7% calidad 0 (3,7%
original. de su tamaño). de su tamaño). de su tamaño).

23. Formatos gráficos.JPG
Pérdida de
calidad
Imagen Imagen
guardada una guardada cuatro
vez al nivel de veces al nivel
calidad 6. de calidad 6.

24. Formatos gráficos
 PNG:
 Tipo de compresión sin pérdida
 Excelente para gráficos
 Permite transparencias
 Ficheros grandes para imágenes de muchos
colores (fotografías, ilustraciones, etc.)

25. Formatos gráficos
GIF
Sin pérdida, aunque limitado a 256 colores
Permite animaciones
Paleta limitada (obsoleto paraimágenes de
muchos colores)

26. Ejercicio
 Grabar una imagen en diferentes
formatos: JPG, PNG y GIF
 Programa : The GIMP
 Programa on line:
http://www.splashup.com/