Como Adicionar GIFs Animados no WordPress (Do Jeito CERTO)

Você encontrou o GIF animado perfeito para dar vida ao seu post de blog. Mas quando você o adiciona ao WordPress, ele fica lá como uma imagem plana e sem graça, sem nenhuma da animação que você queria.

É um problema frustrantemente comum. Isso acontece porque o WordPress às vezes salva apenas o primeiro quadro do GIF ao criar diferentes tamanhos de imagem.

Felizmente, existe um truque simples para corrigir isso. Neste guia, mostraremos a maneira correta de adicionar GIFs animados para que eles sempre funcionem perfeitamente.

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

Às vezes, as animações de GIF se tornam imagens estáticas no WordPress porque ele gera automaticamente vários tamanhos da imagem, mas apenas a partir do primeiro quadro da animação.

Por que isso acontece?

Sempre que você adiciona qualquer tipo de imagem ao seu site WordPress usando o uploader de mídia, o WordPress cria automaticamente várias cópias dessa imagem em diferentes tamanhos.

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 você pode selecionar escolhendo a opção 'Tamanho Completo'.

No entanto, ao criar novos tamanhos de imagem para GIFs animados, o WordPress acaba salvando apenas o primeiro quadro do arquivo GIF.

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 inalterado que você enviou. Os outros tamanhos (como médio ou miniatura) são cópias estáticas que o WordPress fez apenas do primeiro quadro da animação, e é por isso que eles não se movem. Ao escolher 'Tamanho Completo', você garante que a animação funcione 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.

Da mesma forma, você também pode usar o EmbedPress para adicionar automaticamente GIFs animados e memes do Gfycat. Basta inserir o URL do seu GIF do Gfycat, e o plugin o incorporará ao seu conteúdo.

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 antes de carregá-los no WordPress. Essas ferramentas podem ajudar a reduzir o tamanho do arquivo fazendo coisas como remover quadros extras ou diminuir o número de cores no GIF, muitas vezes sem uma queda perceptível na qualidade.

É 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.