Se você inseriu um GIF no Elementor e ele aparece como imagem estática, sem animar, o problema não é o arquivo. É a forma como o WordPress processa imagens ao fazer upload.
Quando você sobe um GIF para a Biblioteca de Mídia, o WordPress cria automaticamente versões menores (miniatura, média, grande). Para imagens normais isso é ótimo. Para GIFs, essas versões redimensionadas salvam apenas o primeiro frame. O arquivo original preserva a animação, mas qualquer versão redimensionada vira uma foto parada.
Se o Elementor estiver usando qualquer tamanho diferente de “Full”, seu GIF não vai animar. A solução está em uma única configuração dentro do widget.
Como inserir o GIF no Elementor passo a passo
Passo 1: Abra a página no Elementor clicando em “Editar com Elementor”.
Passo 2: No painel esquerdo, busque pelo widget Imagem e arraste para a posição desejada na página.
Passo 3: Com o widget selecionado, clique em Escolher imagem no painel de configurações.
Passo 4: Faça upload do GIF ou selecione um já existente na Biblioteca de Mídia.
Passo 5: Ainda nas configurações do widget, localize o campo Tamanho da imagem e troque para Full (Tamanho original). Este é o passo que a maioria pula e que faz o GIF não animar.
Passo 6: Ajuste alinhamento, largura e espaçamento conforme o layout da página.
Passo 7: Clique em Atualizar e visualize a página para confirmar que a animação está funcionando.
Por que o GIF aparece estático: entenda o problema
Ao fazer upload de qualquer imagem no WordPress, o sistema gera automaticamente versões em tamanhos menores para uso em diferentes contextos. Os tamanhos padrão são: miniatura (150×150), médio (300×300), grande (1024×1024) e o original “Full”.
Para imagens estáticas (JPG, PNG), esse processo funciona perfeitamente. Para GIFs animados, o redimensionamento salva somente o primeiro frame em cada versão menor. O arquivo original permanece com a animação intacta na Biblioteca de Mídia, mas os tamanhos derivados são imagens estáticas.
Quando o widget de Imagem do Elementor usa “Miniatura”, “Médio” ou “Grande”, ele chama uma versão sem animação. Usar “Full” força o Elementor a carregar o arquivo original, preservando a animação.
| Tamanho selecionado | O GIF anima? |
|---|---|
| Miniatura | Não |
| Médio | Não |
| Grande | Não |
| Full (tamanho original) | Sim |
Como usar um GIF de sites externos (Giphy, Tenor)
Se você quer usar um GIF do Giphy ou do Tenor sem fazer upload no servidor, use o widget HTML do Elementor.
Passo 1: No Giphy, encontre o GIF desejado, clique em Share e copie o link direto da imagem (termina em .gif).
Passo 2: No Elementor, adicione o widget HTML na posição desejada.
Passo 3: Cole o código abaixo substituindo a URL pelo link copiado:
<img src="URL_DO_GIF" alt="descrição do gif" style="max-width:100%;">
Vantagem: o GIF não ocupa espaço no seu servidor. Desvantagem: o GIF deixa de aparecer se o Giphy ficar fora do ar ou remover a imagem.
GIF não está animando? Soluções para cada caso
O tamanho do widget está errado: nas configurações do widget Imagem, troque o tamanho para “Full”. É o caso mais comum.
O arquivo é muito pesado: GIFs acima de 2-3MB carregam lentamente e podem aparecer como estáticos antes de finalizar o carregamento. Otimize o arquivo em ezgif.com/optimize antes de fazer upload. Dá para reduzir o tamanho em até 60% sem perda visual perceptível.
Um plugin de lazy loading está bloqueando: alguns plugins de cache ou otimização de imagem desativam a animação de GIFs até o momento em que o usuário rola até eles. Se o GIF só anima quando você chega nele pela primeira vez, este é o motivo. Verifique as configurações do seu plugin de cache e desative o lazy loading para imagens GIF.
O plugin de otimização de imagem está convertendo o arquivo: ferramentas como Smush, ShortPixel e Imagify têm configurações que convertem GIFs para outros formatos. Verifique as configurações do plugin e adicione uma exceção para arquivos .gif.
Se usa o WP Rocket no site, confira se a opção de lazy loading está ativada para imagens e considere criar uma exceção para GIFs se necessário.
Alternativas ao GIF que pesam menos
GIFs são funcionais mas carregam pesado. Um GIF de 5 segundos pode facilmente ter 3MB ou mais. Algumas alternativas produzem o mesmo efeito visual com arquivos muito menores.
Vídeo em loop (MP4 ou WebM): um vídeo curto em loop sem som tem o mesmo efeito visual de um GIF e pesa até 10 vezes menos. No Elementor, use o widget de Vídeo de fundo ou o widget de Vídeo com autoplay e loop ativados.
Lottie Animations: animações vetoriais que pesam kilobytes em vez de megabytes. O Elementor Pro tem um widget dedicado para animações Lottie. Para usar no Elementor gratuito, existe o plugin gratuito LottieFiles.
WebP animado: formato mais moderno que o GIF com compressão muito superior. O suporte nos navegadores é amplo desde 2022. Converta seu GIF para WebP animado no ezgif.com/gif-to-webp antes de fazer upload.
Para quem está construindo o site com Elementor do zero, entender como o construtor lida com imagens e mídia é parte essencial do processo. Se quiser se aprofundar em como usar o Elementor de forma mais ampla, veja o que é o Elementor e para que serve.
Perguntas frequentes
Por que o GIF fica estático no Elementor?
Porque o WordPress cria versões redimensionadas do arquivo ao fazer upload e essas versões salvam apenas o primeiro frame da animação. Se o widget de Imagem estiver usando qualquer tamanho diferente de “Full”, o GIF aparece como imagem parada. A solução é selecionar “Full” no campo de tamanho do widget.
Como fazer o GIF animar no WordPress?
Certifique-se de que o widget de Imagem está usando o tamanho “Full”. Se o problema persistir, verifique se algum plugin de otimização de imagem está convertendo os GIFs ou se o lazy loading está bloqueando a animação antes do carregamento completo.
Qual é o tamanho máximo recomendado para GIF no WordPress?
Idealmente abaixo de 2MB para não prejudicar o tempo de carregamento da página. Use ferramentas como ezgif.com para otimizar o arquivo antes do upload. GIFs muito pesados também podem impactar negativamente o Core Web Vitals do site.
Posso colocar GIF como fundo de seção no Elementor?
O Elementor não suporta GIF animado nativamente como fundo de seção. A alternativa mais eficaz é usar um vídeo curto em loop (MP4) como fundo, que produz o mesmo efeito visual com arquivo muito menor.
O Elementor Free suporta GIF animado?
Sim. O widget de Imagem do Elementor Free suporta GIFs animados. Basta garantir que o tamanho selecionado seja “Full”. O Elementor Pro adiciona o widget Lottie para animações vetoriais, mas para GIFs tradicionais a versão gratuita resolve.
O GIF afeta o SEO do site?
GIFs pesados aumentam o tempo de carregamento e podem impactar os Core Web Vitals, especialmente o LCP (Largest Contentful Paint). Para fins de SEO, sempre adicione texto alternativo ao GIF e considere usar formatos mais leves como WebP animado ou vídeo em loop quando o arquivo GIF for grande.
