¿Subió un GIF a su sitio y se queda ahí como una imagen estática? Una situación conocida. WordPress procesa cada imagen en tres tamaños por defecto y, en uno de esos pasos, la animación simplemente se pierde.

El problema no es el archivo. Es cómo funciona la biblioteca multimedia: el sistema crea versiones en miniatura, mediana y grande y, en el caso de los GIF, solo toma el primer fotograma. El resultado es una imagen estática en lugar de movimiento. Puede solucionarlo en un par de minutos, sin plugins ni ediciones de código.

A continuación, encontrará dos métodos prácticos para restaurar la animación. Además, herramientas para comprimir GIF antes de subirlos y fuentes confiables para obtener archivos animados listos para usar.

💡 Resumen rápido:

• Al insertar un GIF, elija «Tamaño completo» en los ajustes del archivo adjunto. WordPress no creará miniaturas y conservará todos los fotogramas.
• Desactive los plugins de optimización de imágenes mientras realiza la carga. Estos comprimen el archivo de forma forzosa y eliminan la animación.
• Comprima los GIF antes de subirlos usando EZGIF o GIF Compressor. El tamaño del archivo se reducirá sin pérdida de calidad.

Por qué WordPress «rompe» la animación de los GIF

WordPress está diseñado para procesar imágenes estáticas. Cada vez que sube un archivo a la biblioteca multimedia, el sistema crea automáticamente tres copias: miniatura (150×150 px por defecto), tamaño mediano (hasta 768 px de ancho) y grande (hasta 2560 px). Estos valores se configuran en los ajustes de medios y se aplican a todos los tipos de imagen. Para JPEG y PNG esto es conveniente: obtiene versiones adaptables para distintos dispositivos.

Los GIF son diferentes. El formato almacena una secuencia de fotogramas, no una instantánea única. Cuando WordPress recorta un GIF a los tamaños estándar, extrae físicamente solo el primer fotograma. El resto se pierden. El resultado es una imagen estática que parece una captura del primer fotograma de la animación.

Los plugins de optimización (ShortPixel, Imagify, Smush) empeoran las cosas. Comprimen todo indiscriminadamente y no distinguen entre imágenes estáticas y animaciones. Los algoritmos son los mismos que para JPEG. El resultado es el mismo: el primer fotograma en lugar del movimiento.

La buena noticia: puede eludir el mecanismo de procesamiento sin tocar functions.php ni añadir plugins.

1. Suba los GIF a tamaño completo

El método más rápido es indicarle a WordPress que no cree copias reducidas para un archivo específico. Dos clics al insertar una imagen en una entrada.

Abra el editor de entradas o páginas. En el editor de bloques Gutenberg, cree un bloque de «Imagen» y suba el GIF usando el botón «Subir». En el editor clásico, haga clic en «Añadir medio» y arrastre el archivo a la ventana de carga.

Justo después de subirlo, mire el panel de ajustes de la derecha. En el bloque «Ajustes de visualización del archivo adjunto», busque la lista desplegable con los tamaños. Por defecto está configurado en Mediano o Grande. Seleccione «Tamaño completo».

Solo entonces haga clic en «Insertar en la entrada». WordPress omitirá la creación de miniaturas e insertará el original con todos los fotogramas de la animación. En el editor Gutenberg verá una vista previa de inmediato: el GIF se reproducirá directamente en el panel de administración.

Por qué funciona esto. Cuando selecciona el tamaño completo, WordPress usa el archivo original sin procesarlo. El sistema no ejecuta el recorte, por lo que la secuencia de fotogramas permanece intacta. El GIF se conserva sin modificaciones.

2. Desactive los plugins de optimización mientras sube el archivo

Los plugins de compresión son la segunda causa más común de GIF «rotos» después del procesamiento estándar de WordPress. Interceptan el archivo en el momento de la carga y lo pasan por sus algoritmos. Los algoritmos no distinguen entre imágenes estáticas y animaciones.

La solución es sencilla: desactive temporalmente los plugins de optimización antes de subir un GIF. Vaya a Plugins → Instalados, busque ShortPixel, Imagify, Smush, EWWW Image Optimizer y haga clic en «Desactivar» en cada uno. Suba el GIF a tamaño completo (método 1). Luego reactive los plugins.

Después de desactivarlos, limpie la caché tanto del servidor como del navegador. Los plugins de caché (WP Rocket, W3 Total Cache, LiteSpeed Cache) pueden almacenar una versión antigua de la página con la imagen dañada.

Una nota importante. Algunos plugins de optimización comprimen las imágenes mediante un proceso en segundo plano, no en el momento de la carga, sino uno o dos minutos después. Si el GIF dejó de animarse no de inmediato sino pasado un tiempo, revise la configuración del plugin. Casi todos tienen una opción para «Excluir GIF del procesamiento» o «Saltar imágenes animadas». Actívela y no tendrá que desactivar todo el plugin cada vez.

Un problema relacionado es el error HTTP al subir imágenes. Si después de cargar el archivo ve un mensaje de error en lugar de una imagen estática, la solución está en un artículo aparte: cómo solucionar el error HTTP de WordPress.

Cómo comprimir un GIF antes de subirlo a WordPress

Un GIF sin comprimir puede pesar 5, 10 o incluso 20 megabytes. Subir un archivo así a su sitio implica una ralentización garantizada en dispositivos móviles. Las Core Web Vitals responden a las imágenes pesadas con una caída en el LCP (Largest Contentful Paint).

El enfoque óptimo: comprima el GIF antes de subirlo a la biblioteca multimedia. Las herramientas gratuitas en línea lo hacen en un par de clics.

EZGIF es una herramienta integral para trabajar con GIF. Además de la compresión, permite recortar, ajustar la duración, cambiar la velocidad de la animación y convertir GIF a WebP y MP4. Sube un archivo o pega un enlace directo, elige un método de compresión (Lossy GIF ofrece la máxima reducción) y descarga el resultado. Funciona directamente en el navegador, sin necesidad de registro.

GIF Compressor es una herramienta con un único propósito: reducir el tamaño del archivo GIF. Admite arrastrar y soltar y cargas por lotes. El algoritmo optimiza la paleta de colores y elimina los píxeles duplicados entre fotogramas sin tocar la animación en sí.

Ambos servicios son gratuitos. Para un uso puntual, es suficiente. Si trabaja con GIF de forma habitual, considere alternativas de escritorio: ImageOptim para macOS o FileOptimizer para Windows.

Dónde conseguir GIF animados para su sitio

No necesita buscar GIF por todo internet. Dos fuentes confiables donde los archivos están clasificados por categoría y listos para insertar en su sitio.

Giphy es la mayor base de datos de imágenes animadas. Millones de GIF están divididos en categorías: desde reacciones y memes hasta infografías y animación abstracta. Los archivos pueden descargarse directamente o incrustarse mediante código de inserción. La licencia permite su uso en sitios web siempre que no revenda los archivos en sí.

Reaction GIFs es un catálogo de reacciones animadas: aplausos, sorpresa, risa, desaprobación. Resulta conveniente cuando necesita añadir énfasis emocional al texto sin romper el estilo. Los archivos se descargan con un clic, sin necesidad de registro.

Ambas fuentes le permiten filtrar los GIF por tamaño y duración, lo cual es útil cuando necesita un archivo ligero que no ralentice la página.

Vídeo: cómo añadir un GIF animado a WordPress

Un breve videotutorial en inglés que muestra todo el proceso, desde la carga hasta la publicación, con grabación de pantalla. Si después de leer aún tiene dudas sobre la interfaz del editor, el vídeo las resuelve visualmente.

⁉️🤔 Preguntas frecuentes

¿Puedo hacer que WordPress deje de crear miniaturas para los GIF automáticamente?

Sí, mediante el hook wp_handle_upload_prefilter en el archivo functions.php de su tema hijo. El hook intercepta el archivo antes del procesamiento y verifica el tipo MIME: si es image/gif, el sistema omite la creación de miniaturas. Pero cuando el tema padre se actualice, el código en functions.php se perderá. Por lo tanto, trabaje a través de un tema hijo o mueva el código al plugin Code Snippets, que sobrevive a cualquier actualización.

¿Por qué el GIF no se anima en la versión móvil de mi sitio?

La mayoría de las veces el problema es la carga diferida adaptativa. Algunos plugins de caché (WP Rocket, LiteSpeed Cache) reemplazan los GIF con una vista previa estática en dispositivos móviles para ahorrar ancho de banda. Revise la configuración del plugin: busque la opción «Carga diferida para iframes y vídeos» o «Reemplazar GIF con marcador de posición» y desactívela. Si eso no ayuda, pruebe el GIF usando las herramientas de desarrollo de Chrome en el modo de emulación de dispositivo móvil.

¿Cuál es el tamaño máximo de GIF permitido en WordPress?

No hay un límite formal. WordPress acepta archivos de hasta 100-200 MB; el límite superior depende de la configuración PHP del servidor (upload_max_filesize, post_max_size). Pero desde el punto de vista del rendimiento, mantenga los GIF por debajo de 1-2 MB. Cualquier archivo más pesado ralentiza notablemente la carga. Para animaciones de más de 5 segundos, es mejor usar MP4 mediante el bloque «Vídeo»: pesa entre 5 y 10 veces menos con la misma calidad.

¿Puedo convertir un GIF a MP4 para WordPress?

Sí, y para animaciones largas esto es incluso recomendable. El servicio EZGIF convierte GIF a MP4 con un solo clic. Luego suba el MP4 a la biblioteca multimedia e insértelo mediante el bloque «Vídeo» en Gutenberg. La ventaja: MP4 utiliza compresión entre fotogramas, por lo que un archivo de la misma calidad visual pesa mucho menos. La diferencia se nota especialmente en dispositivos móviles.

¿Se restaurará la animación si vuelvo a subir el GIF después de desactivar los plugins?

Sí, pero con un matiz. Si sube un archivo con el mismo nombre, WordPress crea una copia con un sufijo -1, -2 y así sucesivamente. La versión estática antigua permanece en la biblioteca multimedia. Recomendamos eliminar el archivo antiguo desde Medios → Biblioteca y luego subir el GIF de nuevo con los plugins desactivados y el tamaño completo seleccionado. La animación se restaurará por completo.

Qué hacer si el GIF sigue sin animarse

Los dos métodos descritos (seleccionar el tamaño completo y desactivar los plugins de optimización) cubren la mayoría de los casos. Pero si el GIF sigue sin moverse, repase esta breve lista de comprobación.

Revise el archivo en sí. Descargue el GIF del sitio y ábralo localmente en un navegador. Si allí tampoco hay animación, el problema es del archivo de origen, no de WordPress. Esto sucede con GIF mal convertidos desde MP4: durante la conversión se pierde la bandera de repetición o los metadatos de animación.

Revise la configuración del tema. Algunos temas, especialmente los temas premium antiguos con sus propios marcos de compresión, interceptan las cargas de imágenes mediante scripts integrados. Cambie temporalmente a un tema predeterminado, como Twenty Twenty-Five, y suba el GIF allí. Si funciona, contacte con el soporte del tema.

Revise la caché de imágenes del servidor. Los servicios CDN (Cloudflare, BunnyCDN, StackPath) pueden almacenar en caché la versión estática antigua del archivo. Después de volver a subir el GIF, limpie la caché de la CDN en el panel de control del servicio.

Cambie el formato. Si nada restaura la animación, convierta el GIF a MP4 usando el convertidor de EZGIF e insértelo como vídeo. Para el usuario no hay diferencia: la animación se reproduce y el archivo pesa menos.