Bienvenidos

Hola

Formatos de Imagen

En Internet se utilizan principalmente dos tipos de archivos gráficos GIF y JPG, pensados especialmente para optimizar el tamaño que ocupan en disco, ya que los archivos pequeños se transmiten más rápidamente por la Red.

El formato de archivo GIF se usa para las imágenes que tengan dibujos, mientras que el formato JPG se usa para las fotografías. Los dos comprimen las imágenes para guardarlas. La forma de comprimir la imagen que utiliza cada formato es lo que los hace ideales para unos u otros propósitos.


GIF(Graphic Interchange Format)

Utiliza compresion de un máximo de 8 bits (256 colores)

Ventajas:
  • Amplia compatibilidad en los navegadores
  • La transparencia puede ser muy útil, si se sabe utilizar.
  • La compresión logra imagenes de muy bajo peso.
Desventajas:
  • Límite de 256 colores (degradados y fotografías se ven muy mal)
  • No es formato libre.
En Fireworks:
  • GIF Web 16 (impone que todos los colores sean seguros para la Web. La paleta de colores contiene hasta 216 colores.)
  • GIF WebSnap 256 (convierte los colores que no son seguros para la Web en sus correspondientes seguros más cercanos. La paleta de colores puede contener hasta 256 colores como máximo.)
  • GIF WebSnap 128 (convierte los colores que no son seguros para la Web en sus correspondientes seguros más cercanos. La paleta de colores contiene hasta 128 colores.)
  • GIF adaptable 256 (es una paleta de colores que contiene sólo los colores utilizados en el gráfico. La paleta de colores puede contener hasta 256 colores como máximo.)
  • GIF animado WebSnap 128 (define el formato del archivo como GIF animado y convierte los colores que no sean seguros para la Web en sus correspondientes seguros más cercanos. La paleta de colores contiene hasta 128 colores.)

JPG(Joint of Photographic Experts Group)


El formato JPEG admite millones de colores (24 bits). JPEG es el formato óptimo para fotografías digitalizadas

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
En Fireworks:
  • JPG - Calidad Superior (define la calidad en 80 y el suavizado en 0, creando un gráfico de alta calidad pero más grande.)
  • JPG - Archivo más pequeño (define la calidad en 60 y el suavizado en 2, creando un gráfico de calidad reducida pero que ocupa la mitad que uno de calidad superior.)


PNG(Portable Networks Graphic).

Ventajas:
  • En la mayoría de los casos prácticos, se obtiene la mejor relación peso/calidad.
  • Formato libre.
  • Recomendado por W3C.
  • Acepta transparencias.
Desventajas:
  • Imágenes con mucho color y texturas suelen ser muy pesadas
  • El soporte de PNG no es tan amplio como los formatos anteriores.
En Fireworks:

  • PNG 8, se pueden usar para gráficos sencillos, colores planos, logos, pequeñas sombras, y para imagenes que no requieran mucho color.
  • PNG 24 sirven para gráficos más complejos, degradados de varios colores, fotografías no tan complejas.
  • PNG 32 para todo tipo de imágenes complejas, fotografías con mucho color etc.

Optimizar ficheros

Para que las imágenes ocupen lo menos posible y se transfieran rápidamente por la Red debemos aprender a optimizar los ficheros gráficos. Para ello debemos hacer lo siguiente:

Para los archivos GIF: Reduciremos el número de colores de nuestra paleta. Esto se hace con nuestro editor gráfico, en muchos casos podremos hacerlo al guardar el archivo.

Para los archivos JPG: Ajustaremos la calidad del archivo cuando lo estemos guardando. Este formato nos permite bajar mucho la calidad de la imagen sin que esta pierda mucho en su aspecto visual.