3.1.- Imágenes estáticas | 3.2-GIF | 3.3.- JPG | 3.4.- Optimizar Ficheros | 3.5.- PNG | 3.6.- Archivos de animación | 3.7.- Scripts y Java | 3.8.- Vídeos | 3.9.- VRML | 3.10.- 360º | 3.11.- FLASH, Shockwave | 3.12.- Actividades |


3 .2.- GIF

El formato GIF (Graphics Interchange Format), es el formato de gráfico web más extendido. Aunque solamente puede contener 256 colores, ofrece una satisfactoria compresión de imágenes sin pérdida de datos.

Además, los archivos GIF pueden contener un área transparente y varios fotogramas para animación.
Las imágenes comprimidas "sin pérdida de datos" normalmente no sufren disminución en la calidad al comprimirse.

El método de compresión del formato GIF consiste en el examen horizontal de filas de píxeles, la detección de áreas sólidas de color y la reducción de áreas idénticas de píxeles que se encuentran en el archivo.
Así pues, las imágenes que contienen áreas repetitivas de color plano se comprimen mejor cuando se exportan con el formato GIF.
El formato GIF utiliza el color de 8 bits y comprime eficazmente áreas uniformes de color a la vez que preserva el detalle de enfoque, como líneas, logos o ilustraciones con texto.

El formato GIF utiliza la compresión LZW, que es un método de compresión sin pérdidas. Sin embargo, como los archivos GIF tienen un límite de 256 colores, optimizar una imagen original de 24 bits como un archivo GIF de 8 bits puede provocar cierta pérdida de la información de color. Además, Photoshop e ImageReady permiten aplicar una compresión con pérdida a un archivo GIF. Utilizar la opción Pérdida produce archivos significativamente menores en tamaño ya que sacrifica parte de la calidad de la imagen.

El tramado o sombreado de archivos GIF produce archivos de mayor tamaño.

Puede reducir el número de colores de una imagen GIF y seleccionar opciones para controlar el modo en que los colores se traman en la aplicación o en un navegador. GIF admite transparencia de fondo y halos de fondo, permitiendo fusionar los bordes de la imagen con el color de fondo de una página Web.

Por lo general, los archivos GIF son idóneos para crear gráficos animados, logotipos, gráficos con áreas transparentes o animaciones.

logo de desarrolloweb
Un logotipo es un ejemplo claro de imagen GIF
A parte de ser un archivo ideal para las imágenes que estén dibujadas tiene muchas otras características que son importantes y útiles.

Compresión: Es muy buena para dibujos, como ya hemos dicho. Incluso puede ser interesante si la imagen es muy pequeña, aunque sea una foto.
Una imagen con transparencia
Parte de esta imagen es transparente

Transparencia: es una utilidad para definir ciertas partes del dibujo como transparentes. De este modo podemos colocar las imágenes sobre distintos fondos sin que se vea el cuadrado donde está inscrito la el dibujo, viendose en cambio la silueta del dibujo en cuestión.


Para crear un gif transparente debemos utilizar un programa de diseño gráfico, con el podemos indicar qué colores del dibujo queremos que sean transparentes. Generalmente, definimos la transparencia cuando vamos a guardar el gráfico.

Colores: Con este formato gráfico podemos utilizar paletas, conjuntos, de 256 colores o menos. Este es un detalle muy importante, puesto que cuantos menos colores utilicemos en la imagen, por lo general, menos ocupará el archivo. En ocasiones, aunque utilicemos menos colores en un gráfico, este no pierde mucho en calidad, llegando a ser inapreciable a la vista.

En algunos programas podemos modificar la cantidad de colores al guardar el archivo, en otros lo hacemos mientras creamos el gráfico.


32 colores

16 colores

8 colores
Imagen tomada con distintas paletas de colores. Se puede apreciar como con pocos colores se ve bien el gráfico y como pierde un poco a medida que le restamos colores.

Algunos softwares para crear GIFs animados los podemos encontrar en:

Windows:

GIF Construction Set http://www.mindworkshop.com/alchemy/gifcon.html

el Xara3d, es bueno para hacer titulos sencillos, en 3d y animados. http://www.xara.com/products/xara3d/

Tambien tenes el "unlead gif animator", para algo mas elaborado. http://www.ulead.com/ga/

Con el "firewoks", podes hacer gif animados de muy buena resolucion y poco peso.
http://www.macromedia.com/es/software/fireworks/

Si necesitas movimientos mas complejos podes hacerlos en Flash y lo exportas como .gif animado.

Algunas Bibliotecas de Gifs animados son:

http://www.gifmania.com/

http://www.jugones.net/gifs/index.htm

 

3.1.- Imágenes estáticas | 3.2-GIF | 3.3.- JPG | 3.4.- Optimizar Ficheros | 3.5.- PNG | 3.6.- Archivos de animación | 3.7.- Scripts y Java | 3.8.- Vídeos | 3.9.- VRML | 3.10.- 360º | 3.11.- FLASH, Shockwave | 3.12.- Actividades |