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

Imagen con 256 colores GIF 256 colores - 10,8 KB

Imagen con 32 colores GIF 32 colores - 5,5 KB

Imagen con 4 colores GIF 4 colores - 2 KB


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.

Imagen de calidad 0 pesa 3K JPG
calidad 0
3 KB
Imagen de calidad 30 pesa 5,9K JPG
calidad 20
5,9 KB
Imagen de calidad 50 pesa 10K JPG
calidad 50
10 KB

Imagen tomada en Photoshop cuando se guarda para el web
Photoshop es una herramienta excelente para optimizar ficheros. Viendo varias copias podemos elegir la más adecuada.

Es imprescindible disponer para optimizar la imagen de una herramienta buena que nos permita configurar estas características de la imagen con libertad y fácilmente. Photoshop 7 es un programa bastante recomendable, pues incorpora una opción que se llama "Guardar para el Web" con la que podemos definir los colores del gif, calidad del JPG y otras opciones en varias muestras a la vez. Así con todas las opciones configurables, viendo los resultados a la vez que el tamaño del archivo podemos optimizar la imagen de una manera precisa con los resultados que deseamos.

También existen en el mercado otros programas que nos permiten optimizar estas imágenes de manera sorprendente. Una vez hemos creado la imagen la pasamos por estos programas y nos comprimen aun más el archivo, haciéndolo rápido de transferir y, por tanto, más optimo para Internet. Al ser estas utilidades tan especializadas los resultados suelen ser mejores que con los programas de edición gráfica.

Los sistemas de compresión también pueden caracterizarse como sin pérdida o con pérdida. Los sistemas sin pérdida, como ITU-T.6, abrevian el código binario sin desechar información, por lo que, cuando se "descomprime" la imagen, ésta es idéntica bit por bit al original. Los sistemas con pérdida, como JPEG, utilizan una manera de compensar o desechar la información menos importante, basada en un entendimiento de la percepción visual. Sin embargo, puede ser extremadamente difícil detectar los efectos de la compresión con pérdida, y la imagen puede considerarse "sin pérdida visual". La compresión sin pérdida se utiliza con mayor frecuencia en el escaneado bitonal de material de texto. La compresión con pérdida típicamente se utiliza con imágenes tonales, y en particular imágenes de tono continuo en donde la simple abreviatura de información no tendrá como resultado un ahorro de archivo apreciable.

Compresión con pérdida: Observe los efectos de la compresión JPEG con pérdida sobre la imagen ampliada por medio del zoom (izquierda). En la imagen inferior, se ven artefactos en forma de cuadrados de píxel de 8 x 8, y los detalles finos, como por ejemplo las pestañas, han desaparecido.

Los sistemas de compresión emergentes ofrecen la capacidad de proporcionar imágenes de resolución múltiple desde un solo archivo, proporcionando flexibilidad en la entrega y la presentación de las imágenes a los usuarios finales.

Puede ver una tabla que resume los atributos importantes de las técnicas de compresión comunes

Ejemplos de optimizadores gráficos:
- WebGraphics Optimizer

Y con versiones Online:
- JPG - GIF Crunchers
-
GIF Wizard

 

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 |