Conceptos bsicos sobre imagen digital

1
Conceptos básicos sobre imagen digital

• Conocimientos generales necesarios para trabajar
  mejor con las imágenes digitales

1
Yolanda Mejido González
2
Conceptos básicos sobre imagen digital

• Típos de imágenes digitales

• Hay dos tipos de imágenes digitales
• Imágenes de gráficos vectoriales
• Una imagen vectorial es una imagen digital
  formada por objetos geométricos independientes
  (segmentos, polígonos, arcos, etc.), cada uno de
  ellos definido por distintos atributos
  matemáticos de forma, de posición, de color, etc.
  Por ejemplo un círculo de color rojo quedaría
  definido por la posición de su centro, su radio,
  el grosor de línea y su color.
• Imágenes de mapa de bits
• Bitmap o mapa de bits, también llamados
  imágenes matriciales, que están formados por
  píxeles.

2
Yolanda Mejido González
3
Conceptos básicos sobre imagen digital

• Típos de imágenes digitales

• Los programas de trabajo con uno y otro son
  completamente diferentes

3
Yolanda Mejido González
4
Conceptos básicos sobre imagen digital

• Típos de imágenes digitales

• Se recomienda utilizar programas que manejen el
  nuevo formato de gráficos vectoriales libre de
  patentes denominado SVG (Scalable Vector
  Graphics).
• En él se basa el programa Inkscape bajo licencia
  GNUGLP, es decir, totalmente libre, y del cual se
  ofrece un tutorial en esta misma publicación,
  para manejo de imágenes vectoriales.
• Otros formatos de imagen vectoriales
• DXF Archivo de intercambio AutoCAD dibujo
• CGM Computer Graphics Metafile (Estandar)
• CDR CorelDRAW!
• WMF metarchivo de Windows

EPS PostScript encapsulado EMF Metarchivo
mejorado PICT Imagen de Macintosh (solo
Mackintosh)
4
Yolanda Mejido González
5
Conceptos básicos sobre imagen digital

• Típos de imágenes digitales

• Los gráficos vectoriales ocupan mucho menos
  espacio que los de imagen en mapa de bits
  (Requieren almacenar menos información).
• En los archivos de mapa de bits hay que almacenar
  para cada píxel, el color, el brillo, etc

1887 Kb
3Kb
5
Yolanda Mejido González
6
Conceptos básicos sobre imagen digital

• Típos de imágenes digitales

• Es decir
• Mapas de bits (conjunto de píxeles).
• Vectoriales (ecuaciones, escalables).

6
Yolanda Mejido González
7
Conceptos básicos sobre imagen digital

• Típos de imágenes digitales

• El interés principal de los gráficos vectoriales
  es poder ampliar el tamaño de una imagen a
  voluntad sin sufrir el efecto de escalado que
  sufren los gráficos en mapa de bits. Asimismo,
  permiten mover, estirar y retorcer imágenes de
  manera relativamente sencilla.
• Todos los ordenadores actuales traducen los
  gráficos vectoriales a gráficos bitmap para poder
  representarlos en pantalla al estar ésta
  constituida físicamente por píxeles.

7
Yolanda Mejido González
8
Conceptos básicos sobre imagen digital

• Resolución de las imágenes digitales

• Por tanto las imágenes de gráficos vectoriales se
  pueden ampliar sin pérdida de calidad.
• Pero las bitmap dependen de la resolución (Número
  de píxeles representados en cada pulgada (2,54
  cm) de ancho y de alto en la imagen.

72X72ppp significa que en este sector hay 72
píxeles de ancho y 72 de alto, es decir 5184
píxeles.
8
Yolanda Mejido González
9
Conceptos básicos sobre imagen digital

• Resolución de las imágenes digitales

• Una imagen con poca resolución deberemos
  visualizarla en pequeño, porque si la ampliamos
  en exceso se pixela.

9
Yolanda Mejido González
10
Conceptos básicos sobre imagen digital

• Resolución de las imágenes digitales

• A más resolución mayor peso del archivo, por lo
  tanto, debemos tener en cuenta a qué tamaño se
  van a visualizar las imágenes y también si la
  imagen se va a destinar a impresión o a pantalla
• Una imagen para ser impresa no debe tener una
  resolución inferior a 150ppp.
• Una imagen destinada a ser vista en un monitor no
  debe tener una resolución baja pero tampoco
  exceder los 72 ppp, porque los monitores normales
  no pueden representar más de 72ppp, (peso inútil).

10
Yolanda Mejido González
11
Conceptos básicos sobre imagen digital

• Resolución de las imágenes digitales

• El exceso de peso en una imagen que se vaya a
  publicar en una Web repercute negativamente en
  dos aspectos
• Ralentiza la carga de la página
• Ocupa espacio en el servidor.

11
Yolanda Mejido González
12
Conceptos básicos sobre imagen digital

• Peso de las imágenes digitales.

• Se puede reducir el peso de un archivo de imagen
  por cuatro medios. Estos procedimientos no son
  excluyentes. Son
• Reduciendo el tamaño de la imagen.
• Reduciendo la resolución de la imagen.
• Reduciendo la profundidad de color.
• El cuarto procedimiento se basa en un algoritmo
  que reduce alguna de las características
  anteriores
• Compresión o conversión a un formato comprimido
  (PNG, GIF).

12
Yolanda Mejido González
13
Conceptos básicos sobre imagen digital

• El color en las imágenes digitales.

El sensor de una cámara digital es capaz de
captar 3 colores, rojo, verde y azul y la
profundidad de color es la cantidad de
tonalidades que cada color puede registrar. La
mayoría de las cámaras digitales registra la
información con una profundidad de color de 8
bits por canal, esto significa que el sensor
capturará 256 (28) tonalidades de rojo, 256 de
verde y 256 de azul. Esto significa que la
cámara podrá utilizar 16.7 millones de colores
(256x256x256) para representar una fotografía con
una profundidad de color de 8 bits por canal o
24-Bit RGB. Se habla de color verdadero. Los
monitores pueden representar estos 16,7 millones
de colores (Modelo de color RGB). Ver Tabla de
colores RGB
13
Yolanda Mejido González
14
Conceptos básicos sobre imagen digital

• El color en las imágenes digitales.

• La descripción RGB (del inglés Red, Green, Blue
  "rojo, verde, azul") de un color hace referencia
  a la composición del color en términos de la
  intensidad de los colores primarios con que se
  forma el rojo, el verde y el azul. Es un modelo
  de color basado en la síntesis aditiva, con el
  que es posible representar un color mediante la
  mezcla por adición de los tres colores luz
  primarios
• Los programas de diseño permiten el ajuste de
  color con ventanas similares a la que se muestra

14
Yolanda Mejido González
15
Conceptos básicos sobre imagen digital

• La profundidad de color.

• Debido a la aceptación prácticamente universal
  de los octetos de 8 bits como unidades básicas de
  información en los dispositivos de almacenamiento
  (Byte), los valores de profundidad de color
  suelen ser divisores o múltiplos de 8, a saber
  1,2,4,8,16,24 y 32. Esto se traduce en que
• Para representar 16,7 millones de colores
  necesitamos 24 bits (4 bytes) por cada pixel.
• Para representar 256 colores en cada píxel se
  necesitan 8 bits (Un Byte). Generalmente no se
  aprecia diferencia en un monitor.
• Para representar 16 colores sólo necesitamos 4
  bits.
• Para representar en escala de grises sólo
  necesitamos 4 bits.
• Para representar 2 colores (Blanco y negro) sólo
  necesitamos un bit.

15
Yolanda Mejido González
16
Conceptos básicos sobre imagen digital

• La profundidad de color.

Algunos algoritmos de compresión (.GIF y .PNG-8)
se basan en reducir profundidad de color, para
reducir el peso.
16
Yolanda Mejido González
17
Conceptos básicos sobre imagen digital

• La profundidad de color.

Lo más habitual es reducir la profundidad de
color de 16,7 millones de colores posibles a tan
sólo 256 colores (algoritmo PNG-8), aunque existe
el formato PNG-24 que no reduce la profundidad de
color
17
Yolanda Mejido González
18
Conceptos básicos sobre imagen digital

• La profundidad de color.

Lo más habitual es reducir la profundidad de
color de 16,7 millones de colores posibles a tan
sólo 256 colores (Convertir a formato
PNG-8). Hay que tener en cuenta que hay
algoritmos de compresión con pérdida y sin
pérdida.
18
Yolanda Mejido González
19
Conceptos básicos sobre imagen digital

• Qué formato utilizar?

Se denomina algoritmo de compresión sin pérdida
a cualquier procedimiento de codificación que
tenga como objetivo representar cierta cantidad
de información sin utilizar una menor cantidad de
la misma, siendo posible una reconstrucción
exacta de los datos originales. JPG tiene
pérdida, mientras que GIF y PNG no.
19
Yolanda Mejido González
20
Conceptos básicos sobre imagen digital

• Qué formato utilizar?

20
Yolanda Mejido González
21
Conceptos básicos sobre imagen digital

• Qué formato utilizar?

• Formato JPG
• Joint Picture Expert Group.
• El más extendido.
• Formato comprimido con pérdidas.
• Formato de captura de las cámaras digitales.
• Guarda datos EXIF.

• No soporta transparencias.
• Admite carga progresiva en internet.
  (Entrelazado).

21
Yolanda Mejido González
22
Conceptos básicos sobre imagen digital

• Qué formato utilizar?

• Formato PNG
• Portable Network Graphic.
• Profundidad de color ajustable a 24 16 u 8 bits..
• Admite compresión sin pérdida.
• Permite transparencias.
• Admite carga progresiva en internet.
  (Entrelazado).

22
Yolanda Mejido González
23
Conceptos básicos sobre imagen digital

• Qué formato utilizar?

• Formato GIF
• Graphics Interchange Format.
• 256 colores.
• Imágenes con grandes zonas de colores planos.
• Adecuado para Internet.
• Permite GIFs animados.

23
Yolanda Mejido González
24
Conceptos básicos sobre imagen digital

• Qué formato utilizar?

• Con JPEG el usuario decide cuanta información
  esta dispuesto a sacrificar para reducir peso del
  fichero. !JPEG no es bueno para dibujos!
• GIF y PNG son casi intercambiables, ya que PNG
  fue diseñado como reemplazo de GIF. PNG es un
  formato superior.
• PNG tiene la posibilidad de trabajar con varias
  profundidades de color. En el caso del GIF
  comprimido, sólo hasta 256 colores en la paleta.
• Los GIF permiten animaciones, mientras que el
  formato PNG no. Sin embargo el PNG admite
  transparencia.

24
Yolanda Mejido González
25
Conceptos básicos sobre imagen digital

• Qué formato utilizar?

Si te interesa saber más sobre formatos de
imagen digital puedes consultar la siguiente
presentación en Slideshare obra de Raymond
Marquina http//www.slideshare.net/raymarq/forma
tos-imagen?nocache2104
25
Yolanda Mejido González
26
Conceptos básicos sobre imagen digital

• Qué formato utilizar?

• Otros formatos
• TIFF (Tagged Image File Format). Es uno de los
  formatos de almacenamiento sin pérdidas de la más
  alta calidad. Admite una profundidad de color de
  64 bits. Posiblemente es el formato de archivos
  gráficos más ampliamente admitido en el sector de
  impresión.
• RAW (En ingles Crudo) se usa como alternativa
  a TIFF. Consiste en almacenar directamente la
  información que procede del sensor de la cámara
  digital. El nivel de calidad que tienen las
  imágenes en RAW es semejante al de las TIFF.
• PSD se trata del formato nativo del conocido
  programa de retoque fotográfico Photoshop.
• BMP Mapa de bits de Windows.
• PCX PC Paintbrush (Estandar).

26
Yolanda Mejido González
27
Conceptos básicos sobre imagen digital

• Brillo y Contraste.

El brillo es la cantidad de luz en cada píxel de
la imagen El contraste es la diferencia de luz
entre el punto más claro y el más oscuro.
27
Yolanda Mejido González
28
Conceptos básicos sobre imagen digital

• Brillo y Contraste.

Jugando con estos valores la imagen se puede
mejorar considerablemente. Los programas de
diseño analizan la distribución de luz mediante
el histograma.
28
Yolanda Mejido González
29
Conceptos básicos sobre imagen digital
Aplicar efectos y filtros(3).

• Brillo y Contraste.

SOBREXPUESTA NORMAL SUBEXPUESTA
29
Yolanda Mejido González
30
Aplicar efectos y filtros(3).
Conceptos básicos sobre imagen digital

• Fin de la Presentación.

30
Yolanda Mejido González