Imagens animadas em emails

Os GIFs animados são suportados na maioria dos clientes de email e podem ser uma forma eficaz de adicionar movimento a um email, demonstrando uma funcionalidade de produto, mostrando uma transformação ou chamando a atenção para um call to action. Como qualquer escolha de design, funcionam bem quando usados com propósito e mal quando usados em excesso.

Quando a animação acrescenta valor

Demonstrar um produto em ação, um GIF a mostrar como algo se dobra, abre ou funciona é mais comunicativo do que uma imagem estática.
Mostrar uma transformação, comparações antes/depois, sequências de montagem ou efeitos de revelação.
Destacar um call to action, uma seta ou botão animado subtil pode chamar a atenção sem distrair.
Mensagens sazonais ou comemorativas, uma simples animação festiva acrescenta personalidade.

Quando ter cuidado

A animação puramente decorativa sem significado adicional pode distrair da sua mensagem em vez de a reforçar.
Ficheiros GIF grandes atrasam o carregamento do email, especialmente em ligações móveis. Mantenha os GIFs animados abaixo de 1MB sempre que possível.
Se o seu email já contém muito conteúdo e complexidade visual, acrescentar animação aumenta a carga cognitiva.

Suporte em clientes de email

A maioria dos clientes de email modernos exibe GIFs animados corretamente, incluindo Gmail, Apple Mail, iOS Mail e Android. A principal exceção é o Outlook 2007-2019, que apenas mostra o primeiro frame de um GIF animado como uma imagem estática.

Atenção Conceba GIFs animados de forma a que o primeiro frame funcione como uma imagem estática completa e significativa. Nunca dependa de frames posteriores para comunicar a mensagem central. Os utilizadores do Outlook só verão o primeiro frame.

Tamanho do ficheiro

Os GIFs animados ficam grandes rapidamente. Mantenha-os abaixo de 1MB, idealmente abaixo de 500KB. Para reduzir o tamanho do ficheiro: limite o número de frames, reduza as dimensões da imagem, limite a paleta de cores a 64 ou 128 cores e recorte para mostrar apenas a área relevante. Ferramentas como o Ezgif (ezgif.com) são especificamente concebidas para otimizar ficheiros GIF.

Como adicionar um GIF animado

Os GIFs animados são adicionados da mesma forma que as imagens estáticas nos três editores. Veja "Adicionar uma imagem" para as instruções passo a passo. A animação reproduz-se automaticamente na pré-visualização e em clientes de email que a suportam.

Dicas profissionais

Teste o seu GIF animado na Verificação de Mensagem antes de enviar. A pré-visualização mostra como a imagem é renderizada no Outlook e em outros clientes, para que possa verificar se o primeiro frame fica aceitável como imagem estática.
Se está a enviar para uma lista onde uma parte significativa dos contactos usa Outlook 2007-2019, considere se a animação vale a pena, esses contactos verão sempre uma imagem estática.

Erros comuns a evitar

Um primeiro frame em branco, parcialmente carregado ou pouco informativo. Os utilizadores do Outlook 2007-2019 verão apenas este frame, faça com que conte.
GIFs animados com mais de 1MB. Ficheiros grandes atrasam o carregamento para todos e podem fazer com que o seu email seja recortado pelo Gmail.
Usar animação só porque pode. Animação que não acrescenta valor informativo ou emocional à sua mensagem é uma distração.

Próximos passos

Veja "Adicionar uma imagem" para saber como inserir imagens em cada editor.
Veja "Por que os seus ficheiros de média devem permanecer abaixo de 2MB" para ferramentas e técnicas de compressão de ficheiros.
Veja "Verificação de Mensagem" para testar como o seu email é renderizado entre clientes de email.