Blogging & Tips

Cómo Comprimir un GIF Animado

Optimizar su sitio web para que funcione más rápido es más importante que nunca. Los usuarios de sitios web esperan una experiencia de usuario fluida y los SERP favorecen a los sitios que se cargan rápidamente. Por ello, debe optimizar sus imágenes, incluidos los GIF, para que el sitio funcione bien. Si eres de los que utiliza GIFs para comunicar tus puntos y hacer bromas, necesitas saber cómo comprimirlos. Los archivos pueden ser enormes si no tienes cuidado, así que un factor importante para la optimización de imágenes incluye aprender a comprimir un GIF animado.

Vamos a repasar los pasos que debes seguir para comprimir tu GIF. También compartiremos un resumen de las herramientas de compresión que puedes utilizar, para que sepas cuáles son tus opciones.

¿Qué es un GIF animado?

Un GIF puede ser una imagen estática o animada. Si has pasado mucho tiempo en las redes sociales o en aplicaciones de mensajería como Facebook Messenger, Slack o Skype, probablemente habrás visto y enviado muchos GIF animados. A diferencia de los vídeos, los GIF animados son una compilación de imágenes estáticas. (How-To Geek se refiere a ellos como «flipbooks», una expresión que me encanta).

Los GIF animados contienen esencialmente varias imágenes GIF estáticas. Parece que se mueven cuando los fotogramas se combinan y se reproducen en secuencia. Como técnicamente son muchos archivos individuales los que crean un único GIF animado, cada GIF puede ocupar bastante espacio.

Sin embargo, existen limitaciones. Un GIF sólo admite 256 colores, y eso afecta al tamaño de cada archivo, ya que las combinaciones de colores intentan imitar imágenes tan ricas en colores como los JPEG. (Una imagen JPEG admite la friolera de 16,7 millones de tonalidades). Como resultado, el tamaño del archivo de un GIF animado suele ser bastante grande, ya que sólo contiene esa enorme cantidad de información de color. Alojar GIFs grandes o de carga lenta en su sitio web puede crear problemas con el rendimiento del sitio web.

¿Por qué debería comprimir un GIF animado?

Debido a que los archivos grandes, como los GIFs animados, pueden ralentizar el rendimiento de su sitio web y el tiempo de carga, es conveniente comprimirlos siempre que sea posible. Sin embargo, no haga esto en el vacío. Es importante considerar la compresión de los GIF como parte de la estrategia de optimización de su sitio (que también debería incluir la compresión de imágenes y otros elementos gráficos).

Si eres propietario de un sitio web de WordPress, hay una serie de factores que pueden afectar al tiempo de carga y al rendimiento de tu sitio. Algunos de ellos son las imágenes, los plugins de WordPress y las revisiones del sitio. Los GIFs que usas en tu sitio son otra gran pieza de este rompecabezas.

Los GIFs animados son a menudo mayores de 1MB, lo que significa que el tiempo de carga de su sitio web podría estar recibiendo un golpe significativo. A medida que avancemos, verá el cambio significativo en el tamaño del archivo que tiene lugar una vez que ha llevado su GIF animado a través del proceso de compresión.

Cómo comprimir un GIF animado

Aprender a comprimir un GIF animado es fácil y rápido. Te guiaremos a través de los pasos para lograrlo. Primero, sin embargo, vamos a hablar de algunas de las opciones de compresión de GIF disponibles.

Ezgif

Ezgif es una herramienta de compresión gratuita que facilita la compresión de un GIF animado. Utiliza esta herramienta basada en el navegador para cargar y comprimir tus archivos en unos pocos y sencillos pasos. La herramienta funciona utilizando la compresión con pérdidas, lo que significa que puede reducir el tamaño del archivo sin perder información. También reduce el tamaño de tu GIF reduciendo ligeramente el color, eliminando el exceso de fotogramas sin quitarle importancia a la animación en sí, y haciendo que algunos elementos de la imagen sean transparentes.

Todo esto combinado significa que habrá significativamente menos datos para que sus usuarios carguen.

GIF Compressor

GIF Compressor es otro compresor gratuito basado en el navegador que permite a los usuarios comprimir por lotes hasta 20 archivos a la vez. Si comprimes por lotes, obtendrás un archivo ZIP para descargar cuando el proceso esté completo. Al igual que Ezgif, GIF Compressor es gratuito.

Compress or Die

Compress or Die es un compresor gratuito de GIFs que se adapta específicamente a los usuarios que quieren crear avatares pequeños pero de alta calidad a partir de sus GIFs. El sitio permite a los usuarios subir su propio archivo, arrastrar y soltar, pegar la URL de la imagen, utilizar un URI de datos Base64 o usar un script de Photoshop-JSX. Mientras que Ezgif y GIF Compressor permiten imágenes de hasta 50 MB, Compress or Die sólo admite imágenes de hasta 8 MB. Así que si estás haciendo uso de GIFs animados muy detallados, esta no será una buena opción para ti.

Cómo comprimir un GIF animado con Ezgif

Ezgif es probablemente la mejor opción para la mayoría de la gente, así que vamos a echar un vistazo a todos los pasos que necesitas para preparar las imágenes para tu sitio.

Primero, abre una nueva ventana del navegador y navega a https://ezgif.com/optimize. A continuación, sólo tienes que elegir la imagen que quieres subir desde tu ordenador. También puedes pegar la URL de la imagen si ya la tienes guardada en algún sitio. (En este caso, he guardado una imagen de Giphy para demostrar todas las ventajas del uso de esta herramienta).

Haga clic en Cargar, y una vez que su archivo haya sido cargado, aparecerá en la ventana. Ahora puedes optimizar la imagen eligiendo cómo y cuánto quieres comprimirla. Para el propósito de este artículo, seleccioné Lossy GIF y elegí un nivel de compresión de 200 (el más pesado posible para esta herramienta).

Haga clic en Optimizar GIF y verá el GIF optimizado debajo del original. Los detalles e información de la imagen optimizada estarán disponibles inmediatamente.

Aunque el color y la calidad se degradaron ligeramente, el cambio no fue suficiente para justificar el uso de un GIF que ocupaba casi 5MB en su forma original. Una vez comprimido, el tamaño del archivo se redujo a 1,58 MB. Esto supone una reducción del 70%. Es realmente impresionante. Sin embargo, como ya hemos dicho, incluso 1,5 MB es un archivo bastante grande.

Por ello, te sugerimos que utilices las herramientas integradas para seguir editando el GIF. Puedes guardarlos en tu ordenador utilizando el menú situado debajo de la imagen. Además, dependiendo del tamaño del archivo (y de la calidad) que necesites, puedes pasarlo de nuevo por Ezgif o incluso probar otra de las herramientas de compresión en el archivo ya comprimido. La calidad tiende a degradarse cada vez que se hace esto, pero el nivel en el que está bien depende de su contenido.

Recuerda que un GIF animado, aunque lo comprimas, no competirá con un archivo JPEG, SVG o WebP. Si necesitas las imágenes más pequeñas y rápidas de Internet, deberías renunciar a las animaciones por completo.

Conclusión

Mientras trabaja en la optimización de su sitio web para obtener un rendimiento óptimo, tenga en cuenta la compresión de GIF. Recuerde que los GIF suelen ser mucho más grandes de lo que cabría esperar y que no debe descuidarlos a la hora de optimizar su sitio. Con todo esto en mente, ya sabes cómo comprimir un GIF animado (y qué herramientas hacen el trabajo), por lo que tu sitio debería cargar aún más rápido ahora.

Ten en cuenta que cuando utilices cualquier tipo de medio en tu sitio web, deberás asegurarte de que tiene la licencia adecuada para su uso comercial. Eso incluye a los GIFs – sólo para estar seguros.

¿Cuál es tu herramienta favorita para comprimir un GIF animado? Háganos saber cuál debería usar en los comentarios.

Publicidad

Síguenos en Facebook