Como Adicionar GIFs Animados no WordPress (Do Jeito CERTO)

Certa vez, encontrei o GIF perfeito para tornar uma postagem mais envolvente, mas ela se transformou em uma imagem estática, sem movimento, imediatamente após o upload. Foi incrivelmente irritante ver a animação desaparecer bem quando eu queria engajar meus leitores.

Isso acontece porque, quando o WordPress cria automaticamente tamanhos de imagem menores (como miniaturas), ele usa apenas o primeiro quadro da animação. Os dados restantes da animação não são incluídos nesses tamanhos gerados.

Felizmente, corrigir isso é simples assim que você sabe qual configuração ajustar. Usei este método específico em meus próprios sites para manter as animações rodando suavemente sem nenhum código.

Veja como adicionar GIFs animados no WordPress da maneira certa.

Por que os GIFs do WordPress não estão funcionando corretamente?

Sempre que você carrega uma imagem na biblioteca de mídia, o WordPress cria automaticamente várias cópias dessa imagem em tamanhos diferentes.

Existem 3 tamanhos de imagem do WordPress padrão que são gerados automaticamente: miniatura, médio e grande. O WordPress também mantém seu upload original, que é chamado de 'Tamanho Completo'.

O problema é que, ao criar esses novos tamanhos de imagem para GIFs animados, o WordPress captura apenas o primeiro quadro da animação.

Como resultado, quando você adiciona qualquer um desses tamanhos de imagem gerados ao seu post ou página, eles serão imagens estáticas e resultarão em o GIF do WordPress não funcionar.

Agora, vamos ver a maneira correta de adicionar GIFs animados no WordPress para que eles mantenham sua animação.

Adicionando GIFs Animados Corretamente no WordPress

Primeiro, você precisa editar ou criar uma nova postagem ou página do WordPress no editor Gutenberg do WordPress para adicionar o GIF animado.

Uma vez que você esteja no editor de conteúdo do WordPress, clique no botão '+' e adicione um bloco de Imagem.

Em seguida, você encontrará várias maneiras de fazer o upload do seu GIF animado no bloco de Imagem.

Para começar, basta clicar no botão 'Upload' e selecionar seu GIF animado do seu computador. Ou você pode clicar no botão 'Biblioteca de Mídia' e adicionar arquivos de mídia que já foram enviados para sua biblioteca de mídia.

Há também uma opção para inserir o link do seu GIF clicando no botão 'Inserir de URL', mas não recomendamos isso porque ele não faz o upload da imagem para o seu site.

Depois de fazer o upload do seu GIF, o editor de blocos o inserirá no seu conteúdo, e você poderá personalizá-lo.

Após adicionar o GIF, você precisará selecionar a opção 'Tamanho Completo' em 'Tamanho da imagem' no menu à sua direita.

É importante selecionar 'Tamanho Completo' porque isso diz ao WordPress para usar o GIF animado original e intocado que você carregou.

Os outros tamanhos (como ‘Miniatura’, ‘Médio’ ou até mesmo ‘Grande’) são cópias estáticas que o WordPress gerou usando apenas o primeiro quadro. Ao escolher ‘Tamanho Completo’, você garante que a animação seja reproduzida corretamente. 👍

Você poderá ver a animação imediatamente no editor de conteúdo.

Vá em frente e publique ou atualize sua postagem de blog para ver os GIFs animados em ação.

Dicas Bônus para Usar GIFs Animados no WordPress

Imagens GIF animadas geralmente são maiores em tamanho de arquivo do que outros arquivos de imagem. Isso ocorre porque elas contêm várias imagens comprimidas usadas como quadros para criar a animação.

Usar GIFs grandes ou adicionar muitas imagens GIF em uma página do WordPress pode desacelerar seu site e prejudicar sua otimização para mecanismos de busca (SEO). Veja nosso guia definitivo sobre como melhorar a velocidade e o desempenho do WordPress para mais detalhes.

Se você usa o Giphy.com para encontrar GIFs animados, então pode achar o plugin GIF Master muito útil. Ele permite que você pesquise o banco de dados do Giphy a partir do seu painel do WordPress e adicione GIFs sem sair do seu site WordPress.

Se você tiver um link para um GIF do Giphy, também pode simplesmente colar o URL diretamente no editor do WordPress em sua própria linha. O WordPress incorporará automaticamente o GIF animado para você, sem a necessidade de um plugin.

Perguntas Frequentes Sobre GIFs no WordPress

Aqui estão as respostas para algumas das perguntas mais comuns que recebemos sobre o uso de GIFs animados no WordPress.

Por que os GIFs animados são tão grandes?

GIFs animados são essencialmente uma série de imagens estáticas, ou quadros, empacotados em um único arquivo. Quanto mais quadros e cores um GIF tiver, maior será o seu tamanho de arquivo.

É por isso que eles costumam ser muito maiores do que imagens JPG ou PNG padrão.

Como posso otimizar GIFs para torná-los menores?

Você pode usar ferramentas online gratuitas como EZgif ou GIMP para otimizar seus GIFs animados. Essas ferramentas podem reduzir o tamanho do arquivo removendo quadros extras ou diminuindo o número de cores.

É ruim usar muitos GIFs em uma única página?

Sim, adicionar muitos arquivos GIF grandes a uma única página pode diminuir significativamente o tempo de carregamento do seu site. Isso pode criar uma experiência de usuário ruim e impactar negativamente suas classificações de SEO.

É melhor usá-los com moderação para destacar pontos-chave ou adicionar interesse visual onde for mais importante.

Recursos Adicionais para Gerenciar Sua Mídia

Esperamos que este guia tenha ajudado você a adicionar corretamente GIFs animados ao seu site WordPress. Agora que você dominou os GIFs, pode achar estes outros artigos sobre gerenciamento de mídia úteis.

• Ótimos Plugins do WordPress para Gerenciar Imagens – Descubra ferramentas que podem ajudá-lo a organizar, otimizar e exibir suas imagens de forma mais eficaz.
• Por que você nunca deve fazer upload de um vídeo para o WordPress – Saiba por que hospedar seus próprios vídeos pode prejudicar o desempenho do seu site e o que você deve fazer em vez disso.

Se você gostou deste artigo, por favor, inscreva-se em nosso Canal do YouTube para tutoriais em vídeo do WordPress. Você também pode nos encontrar no Twitter e no Facebook.