La optimización de su sitio web para un rendimiento más rápido es más importante que nunca. Los usuarios del sitio web esperan un servicio sin problemas y los SERP prefieren páginas que se carguen rápidamente. Como resultado, debe optimizar sus imágenes, incluidos los GIF, para el rendimiento del sitio. Si eres de los que usa GIFs para comunicar sus opiniones y hacer bromas, necesitas saber cómo comprimirlos. Los archivos pueden ser enormes si no tienes cuidado, por lo que el factor principal para optimizar una imagen es aprender a comprimir un GIF animado.
Cubriremos los pasos que debe seguir para comprimir su GIF. También proporcionaremos un resumen de las herramientas de compresión que puede usar para que sepa cuáles son sus opciones.
¿Qué es un GIF animado?
El GIF puede ser una imagen estática o una imagen animada. Si pasa mucho tiempo en las redes sociales o en aplicaciones de mensajería como Facebook Messenger, Slack o Skype, probablemente haya visto y enviado muchos GIF animados. A diferencia de las películas, los GIF animados son una compilación de imágenes estáticas. (How-To Geek se refiere a ellos como «flipbooks,«La frase que amo.)
Los GIF animados básicamente contienen múltiples imágenes GIF estáticas. Parecen moverse a medida que los cuadros se combinan y se reproducen secuencialmente. Dado que técnicamente muchos archivos individuales forman un solo GIF animado, cada GIF puede ocupar mucho espacio.
Sin embargo, existen limitaciones. GIF solo admite 256 colores, lo que afecta el tamaño de cada archivo, ya que las combinaciones de colores intentan imitar imágenes tan ricas en colores como los archivos JPEG. (La imagen JPEG admite hasta 16,7 millones de sombras). Como resultado, el tamaño de archivo de un GIF animado suele ser bastante grande y contiene una gran cantidad de información de color. Colocar GIF grandes o de carga lenta en su sitio puede causar problemas con el rendimiento de su sitio.
¿Por qué debo comprimir un GIF animado?
Dado que los archivos grandes, como los GIF animados, pueden ralentizar su sitio web y los tiempos de carga, es una buena idea comprimirlos siempre que sea posible. Sin embargo, no hagas esto en el vacío. Es importante considerar la compresión de GIF como parte de la estrategia de optimización de su sitio web (que también debe incluir la compresión de imágenes y otros gráficos).
Si posee un sitio de WordPress, hay muchos factores que pueden afectar los tiempos de carga y el rendimiento de su sitio. Algunos de ellos incluyen sus imágenes, complementos de WordPress y versiones del sitio. Los GIF que usas en tu sitio son otra gran pieza de este rompecabezas.
Los GIF animados suelen tener más de 1 MB, lo que significa que el tiempo de carga de su sitio web puede verse afectado significativamente. A medida que avanza, verá un cambio significativo en el tamaño del archivo que se produce después de que el GIF animado haya pasado por el proceso de compresión.
Cómo comprimir un GIF animado
Aprender a comprimir un GIF animado es fácil y rápido. Le guiaremos a través de los pasos sobre cómo hacer esto. Pero primero, hablemos de algunas de las opciones de compresión GIF disponibles.
Ezgif
Ezgif es una herramienta de compresión gratuita que facilita el aprendizaje de cómo comprimir un GIF animado. Utilice esta herramienta basada en navegador para cargar y comprimir sus archivos en solo unos sencillos pasos. La herramienta funciona con compresión con pérdida, lo que significa que puede reducir el tamaño del archivo sin perder información. También reduce el tamaño del GIF reduciendo ligeramente el color, eliminando el exceso de fotogramas sin eliminar la animación en sí y haciendo que algunos elementos de la imagen sean transparentes.
Todo esto junto significa que los usuarios tendrán muchos menos datos para cargar.
Compresor de GIF
Compresor de GIF es otro compresor gratuito basado en navegador que permite a los usuarios comprimir por lotes hasta 20 archivos a la vez. Si comprime por lotes, obtendrá un archivo ZIP de descarga cuando se complete el proceso. Al igual que Ezgif, GIF Compressor es gratuito.
Comprimir o morir
Comprimir o morir es un compresor de GIF gratuito diseñado especialmente para usuarios que desean crear avatares pequeños pero de alta calidad a partir de sus GIF. El sitio permite a los usuarios cargar su propio archivo, arrastrar y soltar, pegar una URL de imagen, usar un URI de datos Base64 o usar un script Photoshop-JSX. Mientras que Ezgif y GIF Compressor permiten imágenes de hasta 50 MB, Compress or Die solo admite imágenes de hasta 8 MB. Entonces, si usa GIF animados muy detallados, esta no será una buena opción para usted.
Cómo comprimir un GIF animado con Ezgif
Ezgif es probablemente la mejor opción para la mayoría de las personas, por lo que vamos a echar un vistazo a todos los pasos que debe seguir para preparar imágenes para su sitio web.
Primero, iniciar una nueva ventana del navegador E ir a https://ezgif.com/optimizar. Sólo entonces seleccione una imagen desea transferir desde su computadora. También puede pegar la URL de la imagen si ya la tiene almacenada en línea en algún lugar. (En este caso, guardé la imagen de giphy para demostrar todos los beneficios de usar esta herramienta).
Haga clic en Enviary después de cargar el archivo, aparecerá en la ventana. Ahora puedes optimizar tu imagen eligiendo cómo y cuánto quieres comprimirla. Para los propósitos de este artículo, elegí GIF con pérdida y elegí nivel de compresión 200 (lo más pesado posible para esta herramienta).
Haz clic en Optimizar GIF.y verá el GIF optimizado que se muestra debajo del original. Los detalles y la información de la imagen optimizada estarán disponibles de inmediato.
Aunque los colores y la calidad se deterioraron levemente, el cambio no fue suficiente para garantizar el uso de un GIF que tenía casi 5 MB en su forma original. Después de comprimir, el tamaño del archivo se redujo a 1,58 MB. eso es un 70% de descuento. Es realmente impresionante. Sin embargo, como mencionamos anteriormente, incluso 1,5 MB sigue siendo un archivo bastante grande.
Por este motivo, le sugerimos que utilice las herramientas integradas para seguir editando su GIF. Puede guardarlos en su computadora usando el menú debajo de la imagen. Además, dependiendo de las necesidades de tamaño (y calidad) de su archivo, puede reiniciarlo a través de Ezgif o incluso probar una herramienta de compresión diferente para un archivo ya comprimido. La calidad tiende a deteriorarse cada vez que haces esto, pero el nivel en el que está bien depende del contenido.
Solo recuerda que un GIF animado, incluso cuando está comprimido, no competirá con los archivos JPEG, SVG o WebP. Si necesita las imágenes más pequeñas y rápidas de Internet, debe abandonar la animación por completo.
Solicitud
Cuando trabaje en la optimización de su sitio para un rendimiento óptimo, asegúrese de comprimir los GIF. Recuerde que los GIF suelen ser mucho más grandes de lo que cabría esperar y no deben tomarse a la ligera al optimizar su sitio web. Con todo eso en mente, sabe cómo comprimir un GIF animado (y qué herramientas hacen el trabajo), por lo que su sitio web debería cargarse aún más rápido ahora.
Recuerde que cuando utilice cualquier tipo de medio en su sitio, asegúrese de que tenga la licencia adecuada para uso comercial. Esto también se aplica a los GIF, por motivos de seguridad.
¿Cuál es tu herramienta de compresión de GIF animados favorita? ¡Háganos saber lo que debemos usar en los comentarios!
Imagen destacada vía muchomoros / shutterstock.com
