Cómo optimizar o reducir el tamaño de un archivo GIF para mi sitio web

Quien soy
Pavel Yosifovich
@pavelyosifovich
FUENTES CONSULTADAS:

support.google.com support.apple.com

Autor y referencias

Los GIF son archivos llamativos que pueden hacer que un sitio web sea más divertido; sin embargo, suelen ser archivos muy grandes (es decir, ocupan mucho espacio). Por lo tanto,  optimice su archivo GIF para su sitio web, para que sea más fácil de cargar y pueda cargar más rápido.

¿Qué es un GIF?

Un 'Formato de intercambio de datos' (GIF) es un tipo de video en color o formato de animación ampliamente utilizado en la web.Pueden ser creados por varios programas, como crear un GIF o una imagen animada con Google Photos y con páginas web como 3D Text Maker.



Hoy en día los GIFs son parte fundamental de los banners de muchas páginas web, así como de su contenido; y también los tenemos a mano en muchas redes sociales, como Twitter y Facebook.

Pasos para reducir el tamaño de un archivo GIF

En esta sección explicaremos cómo optimizar o reducir el tamaño de un archivo GIF para subirlo a la web de forma más rápida y cómoda. Es una tarea sencilla que podemos realizar de dos formas: utilizando un programa de edición de imágenes, como Photoshop; o mediante el uso de una página web de edición de GIF, como veremos a continuación.

Optimizar un archivo GIF usando Photoshop

Adobe Photoshop es una herramienta muy versátil y el proceso de compresión o reducir el tamaño de un archivo GIF por dentro es bastante simple. Además, nos permite cambiar el tamaño del archivo tanto como queramos. Si no tienes este programa en tu ordenador, no será un impedimento, ya que podemos usar y editar fotos en Photoshop sin descargarlo, online y gratis. Los pasos que debemos seguir son:


  • Abre el GIF que queremos modificar en Photoshop.
  • Vaya al menú 'Archivo', elija la opción 'Exportar' y, en este menú, la opción 'Guardar para Web'.
  • Esto abrirá un menú donde podemos cambiar «Colores y tamaño de la imagen» para reducir el tamaño del GIF. Por ejemplo, si el cuadro 'Colores' contiene 256, podemos bajarlo a 128 o 64; y también podemos reducir el número de píxeles en el cuadro "Tamaño". En la esquina inferior izquierda de la pantalla podemos ver cuánto cambia esto el tamaño del archivo.
  • Otra alternativa es cambiar el porcentaje de las barras en el menú 'Apto para web y menos calidad', pero hay que tener cuidado, ya que esto puede afectar mucho a la calidad del GIF (aunque también reduce mucho su tamaño).
  • Una vez satisfecho con el resultado, solo tenemos que seleccionar la opción 'Guardar...' y elegir la ruta de destino del archivo ya modificado.

Optimiza tu archivo GIF usando una página web

Si no se siente cómodo con Photoshop, hay varias herramientas en línea que nos permiten reducir el tamaño de un GIF sin reducir el calidad. Uno de ellos es Ezgif, un creador de GIF en línea gratuito donde podemos editar estos archivos para agregar texto, acelerar la velocidad de un GIF animado y, por supuesto, cambiar su tamaño, por lo que debemos seguir estos pasos:


  • Abramos Ezgif.com en la computadora y vayamos a la pestaña 'GIF Optimize'.
  • Pulsamos en 'Seleccionar archivo', elegimos el GIF que queremos optimizar (si no has guardado el GIF, puedes pegar la URL web) y pulsamos el botón 'Subir' para abrirlo.


  • Una vez cargado, podemos ver el GIF y una serie de parámetros que podemos modificar. Para reducir el tamaño, vamos a la barra de nivel de compresión y la movemos todo lo que queramos para optimizar el GIF (recordando que esto puede cambiar la calidad).
  • Cuando estemos satisfechos, pulsamos el botón " Optimiza tu archivo GIF »Para ver el resultado final, luego lo guardamos presionando el botón «Guardar».

Entonces optimice su archivo GIF para su sitio web, para que el usuario pueda disfrutar de tus contenidos de una forma más rápida y cómoda. Y están tan arraigados en nuestro día a día que incluso podemos crear y enviar GIF animados por WhatsApp a todos nuestros amigos.


¡Que este artículo te sea útil para crear tu propio GIF y puedas disfrutar de esta experiencia!

Añade un comentario de Cómo optimizar o reducir el tamaño de un archivo GIF para mi sitio web
¡Comentario enviado con éxito! Lo revisaremos en las próximas horas.