El GIF humilde está regresando simplemente porque con el uso cada vez mayor de teléfonos inteligentes y usuarios con un ancho de banda limitado, los usuarios esperan tiempos de carga casi instantáneos. Cuanto más pequeñas sean sus imágenes web, más rápido se cargarán sus imágenes y más felices serán sus visitantes. Además, muchos sitios web tienen restricciones en el tamaño de los banners publicitarios.
Imágenes GIF y la web
Las imágenes GIF no deben considerarse como una solución única para todos. Las imágenes GIF tienen un máximo de 256 colores, lo que significa que puede esperar una gran degradación de la imagen y el color si no tiene cuidado. El formato de archivo GIF, en muchos aspectos, es un formato heredado que se remonta a los primeros días de la web. Antes de la introducción del formato GIF, las imágenes web eran en blanco y negro y se comprimían utilizando el formato RLE. Aparecieron por primera vez en la escena en 1987 cuando Compuserve lanzó el formato como una solución de imágenes web. En ese momento, el color estaba emergiendo en el escritorio y los módems conectados a la línea telefónica accedían a la red. Esto creó la necesidad de un formato de imagen que mantuviera las imágenes lo suficientemente pequeñas para ser entregadas, a través de una línea telefónica, a un navegador web en poco tiempo.
Las imágenes GIF son ideales para gráficos de bordes afilados con una paleta de colores limitada, como un logotipo o un dibujo de líneas. Aunque se pueden usar para fotografías, la paleta de colores reducida introducirá artefactos en la imagen. Sin embargo, el movimiento de Glitch Art y el auge del cine han despertado un renovado interés en el formato GIF.
Cómo reducir el tamaño del archivo GIF para un mejor rendimiento del sitio web
Estos consejos te ayudarán a hacer tus GIF lo más pequeños posible.
-
Recorta cualquier espacio extra alrededor de la imagen. Reducir las dimensiones en píxeles de su imagen es la forma más efectiva de reducir el tamaño del archivo. Si usa Photoshop, el comando Recortar funciona bien para esto.
-
Cuando prepare una imagen gif, es posible que desee reducir las dimensiones de salida.
-
Reducir el número de colores en la imagen.
-
Para GIF animados, reduzca la cantidad de cuadros en la imagen.
-
Si utiliza Photoshop CC 2017, puede crear un archivo GIF utilizando el elemento de menú Exportar como. Seleccionar Expediente > Exportar cómo … y cuando se abra el menú, seleccione GIF como el formato de archivo y reduzca las dimensiones físicas (ancho y alto) de la imagen.
-
Si utiliza Adobe Photoshop Elements 14, seleccione Expediente > Guardar para la web. Esto abrirá el cuadro de diálogo Guardar para Web que también se encuentra en Adobe Photoshop CC 2017, Expediente > Exportar > Guardar para web (legado). Cuando se abre, puede aplicar tramado, reducir el color y las dimensiones físicas de la imagen.
-
Evitar el vacilamiento La interpolación puede hacer que algunas imágenes se vean mejor, pero aumentará el tamaño del archivo. Si su software lo permite, use un nivel inferior de interpolación para guardar bytes adicionales.
-
Algunos programas tienen una opción de "pérdida" para guardar archivos GIF. Esta opción puede reducir significativamente el tamaño del archivo, pero también reduce la calidad de la imagen.
-
No utilice entrelazado. El entrelazado generalmente aumenta el tamaño del archivo.
-
Tanto Photoshop como Photoshop Elements le mostrarán el tiempo de descarga. No le prestes atención. Se basa en el uso de un módem de 56k. Aparecerá un número más válido si selecciona un módem por cable en el menú desplegable.
Consejos
- Evita la animación inútil. La animación excesiva no solo aumenta el tiempo de descarga de su página web, sino que a muchos usuarios les resulta molesto.
- Las imágenes GIF con grandes bloques de color sólido y patrones horizontales se comprimen mejor que las imágenes con gradaciones de color, sombras suaves y patrones verticales.
- Al reducir los colores en GIF, obtendrá la mejor compresión cuando los colores numéricos se configuren en la menor de las opciones posibles: 2, 4, 8, 16, 32, 64, 128 o 256.
