GIF e imágenes animadas
Cómo reducir el peso de un GIF sin arruinar la animación
Para reducir los bytes de un GIF, elimina primero área o duración innecesaria y después considera menos colores o fotogramas. Mostrarlo más pequeño con CSS no reduce el archivo que subes. Exporta una copia real y compara sus bytes, su legibilidad y su movimiento.
Por Tubelexity / Publicado / Actualizado
Comparar ajustes de compresión de GIFHaz el cambio más pequeño que resuelva el problema
Un GIF animado guarda una secuencia de regiones de imagen con colores indexados. Fondos detallados, bordes ruidosos y píxeles que cambian continuamente pueden ocupar muchos bytes incluso en una animación corta. Ocho fotogramas no pesan necesariamente el doble que cuatro: también importan las paletas, patrones repetidos, regiones modificadas y decisiones del codificador.
Anota dimensiones, número de fotogramas, duración y peso antes de editar. Si el límite es de píxeles, redimensiona. Si es de kilobytes, mide la exportación y considera la paleta o los FPS. Son problemas relacionados, pero no equivalentes.
Recortar, redimensionar o reducir colores
Recortar elimina una zona de la composición. Redimensionar conserva la composición, pero representa cada sujeto con menos píxeles. Reducir anchura y altura a la mitad deja un cuarto de los píxeles por fotograma completo; no garantiza ahorrar un 75 % de bytes. Revisa que el texto pequeño siga siendo legible.
La tabla de color de GIF admite hasta 256 entradas. Una paleta menor puede crear bandas en gradientes o fusionar tonos próximos. El tramado simula tonos con patrones, pero esos patrones también pueden costar bytes. Mira fondos lisos, contornos y piel al tamaño de uso final.
La codificación LZW de GIF no pierde información respecto a sus muestras indexadas. Sin embargo, reducir colores, cambiar dimensiones o eliminar fotogramas ya ha descartado información antes de esa etapa. Llamar sin pérdida a todo ese proceso sería engañoso.
Fotogramas y pausas son controles distintos
Eliminar fotogramas alternos y duplicar la pausa de los que quedan conserva la duración, pero hace el movimiento menos fluido. Eliminarlos sin compensar las pausas acelera la acción. GIF guarda los tiempos en centésimas de segundo; algunos reproductores imponen una pausa mínima, por lo que debes comprobar el destino real.
Cambiar velocidad puede modificar solo los bytes de tiempo sin tocar los datos de imagen. Por eso reproducir más rápido no equivale a comprimir. Conserva las pausas que explican la acción y revisa el último fotograma y la unión entre repeticiones: una demostración escrita puede necesitar más tiempo al final que un indicador decorativo.
Ejemplo medido: ocho fotogramas de gradiente
El 22 de octubre de 2026 se generaron ocho fotogramas RGBA de 96 × 64, de 100 ms cada uno, con una franja transparente de ocho píxeles. El GIF original usaba 256 colores, sin tramado y repetición infinita. Se aplicaron los comandos existentes de redimensionado y recorte; la compresión de paleta usó 10 FPS, 32 colores y ningún tramado. La receta reproducible está en e2e/phase17-evidence.spec.ts del repositorio.
Todos los resultados conservan ocho fotogramas. Redimensionar reduce detalle espacial; recortar desde la esquina superior izquierda elimina composición; 32 colores reduce la suavidad del gradiente. Son consecuencias de los ajustes, no una puntuación perceptual de calidad. La versión a doble velocidad conserva exactamente los bytes de imagen. Otros archivos y codificadores darán resultados diferentes.
| Método | Dimensiones | Fotogramas | Duración | Bytes |
|---|---|---|---|---|
| Original | 96 × 64 | 8 | 0,8 s | 29249 |
| Redimensionado | 48 × 32 | 8 | 0,8 s | 9782 |
| Recorte | 48 × 32 | 8 | 0,8 s | 7251 |
| Paleta de 32 colores | 96 × 64 | 8 | 0,8 s | 6421 |
| Velocidad ×2 | 96 × 64 | 8 | 0,4 s | 29249 |
Cuándo conviene WebP o MP4
En una web que controlas, WebP animado puede ofrecer color completo y transparencia parcial. MP4 puede ser eficiente para movimiento fotográfico, pero es video: cambian las políticas de reproducción automática y el comportamiento de la página. El MP4 H.264 de esta herramienta no conserva alfa y el GIF de entrada no aporta sonido.
Las aplicaciones de mensajería y redes pueden recodificar, detener animaciones o rechazar formatos. Comprueba su interfaz actual en lugar de asumir un límite universal. Si un objetivo estricto exige texto ilegible o movimiento roto, simplifica el original o envía video cuando se admita. Ningún compresor garantiza cualquier límite de bytes manteniendo todos los detalles.
Pasos recomendados
- Anota píxeles, fotogramas, duración y bytes del original.
- Prueba un recorte o redimensionado, cambiando una variable cada vez.
- Compara paleta y tramado en bordes y gradientes.
- Revisa pausas, último fotograma y repetición en el destino.
- Descarga la versión que cumpla el límite sin perder la información útil.
Preguntas frecuentes
¿Acelerar un GIF lo comprime?
No necesariamente. En el ejemplo, cambiar solo los tiempos mantuvo 29249 bytes y redujo la duración de 0,8 a 0,4 segundos.
¿Por qué un GIF reducido aún pesa mucho?
Dimensiones no es lo mismo que bytes. Los colores, patrones, fotogramas y codificación siguen influyendo.
¿Qué hago si el optimizador no alcanza el objetivo?
Reduce más las dimensiones, simplifica la fuente o considera video. El optimizador tiene intentos limitados y muestra el resultado medido, no una garantía.