ImagenImagen DDigitaligitalConceptos BásicosConceptos Básicos

Es una representación visual de un objeto mediante técnicas diferentes de diseño, fotografía, pintura y video.

> | Qué es una Imagen?

>| Imagen Digital

Consideramos Imágenes Digitales a aquellas obtenidas mediante dispositivos como filmadoras, cámaras, celulares, scanners o generadas directamente por ordenadores.

El concepto de píxelUn píxel es cada uno de los pequeños cuadraditos que componen una imagen digital. Podemos hacernos una idea comparando una imagen digital con un mural formado por cientos de pequeños mosaicos de colores. Cada una de esos mosaicos sería un píxel. Cuando nos acercamos al mural vemos cada una de estos mosaicos; al alejarnos lo suficiente vemos una imagen continua, un todo.

>| Imagen Digital

El píxel es la unidad mínima de información de una imagen digital, pero a diferencia de los mosaicos puede tener hasta 16,7 millones de colores y pesa bastante menos.

>| Formatos de imagen en un sistema de mapa de bits.

- JPG o JPEG: Es uno de los formatos más conocidos y utilizados por su calidad y peso de los archivos.

- GIF: Este tipo de archivo se creó con la finalidad de obtener archivos de tamaño muy pequeños.Es recomendado para guardar imágenes NO fotográficas tales como: Logotipos, imágenes de colores planos, dibujos simples, etc. (8 bits-256 colores)

- PNG: Es un formato gráfico que comprime sin pérdida de datos y de uso libre. Almacena imágenes con una mayor profundidad de color (hasta 24 bits)

>| Diferencias, ventajas y desventajas.Pantalla Impresión.jpg, .gif, .png

.pdf, .swfEstos formatos pueden incluirgráficos de vectores y fuentes editables

.tiff , .psd, .bmp

.eps, .jpg y .png(alta calidad).

Estos formatos guardan mayor calidad de imagen pero su peso es considerablemente mayor

El Bit y el color

Los gráficos de mapa de bits almacenan una completa información sobre el color de cada uno de sus píxeles constituyentes. Cuantos más colores pueda tener la imagen, más calidad final tendrá y más información será necesario almacenar.Relacionados con el número de colores posibles, sus características y su almacenamiento encontramos como característica fundamental la Profundidad del color

8 bits

16 bits

Profundidad de colorLa profundidad de color de una imagen se refiere al número de colores diferentes que puede contener cada uno de los puntos o píxeles que la forman, y depende de la cantidad de información (número de bits) que puede almacenar un píxel.

Profundidades de colorCuanto mayor sea la profundidad de bit en una imagen, mayor será la cantidad de tonos (escala de grises o color) que puedan ser representados, más colores habrá disponibles y más exacta será la representación del color en la imagen digital. Las imágenes digitales se pueden producir en blanco y negro, a escala de grises o a color.

Modo:- Bitmap 1 bit (2 tonos blanco o negro) por pixel- Escala de Grises 8 bits (256 colores o grises) por pixel- RGB 24 bits (imagenes en color 16,7 millones de colores) por pixel- CMYK 32 bits (para impresion)

Jpg - Modo RGB - 8 bits167 Kb.

Gif 256 colores111 Kb.

Jpg - Modo Escala de Grises- 8 bits127 Kb.

PPP o PPI o DPILe resolución es la medida de los detallada y precisa que es una imagen.La escala de resolución se mide en píxeles por pulgada (PPP o DPI o PPI). Cuanto mayor sea la resolución, más detallada y definida es la imagen. Por lo tanto más pesada.

Qué formato y resolución utilizar e acuerdo al uso:

- Diseños en pantalla: web, cds. interactivo o presentaciones multimedialesFotos: .jpg o .png Gráficos: Vectoriales .swf o .gif o .pngResolución: 72 o 96 dpi

- Diseños imprimibles: folletos, afiches impresiones laser, transparencias, etc.

Fotos: .tiff, .psd, .bmp, .jpg o .png (alta calidad)Gráficos: vectores o psd o tiff o pdfResolución: de 150 a 300 dpi (dependiendo del tamaño de impresión)

Resolución de una imagen (Importante para el peso de la imagen)

Foto en .jpg con 72 dpi168 Kb.

Foto en .jpg con 300 dpi1167 Kb. ó 1.14 Mb

El monitor las va a mostrar similares pero el peso será notoriamente menor mientras menos dpi tenga

>| Conclusión 1

La para la Optimización de imágenes para diseños de pantalla se deberá tener en cuentaLa calidad de la imagen en relación con el menor peso posible para lograr presentaciones Atractivas y de rápida visualización.

Para fotografías:- formato .jpg o .png- 72 dpi de resolución- 8 bits de profundidad (este formato no soporta más que eso)- Modo RGB

Para logos simples con colores planos:- formato .gif- 72 dpi de resolución- Modo Indexado

Softwares de tratamiento de imágenes más utilizados:

-Photoshop-Fireworks-Picnik (editores online)-Splashup (editores online)