30
Conceptos básicos sobre imagen digital Conocimientos generales necesarios para trabajar mejor con las imágenes digitales Yolanda Mejido González 1

Conceptos básicos sobre imagen digital Conocimientos generales necesarios para trabajar mejor con las imágenes digitales Yolanda Mejido González 1

Embed Size (px)

Citation preview

Page 1: Conceptos básicos sobre imagen digital Conocimientos generales necesarios para trabajar mejor con las imágenes digitales Yolanda Mejido González 1

Conceptos básicos sobre imagen digital

Conocimientos generales necesarios para trabajar mejor con las imágenes

digitales

Yolanda Mejido González 1

Page 2: Conceptos básicos sobre imagen digital Conocimientos generales necesarios para trabajar mejor con las imágenes digitales Yolanda Mejido González 1

Conceptos básicos sobre imagen digital

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.

Yolanda Mejido González 2

1.Típos de imágenes digitales

Page 3: Conceptos básicos sobre imagen digital Conocimientos generales necesarios para trabajar mejor con las imágenes digitales Yolanda Mejido González 1

Conceptos básicos sobre imagen digital

Los programas de trabajo con uno y otro son completamente diferentes

Yolanda Mejido González 3

1.Típos de imágenes digitales

GRATUÍTOS DE PAGO

Gráficos Vectoriales

Inkscape, Qcad Coreldraw, Freehand, Autocad, etc..

Gráficos Bitmap

Gimp, IrfanView, PhotoScape

Photoshop, Corel Photo-Paint, Paint

Page 4: Conceptos básicos sobre imagen digital Conocimientos generales necesarios para trabajar mejor con las imágenes digitales Yolanda Mejido González 1

Conceptos básicos sobre imagen digital

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 dibujoCGM: Computer Graphics Metafile (Estandar):CDR: CorelDRAW!WMF: metarchivo de Windows

Yolanda Mejido González 4

1.Típos de imágenes digitales

EPS: PostScript encapsuladoEMF: Metarchivo mejoradoPICT: Imagen de Macintosh (solo Mackintosh)

Page 5: Conceptos básicos sobre imagen digital Conocimientos generales necesarios para trabajar mejor con las imágenes digitales Yolanda Mejido González 1

Conceptos básicos sobre imagen digital

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…

Yolanda Mejido González 5

1.Típos de imágenes digitales

3Kb1887 Kb

Page 6: Conceptos básicos sobre imagen digital Conocimientos generales necesarios para trabajar mejor con las imágenes digitales Yolanda Mejido González 1

Conceptos básicos sobre imagen digital

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

Yolanda Mejido González 6

1.Típos de imágenes digitales

Page 7: Conceptos básicos sobre imagen digital Conocimientos generales necesarios para trabajar mejor con las imágenes digitales Yolanda Mejido González 1

Conceptos básicos sobre imagen digital

Yolanda Mejido González 7

1.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.

Page 8: Conceptos básicos sobre imagen digital Conocimientos generales necesarios para trabajar mejor con las imágenes digitales Yolanda Mejido González 1

Conceptos básicos sobre imagen digital

Yolanda Mejido González 8

2.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.

Page 9: Conceptos básicos sobre imagen digital Conocimientos generales necesarios para trabajar mejor con las imágenes digitales Yolanda Mejido González 1

Conceptos básicos sobre imagen digital

Yolanda Mejido González 9

2.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”.

Page 10: Conceptos básicos sobre imagen digital Conocimientos generales necesarios para trabajar mejor con las imágenes digitales Yolanda Mejido González 1

Conceptos básicos sobre imagen digital

Yolanda Mejido González 10

2.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).

Page 11: Conceptos básicos sobre imagen digital Conocimientos generales necesarios para trabajar mejor con las imágenes digitales Yolanda Mejido González 1

Conceptos básicos sobre imagen digital

Yolanda Mejido González 11

2.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.

Page 12: Conceptos básicos sobre imagen digital Conocimientos generales necesarios para trabajar mejor con las imágenes digitales Yolanda Mejido González 1

Conceptos básicos sobre imagen digital

Yolanda Mejido González 12

3.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:1.Reduciendo el tamaño de la imagen.2.Reduciendo la resolución de la imagen.3.Reduciendo la profundidad de color.

El cuarto procedimiento se basa en un algoritmo que reduce alguna de las características anteriores:4.Compresión o conversión a un formato

comprimido (PNG, GIF).

Page 13: Conceptos básicos sobre imagen digital Conocimientos generales necesarios para trabajar mejor con las imágenes digitales Yolanda Mejido González 1

Conceptos básicos sobre imagen digital

Yolanda Mejido González 13

4.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

Page 14: Conceptos básicos sobre imagen digital Conocimientos generales necesarios para trabajar mejor con las imágenes digitales Yolanda Mejido González 1

Conceptos básicos sobre imagen digital

Yolanda Mejido González 14

4.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

Page 15: Conceptos básicos sobre imagen digital Conocimientos generales necesarios para trabajar mejor con las imágenes digitales Yolanda Mejido González 1

Conceptos básicos sobre imagen digital

Yolanda Mejido González 15

5.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.

Page 16: Conceptos básicos sobre imagen digital Conocimientos generales necesarios para trabajar mejor con las imágenes digitales Yolanda Mejido González 1

Conceptos básicos sobre imagen digital

Yolanda Mejido González 16

5.La profundidad de color.

Algunos algoritmos de compresión (.GIF y .PNG-8) se basan en reducir profundidad de color, para reducir el peso.

Page 17: Conceptos básicos sobre imagen digital Conocimientos generales necesarios para trabajar mejor con las imágenes digitales Yolanda Mejido González 1

Conceptos básicos sobre imagen digital

Yolanda Mejido González 17

5.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

Page 18: Conceptos básicos sobre imagen digital Conocimientos generales necesarios para trabajar mejor con las imágenes digitales Yolanda Mejido González 1

Conceptos básicos sobre imagen digital

Yolanda Mejido González 18

5.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.

Page 19: Conceptos básicos sobre imagen digital Conocimientos generales necesarios para trabajar mejor con las imágenes digitales Yolanda Mejido González 1

Conceptos básicos sobre imagen digital

Yolanda Mejido González 19

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.

6.¿Qué formato utilizar?

Page 20: Conceptos básicos sobre imagen digital Conocimientos generales necesarios para trabajar mejor con las imágenes digitales Yolanda Mejido González 1

Conceptos básicos sobre imagen digital

Yolanda Mejido González 20

6.¿Qué formato utilizar?

Page 21: Conceptos básicos sobre imagen digital Conocimientos generales necesarios para trabajar mejor con las imágenes digitales Yolanda Mejido González 1

Conceptos básicos sobre imagen digital

Yolanda Mejido González 21

6.¿Qué formato utilizar?

Formato JPGJoint 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).

Page 22: Conceptos básicos sobre imagen digital Conocimientos generales necesarios para trabajar mejor con las imágenes digitales Yolanda Mejido González 1

Conceptos básicos sobre imagen digital

Yolanda Mejido González 22

6.¿Qué formato utilizar?

Formato PNGPortable 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).

Page 23: Conceptos básicos sobre imagen digital Conocimientos generales necesarios para trabajar mejor con las imágenes digitales Yolanda Mejido González 1

Conceptos básicos sobre imagen digital

Yolanda Mejido González 23

6.¿Qué formato utilizar?

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

Page 24: Conceptos básicos sobre imagen digital Conocimientos generales necesarios para trabajar mejor con las imágenes digitales Yolanda Mejido González 1

Conceptos básicos sobre imagen digital

Yolanda Mejido González 24

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.

6.¿Qué formato utilizar?

Page 25: Conceptos básicos sobre imagen digital Conocimientos generales necesarios para trabajar mejor con las imágenes digitales Yolanda Mejido González 1

Conceptos básicos sobre imagen digital

Yolanda Mejido González 25

6.¿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/formatos-imagen?nocache=2104

Page 26: Conceptos básicos sobre imagen digital Conocimientos generales necesarios para trabajar mejor con las imágenes digitales Yolanda Mejido González 1

Conceptos básicos sobre imagen digital

Yolanda Mejido González 26

6.¿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).

Page 27: Conceptos básicos sobre imagen digital Conocimientos generales necesarios para trabajar mejor con las imágenes digitales Yolanda Mejido González 1

Conceptos básicos sobre imagen digital

Yolanda Mejido González 27

6.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.

Page 28: Conceptos básicos sobre imagen digital Conocimientos generales necesarios para trabajar mejor con las imágenes digitales Yolanda Mejido González 1

Conceptos básicos sobre imagen digital

Yolanda Mejido González 28

6.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.

Page 29: Conceptos básicos sobre imagen digital Conocimientos generales necesarios para trabajar mejor con las imágenes digitales Yolanda Mejido González 1

Yolanda Mejido González 29

SOBREXPUESTA NORMAL SUBEXPUESTA

Aplicar efectos y filtros:(3).

Conceptos básicos sobre imagen digital

6.Brillo y Contraste.

Page 30: Conceptos básicos sobre imagen digital Conocimientos generales necesarios para trabajar mejor con las imágenes digitales Yolanda Mejido González 1

Yolanda Mejido González 30

Aplicar efectos y filtros:(3).

Conceptos básicos sobre imagen digital

Fin de la Presentación.