Como incrementar seu marketing de conteúdo com GIFs animados [e outros visuais animados]

As imagens são ferramentas poderosas. Eles podem atrair e prender a atenção, ou capturar e transmitir uma emoção de uma forma que as palavras não conseguem. Adicione algum movimento às suas imagens e elas se tornarão absolutamente irresistíveis.

O vídeo ainda é uma potência, mas o humilde gif animado também está desfrutando de um aumento na popularidade. Sempre foi uma maneira divertida de obter um pouco mais de atenção. Infelizmente, os gifs animados também têm sido usados ​​para muitos banners cafonas e emoticons animados irritantes. Isso manchou um pouco a reputação deles.

Mas agora cada vez mais plataformas suportam gifs animados. E cada vez mais profissionais de marketing os estão usando para destacar seu conteúdo. Está criando um marketing visual elegante.

Então, o que é um gif animado?

Boa pergunta. Vamos pular as palavras e pular para a coisa real.

Este é um gif animado:

Este gif apareceu pela primeira vez no Reddit como um anúncio sobre o aniversário de uma empresa que ninguém notou.

Este também é um gif animado:

Isso vem de um anúncio por e-mail enviado pelo varejista online Evans. Ele também foi incluído no recente resumo da Alchemy Worx de notáveis ​​gifs animados em e-mails.

Esses dois gifs animados nos ajudam a definir o formato com uma meta-mensagem mostre-não conte . Mas para ir além:

• Gifs animados podem ser fotografias ou gráficos.
• Os gifs animados são compostos por uma pequena série de quadros. Cada quadro é seu próprio gif animado.
• Os gifs animados tendem a ser curtos – não mais do que 5 segundos.
• Os gifs animados tendem a repetir, mas você pode configurá-los para reproduzir algumas vezes e depois parar.
• Os gifs animados podem ser usados ​​como um sinal de néon – como gráficos chamativos que chamam sua atenção. Ou podem ser usados ​​para contar uma história. O primeiro gif que vimos conta uma história simples: Tínhamos algo para comemorar. Aconteceu. Ninguém se importava.

O que gifs animados não são

Como tenho certeza de que você sabe, gifs animados não são a última palavra em imagens em movimento online. Existem vários formatos e maneiras muito semelhantes de fazer imagens se moverem que você deve conhecer, e há algumas ressalvas.

1. Gifs animados não são vídeos.

Embora um gif animado possa ser dobrado em algo como um vídeo, ele exigiria muitos quadros no gif animado ou teríamos que aceitar uma nova definição de vídeo (como uma série de, digamos, cinco quadros) . Os vídeos também usam um formato de arquivo diferente dos gifs. Os vídeos normalmente vêm como AVI, MPEG, MOV e outros formatos específicos de vídeo.

2. Gifs animados não são cinemagraphs.

Cinemagraphs são híbridos de fotos e vídeos. Eles têm muitas semelhanças com gifs animados:

• Eles se repetem (isto é, se repetem) como a maioria dos gifs animados
• Eles podem ser usados ​​em mensagens de e-mail, como gifs animados
• Eles terminam em .gif

Mas eles não são gifs animados. Isto é um cinemagraph:

Há um post interessante no blog Convince and Convert sobre como diferentes marcas estão usando cinemagraphs em seu marketing. A AdWeek também publicou um post sobre os planos do Facebook para cinemagraphs.

Apenas entenda que cinemagraphs são consideravelmente mais difíceis de fazer do que gifs animados. Alguém com habilidades básicas de edição de imagem pode fazer um gif animado. É preciso as habilidades de um artista para fazer um cinemagraph cantar.

3. Gifs animados não são animações CSS.

As animações CSS são outra técnica de conteúdo visual de ponta, mas funcionam graças à codificação, não graças a um tipo específico de arquivo de imagem. As animações CSS são adequadas para apresentar dados. Portanto, se você quiser aprimorar um gráfico ou fazer um gráfico circular circular, uma animação CSS pode funcionar. Infelizmente, porém, eles não funcionam em todos os navegadores e podem apresentar erros.

Creative Bloq tem um post muito legal com alguns exemplos impressionantes de animação CSS.

4. Gifs animados não são Flash.

Flash é meio antiquado. Ele tem seus aplicativos, mas é melhor evitar o Flash devido a problemas de renderização (os dispositivos iOS não reproduzem o Flash) e porque o conteúdo do Flash é uma caixa preta para os mecanismos de pesquisa.

5. Gifs animados também não são vídeos Hyperlapse.

O Instagram descobriu como nos permitir fazer vídeos com lapso de tempo com smartphones. A tecnologia é chamada Hyperlapse. Você pode obter o aplicativo Hyperlapse para dispositivos iOS aqui. Os desenvolvedores também conseguiram corrigir o efeito de salto (eles chamam a correção de “Estabilização do Cinema”), o que tornaria a maioria dos vídeos do Hyperlapse muito menos assistíveis.

Os vídeos Hyperlapse podem ser incorporados em páginas da web, mas ainda são criaturas do Instagram.

Como fazer um gif animado

Existem duas maneiras de fazer gifs animados. A primeira é a partir de imagens. A segunda é de vídeos.

Veja como fazer um gif a partir de imagens estáticas.

1. Acesse Gifmaker.me. Esta é uma ferramenta gratuita de criação de gifs. Existem muitos outros criadores de gif gratuitos (também experimentei https://makeagif.com e https://imgflip.com, entre outros), mas o Gifmaker.me:
   • Não colocará uma marca d'água no canto inferior do seu gif
   • Cria gifs com tamanhos de arquivo menores que as outras ferramentas
   • Dá a você muitos controles para que você possa criar seu gif da maneira que quiser.

Uma coisa que não permite é adicionar uma legenda aos seus gifs. Se você quiser fazer isso, tente MakeaGIF ou IMGFlip.

2) Carregue as imagens que deseja em seu gif. Podem ser imagens enormes ou reduzidas ao tamanho que você deseja que o gif animado final tenha. Na verdade, tentei das duas maneiras - no primeiro conjunto, as imagens foram carregadas como imagens de 300 dpi com vários milhares de pixels de largura. Em seguida, fiz outro conjunto com imagens que reduzi no Photoshop para 500 pixels de largura a 144 dpi. O gif animado das imagens enormes na verdade veio 10% menor do que o que fiz das imagens reduzidas. Vai saber.

3) Depois que suas imagens forem carregadas, você poderá reorganizar os quadros clicando e arrastando-os. Você também pode controlar o tamanho do gif concluído e pode controlar os quadros por segundo. Algumas fontes dizem que o gif médio é de 500 milissegundos por quadro. Acho isso um pouco rápido demais - diminuo meus gifs para 1100 milissegundos por quadro.

Você pode definir o gif para reproduzir apenas algumas vezes ou para um loop infinito. Eu deixei o meu loop. E embora você possa adicionar áudio, não sou um grande fã de áudio no conteúdo, a menos que seja esperado (como webinars, podcasts e vídeos).

Quando todas essas configurações estiverem selecionadas, basta clicar em “Criar Animação GIF”.

Você verá algo assim a seguir. A animação será reproduzida… a imagem abaixo é apenas uma captura de tela.

Embora o gifmaker.me crie tamanhos de arquivo razoavelmente pequenos, você pode cortar mais seus gifs animados. Isso se torna especialmente crítico se você estiver criando um gif animado para uma mensagem de e-mail.

Você não deseja usar um gif animado com mais de 80 kb em um e-mail. Geralmente, recomendamos que as imagens sejam pequenas para mensagens de e-mail, mas você pode ter que quebrar as regras para gifs animados. Para fazer isso, você pode tentar usar menos quadros ou tornar o gif animado final menor em tamanho visível.

Ou você pode usar um redutor de tamanho de arquivo.

Aqui está o redutor de tamanho de arquivo que usei, EZGif. Consegui reduzir uma imagem de 236K para 113KB, mesmo sem usar a configuração de compactação mais alta.

Para um gif animado de 4 quadros e 500 pixels de largura, 113 KB é muito bom.

Aqui está o gif animado final compactado:

Como fazer gifs animados do YouTube e outros vídeos

A próxima maneira de fazer gifs animados é usar vídeos do YouTube. Há uma maneira de fazer isso que é extremamente simples.

Basta acessar a URL do vídeo que você deseja transformar em um gif animado.

Digite “gif” na frente de “youtube.com”, assim:

Aperte o retorno. Você será redirecionado para um site que permite especificar algumas configurações para seu gif animado.

Clique em “Criar GIF”…

Em seguida, escolha como deseja compartilhar seu gif animado.

Há um problema com isso, no entanto. Este site está configurado para hospedar a imagem para você - torna o download do gif um aborrecimento. Isso pode ser bom ou ruim, mas prefiro hospedar imagens em meu site.

Existem muitos outros sites que permitem criar gifs animados a partir de vídeos do YouTube. MakeAGif.com e IMGFlip.com são gratuitos e fáceis de usar.

Se você não pode fazê-los, encontre-os

Sem tempo para fazer um gif animado? Isso não significa que você não pode usar um pré-fabricado. Existem vários sites para gifs animados de uso gratuito:

• Giphy.com
• Imagur.com
• Gifbin.com
• Gif perfeito do Hulu
• GifBay.com

Seja legal e dê crédito a onde você pegou o gif.

Como usar gifs animados em seu marketing

Finalmente. Estamos na parte dos resultados. Aqui estão todas as maneiras legais de usar gifs animados em seu marketing:

1) Em mensagens de e-mail.

Tente manter os tamanhos de arquivo pequenos, mas os gifs animados funcionam muito bem em e-mails. Existem vários relatos de resposta de levantamento de gifs animados, como:

• A Bluefly adicionou um gif animado a um de seus e-mails em 2008 e obteve um aumento de 12% na receita do segmento de gifs animados do teste.
• A Dell aumentou a receita em 109% com uma campanha de e-mail com gifs animados.
• A Lake Champlain Chocolates aumentou a resposta em 49% com um e-mail animado que mostrava uma caixa de chocolates abrindo.

A Intouch Solutions também tem um bom post sobre três outros estudos de caso de gifs animados em e-mails.

Advertência: sempre crie o primeiro quadro do seu gif para que ele possa ser uma imagem estática, caso seu assinante abra o e-mail em um cliente (como Outlook e Windows Phone 7) que não oferece suporte a GIFs animados.

2) Nas redes sociais.

O Twitter e o Tumblr suportam gifs animados há algum tempo. Mas o Facebook anunciou recentemente que seu feed de notícias também suporta gifs animados. Eles até os permitirão em anúncios.

O Pinterest oferece suporte a gifs animados, mas você precisa clicar em um botão que diz “GIF” para reproduzi-los. E o Google+ suporta gifs animados.

Como você provavelmente sabe, as imagens nas mídias sociais geram muito mais curtidas e compartilhamentos do que o conteúdo baseado em texto. Adicionar uma pitada de gifs animados torna o conteúdo ainda mais digno de cliques.

3) Em postagens de blog.

Você não precisa ser BuzzFeed ou Upworthy para usar gifs animados em suas postagens. O Social Fresh e o Quick Sprout analisaram alguns dados para nós. Eles descobriram que os gifs animados são o tipo de imagem mais provável de ser compartilhado nas postagens do blog.

4) Nas páginas de download de e-books, whitepapers e estudos de pesquisa.

Ebooks, whitepapers e estudos de pesquisa tendem a conter muitas informações. E eles deveriam. Mas toda essa informação é um problema em uma página de download, onde você precisa destilar sua mensagem e os elementos da página.

Digite o gif animado. Por que a imagem de um eBook estático não pode ser substituída por imagens rotativas dos gráficos e citações do download?

5) Em páginas que descrevem software ou incentivam downloads de aplicativos.

Gifs animados são uma ótima maneira de mostrar às pessoas como fazer coisas com software. Basta mantê-los curtos e simples. Quando o SEMRush quis anunciar um novo recurso, eles enviaram um e-mail com este gif animado:

E aqui está um retrocesso para aqueles que estavam navegando na Internet no final dos anos noventa. Um dos primeiros Gifs virais, o vagamente assustador Dancing Baby.

Conclusão

Gifs animados são a maneira mais simples de adicionar algum movimento a uma página, um e-mail ou uma atualização de mídia social. E embora eles possam ter associações com um pouco de amadorismo, não há razão para você não escolher imagens atraentes e de marca que contem uma história convincente que seu público apreciará.

Com cada vez mais plataformas e serviços que os suportam, os gifs animados podem ser a melhor maneira de criar confiança com imagens em movimento… pelo menos até que você esteja pronto para mergulhar no vídeo.

Você está usando algum gif animado em seu marketing? Você tem algum estudo de caso para compartilhar conosco? Conte-nos sobre eles nos comentários.

Você está pronto para começar a adicionar algum movimento aos seus e-mails para que eles se destaquem da multidão? Aprenda como começar a usar GIFs, cinemagraphs, vídeos e muito mais em nosso eBook gratuito – Email Idea Lab.