Formato Imagenes para medios Impresos y DigitalesConsuelo Miranda

Las imágenes pueden ser de muchos formatos diferentes: bmp, gif, jpg, etc. Pero no todos estos formatos son adecuados para una web, debido a que pueden ocupar mucha memoria o a que no son compatibles con algunos navegadores.

Los formatos más utilizados son el GIF y el JPG, que a pesar de ser imágenes de menor calidad que las imágenes BMP, son más recomendables debido a que ocupan menos memoria. Vamos a ver un poco más sobre estos formatos: 5,47 Mb

1465x1465 pixelesGIF

Formato Web

Utilizan un máximo de 256 colores, y son recomendables para imágenes con grandes áreas de un mismo color o de tonos no continuos. Suelen utilizarse con gran frecuencia, ya que permiten contener transparencias y animación.

Formato GIF

28,3 K225x353 pixelesJPEG

25.5 K250x188 pixelesJPEG

12.5 K250x188 pixelesJPEG

Las imágenes son de mayor calidad que las GIF, al poder contener millones de colores, pero el tamaño de la imagen es mayor y tarda más en descargarse.

JPEG es el formato óptimo para fotografías digitalizadas, imágenes que utilizan texturas, imágenes con transiciones de color en degradado o cualquier imagen que requiera más de 256 colores.

Ventajas:

* Soporta millones de colores a un peso relativamente bajo * Ampliamente soportado en todos los navegadores y plataformas

Desventajas:

* No soporta transparencias * El formato no es libre

Formato JPEG

(Portable Networks Graphic). Es un formato gráfico que esta basado en un algoritmo de compresion sin pérdidas, y fue desarrollado para resolver las deficiencias del GIF, principalmente en cuanto a profundidad de color.

Por otro lado, Fireworks es el software que mejor maneja los filtros de compresión para PNG por lo que, aprendiendo a manejar la herramienta de optimización y exportación, lograremos los mejores gráficos e imagenes para internet.

Una de las principales ventajas de PNG, es que independientemente de la profundidad de color que se use, la compresión permite archivos de muy bajo peso sin pérdida de calidad.

El número de canales depende de si la imagen es en escala de grises o en color y si dispone de canal alfa (canal de transparencia). La combinaciones permitidas por PNG son:

* Escala de grises (1 canal) * Escala de grises y canal alfa (2 canales) * Canales rojo, verde y azul (RGB, 3 canales. También llamado “color verdadero”) * Canales rojo, verde, azul y alfa (RGB + alfa, 4 canales)

PNG soporta tanto transparencia alfa (los bits pueden ser “medio” transparentes) como transparencia de índice en sus tres versiones, Todos los navegadores actuales tienen soporte para PNGs con transparencia alfa excepto Internet Explorer, que soporta PNGs con transparencia de indice, y transparencia alfa solo en imágenes de menos de 8 Bits (siempre interpretada como transparencia de índice).

Formato PNG

320x240 pixeles PNG

Dado el variado numero de niveles de funcionalidad asociado con dispositivos móviles, en el 2005, T38 y DuPont Global Mobility Innovation Team propusieron los siguientes estándares para la definición de dispositivos móviles:

* Dispositivo Móvil de Datos Limitados (Limited Data Mobile Device): dispositivos que tienen una pantalla pequeña, principalmente basada en pantalla de tipo texto con con servicios de datos generalmente limitados a SMS y acceso WAP. Un típico ejemplo de este tipo de dispositivos son los teléfonos móviles. * Dispositivo Móvil de Datos Básicos (Basic Data Mobile Device): dispositivos que tienen una pantalla de mediano tamaño, (entre 120 x 120 y 240 x 240 pixels), menu o navegación basada en íconos por medio de una “rueda” o cursor, y que ofrecen acceso a e-mails, lista de direcciones, SMS, y un navegador web básico. Un típico ejemplo de este tipo de dispositivos son las BlackBerry y los Teléfonos Inteligentes. * Dispositivo Móvil de Datos Mejorados (Enhanced Data Mobile Device): dispositivos que tienen pantallas de medianas a grandes (por encima de los 240 x 120 pixels), navegación de tipo stylus, y que ofrecen las mismas características que el “Dispositivo Móvil de Datos Básicos” (Basic Data Mobile Devices) más aplicaciones nativas como aplicaciones de Microsoft Office Mobile (Word, Excel, PowerPoint) y aplicaciones corporativas usuales, en versión móvil, como Sap, portales intranet, etc. Este tipo de dispositivos incluyen los Sistemas Operativos como Windows Mobile 2003 o version 5, como en las Pocket PCs.

El transito de la imagen en computadora a la imagen impresa se realiza mediante dos procesos técnicos:

* El Tramado de la imagen, o su conversión en un conjunto de puntos. * La Separación de los colores, o conversión de cualquier matiz de la imagen en los componentes básicos de color usados en la imprenta: cian, magenta, amarillo y negro.

La combinación de estas tonalidades refleja la imagen original. Así pues, la mayoría de impresiones offset, que nos muestran millones de colores, en realidad son sólo la mezcla de esos cuatro colores en distintas proporciones (tonos).

De esta manera, por ejemplo cuando se mezcla magenta con cian vemos morado, cuando se mezcla amarillo con magenta vemos rojo o cuando mezclamos amarillo con cian vemos verde.

Por lo que, si nos fijamos con una lupa en nuestra impresión, nos damos cuenta que la imagen no es uniforme, sino que esta compuesta por cientos de miles de puntitos (tramado) de distintos colores.

Entendiendo entonces, con esta introducción, como funciona la impresión offset, afirmar que la combinación de colores a utilizar para un Diseño Gráfico debe ser la CMYK, cosa distinta a la de un diseño Web (RGB).

Formato Offset

Formato TIFF

La denominación en inglés “Tagged Image File Format” (formato de archivo de imágenes con etiquetas) se debe a que los ficheros TIFF contienen, además de los datos de la imagen propiamente dicha, “etiquetas” en las que se archiva información sobre las características de la imagen, que sirve para su tratamiento posterior.Estas etiquetas describen el formato de las imágenes almacenadas, que pueden ser de distinta naturaleza:

* Binarias (blanco y negro), adecuadas para textos, por ejemplo. * Niveles de gris, adecuadas para imágenes de tonos continuos como fotos en blanco y negro. * Paleta de colores, adecuadas para almacenar diseños gráficos con un número limitado de colores. * Color real, adecuadas para almacenar imágenes de tono continuo, como fotos en color.

Hay también etiquetas que especifican el formato interno de almacenamiento de la imagen: completas, por bandas o por secciones rectangulares, lo cual permite a muchas aplicaciones optimizar los tiempos de carga o leer únicamente la zona de interés de una imagen grande.

Un aspecto muy práctico del formato TIFF es que permite almacenar más de una imagen en el mismo archivo.

La importancia de este punto, es que permite guardar dentro de la misma imagen los 4 colores CMYK por separado.

14,5 Mb1604x1620 pixelesTIFF

El formato JPEG no es recomendable para este tipo de impresión, ya que es un formato comprimido, por lo tanto es de pérdida de información. No permite separar los colores ni guardar los layers de la imagen. Este formato es recomendable para web.

Las imágenes del tipo vectorial se representan con trazos geométricos, controlados por cálculos y fórmulas matemáticas, que toman algunos puntos de la imagen como referencia para construir el resto.

Las instrucciones aquí no son para cada punto de la imagen, sino que describen matemáticamente las líneas y curvas que constituyen la imagen. A esos trazos se les llama vectores. Una línea, en este tipo de imágenes, se define por la posición de sólo dos puntos (principio y fin) y por una función que describe el camino entre ellos.

La principal ventaja de las imágenes vectoriales es su capacidad de almacenar los dibujos en un archivo muy compacto, ya que sólo se requiere la información necesaria para generar cada uno de los vectores. Los vectores pueden definir algunas propiedades de los objetos como el grosor de la línea o incluso el color de relleno de los objetos.

Los cambios de tamaño de las imágenes vectoriales no afectan a la calidad de las mismas, pues se actualizan de forma matemática todas las nuevas relaciones y posiciones de los elementos geométricos que las componen.

Los dibujos se pueden escalar (reducir o aumentar el tamaño de la imagen), sin que se produzca una pérdida de información, puesto que si el dibujo aumenta o disminuye de tamaño el programa recalcula automáticamente la posición y longitud de cada uno de los vectores que dibuja cada uno de los elementos

Imagen vectorial

2,28 MbSVG

Este tipo de imágenes, es muy flexible, por lo que se comporta bien en todo tipo de medios digitales e impresos.Los videojuegos trabajan con este tipo de imágenes.Además, por estar construidos por lineas y puntos y no bitmap, o pixeles, estos se pueden reducir y ampliar, lo que significa que se comportan bien en formatos pequeños, como por ejemplo la interfaz móvil.