How to Use Imagery Wisely
07 agosto 2020

O Guia Completo de como usar imagens nos e-mails com sabedoria

Crie e-mails com imagens de alta qualidade
Índice
  1. Benefícios de usar imagens em e-mails
  2. Tipos de imagens para e-mail
  3. Requisitos para as imagens de marketing por e-mail
  4. Ferramentas para otimizar as imagens para suas campanhas de e-mail 
  5. Usando imagens em e-mails: práticas recomendadas 
  6. Conclusão
1.
Benefícios de usar imagens em e-mails

Incluir ou não incluir?

Essa questão sempre polarizou os profissionais de marketing por e-mail, dividindo-os em apoiadores e oponentes à inclusão de imagens em e-mails. E um recente estudo do Impact BND aumentou ainda mais essa divergência. 

Os pesquisadores fizeram testes A/B para investigar a diferença entre e-mails com e sem e-mails e descobriram que aqueles sem imagens mostraram taxas de cliques mais altas

Embora um tanto convincentes, esses resultados ainda são questionáveis. 

A fonte estudou apenas seus e-mails, o que significa que a pesquisa foi limitada apenas ao setor desta empresa. Os pesquisadores também confirmaram que o feedback que receberam não foi absoluto. 

O que as estatísticas gerais dizem sobre o uso de imagens em e-mails?

A compilação de estatísticas de Snov.io sobre marketing por e-mail em 2020 mostrou que:

  • e-mails que incluem algum tipo de imagem têm uma CTR 4,5% maior do que e-mails somente em texto;

  • dois terços das pessoas afirmam preferir receber e-mails que consistam principalmente de imagens;

  • e-mails de melhor desempenho têm a proporção de texto para imagem de 60:40.

Realmente, se você abrir sua caixa de entrada, a porcentagem de e-mails de marketing com imagens será consideravelmente maior do que de e-mails de texto simples. 

Mas, a julgar pelas estatísticas e pelo estudo mencionado acima, você precisa fazer isso direito para que as imagens de e-mail tragam resultados para você. 

Para ajudá-lo a alcançar tais resultados, elaboramos um guia completo com dicas de uso de imagens marketing por e-mail. 

Vamos começar. 

Benefícios de usar imagens em e-mails

Antes de aprender a usar imagens em e-mails, vamos ver mais alguns benefícios de incluir imagens em suas campanhas de marketing por e-mail. 

E-mails com imagens são mais fáceis de ler

Dê uma olhada nessas duas versões do mesmo e-mail:

Imagens em e-mails para ajudá-lo a resumir

(Fonte: Email do Coursera, com imagens)

Email de texto simples do Coursera

(Fonte: Email do Coursera, texto simples)

Qual delas você prefere ler, a versão com elementos visuais ou a de texto simples?

Apostamos que a primeira. E a ciência confirma nossa opinião. 

De acordo com pesquisas, nosso cérebro é programado para conteúdo visual - as imagens transmitem informações 60 000 vezes mais rápido do que um texto convencional. Isso acontece porque os recursos visuais são os estímulos naturais para o nosso cérebro começar a processar as informações. 

E isso funciona da mesma forma no marketing por e-mail. Uma foto ou qualquer outro elemento visual em um e-mail nos ajuda a processar as informações mais rapidamente e determinar seu valor com mais facilidade. 

Imagens no e-mail melhoram o reconhecimento da marca

Quando o Google adquiriu o YouTube, ele também mudou a marca de todas as campanhas de marketing por e-mail do YouTube para se adequar à marca do Google. Você pode notar um design e estilo semelhantes nas imagens nos e-mails de marketing mais recentes do Google e do YouTube:

Emails-from-Google

(Fonte: Really Good Emails)

Emails-from-Youtube

(Fonte: Really Good Emails)

Nesses exemplos, você pode ver que o Google usa a mesma abordagem para a fonte e os elementos visuais nos e-mails do YouTube, construindo assim sua marca como parte do Google. 

Essa abordagem serve bem para tornar a presença online de sua marca mais consistente, o que pode aumentar sua receita em até 33% e melhorar significativamente o reconhecimento da sua marca. 

Visuais em e-mails aumentam as taxas de engajamento

O objetivo principal de um e-mail de marketing é melhorar as taxas de cliques e aumentar as conversões. Mas um e-mail de texto simples vai conseguir atingir esses objetivos?

Se você voltar e dar uma olhada em nosso exemplo visual vs. texto, você confirmará que uma cópia fácil de ler também é mais envolvente em comparação com texto amontoado e ilegível. 

A pesquisa da HubSpot em 2020 corrobora esta afirmação: mais de 20% dos profissionais de marketing pesquisados afirmou que o design de e-mail consistente com a marca ajuda significativamente a melhorar o engajamento dos e-mails. 

Portanto, embora as imagens de e-mail possam não ter funcionado para o Impact BND, elas funcionam muito bem para muitas outras marcas, especialmente empresas B2C, que usam amplamente os recursos visuais para promover seus produtos com o marketing por e-mail. 

Tipos de imagens para e-mail

O céu é o limite quando se trata dos tipos de imagens que você pode incluir em seus e-mails de marketing. Mas vamos dar uma olhada em alguns exemplos que você pode achar inspiradores e adequados para sua campanha de marketing por e-mail, junto com algumas imagens de exemplos de e-mail

Preto e branco

Esse tipo de imagem pode não ser sua primeira escolha para marketing por e-mail, pois você geralmente fica mais tentado a incluir algo mais colorido.

No entanto, o design em preto e branco de uma imagem pode ajudá-lo a atingir um determinado objetivo, pois ele tem alguns benefícios significativos:

  • elimina distrações. Cada elemento em uma foto colorida geralmente chama a atenção para si, resultando em percepção distorcida, mas o design em preto e branco ajuda a perceber a imagem como um todo. Como resultado, ela comunica sua mensagem com mais clareza;

  • imagens monocromáticas contribuem para uma certa emoção. Dependendo do humor do seu e-mail, o design em preto e branco pode torná-lo mais intenso;

  • tons sutis promovem o minimalismo. Se você deseja focar seu e-mail em uma determinada mensagem, o design em preto e branco é a melhor escolha porque ele é mínimo e sutil. 

Se você quiser ver todos esses três benefícios em ação, dê uma olhada neste e-mail da empresa Everlane:

O Luxo do Preto

(Fonte: E-mail de Everlane)

Encontre mais exemplos em nossa postagem sobre e-mails em preto e branco

GIFs

Esse tipo de imagem se tornou uma adição popular aos e-mails há muito tempo. Muitas marcas criaram suas campanhas de marketing usando GIFs e estavam certas ao fazer isso. 

Na verdade, se você vir um e-mail contendo um GIF, ele imediatamente chamará a sua atenção e o deixará de bom humor. Dê uma olhada neste e-mail de marketing da Chubbies:

(Fonte: E-mail de Chubbies)

Um GIF, em combinação com a mensagem certa, pode ser uma ferramenta de marketing poderosa, que você pode ver claramente no exemplo acima. 

Mas por que as pessoas gostam tanto de GIFs? 

De acordo com uma pesquisa publicada por Sage Journals, as pessoas preferem GIFs porque eles criam o chamado “efeito de conexão”, o que significa que um GIF inicia uma interação rápida entre uma marca e um cliente. E você sabe o quanto os clientes adoram fazer parte de uma marca. 

Os GIFs, no entanto, não são universais e não cabem em todos os e-mails de marketing. Portanto, certifique-se de que as imagens no e-mail estejam de acordo com o propósito da mensagem. 

Banners

As marcas costumam escolher banners entre outras imagens de e-mail se precisarem notificar um cliente sobre uma promoção futura ou alguma outra notícia relacionada a promoções. 

Banners são uma boa escolha para esse objetivo, porque direcionam a atenção diretamente para a promoção que você está tentando divulgar. Você pode ver como funciona no seguinte exemplo de e-mail:

Imagens de banner para e-mails

(Fonte: Email de Tanner Goods)

No entanto, os banners funcionam bem não só para promoções, mas também para newsletters da empresa e outros e-mails de notificação. Nesse caso, os banners podem incluir o logotipo da empresa, uma imagem relevante ou podem ser usados para destacar a própria mensagem. Assista ao seguinte vídeo para saber mais sobre os tipos de banners e maneiras de criá-los:

Enriqueça seus e-mails com banners perfeitos num instante

 

Imagens 3D

Uma ótima maneira de diversificar as imagens em seus e-mails de marketing é incluir imagens 3D. Elas obviamente são imagens 2D, mas o efeito 3D é obtido por uma certa combinação de um fundo de uma única cor, bem como pela dinâmica de outros elementos da imagem. 

Você pode ver como funciona no e-mail do Hulu abaixo:

3D-Images

(Fonte: Email do Hulu)

Como você pode ver, o fundo preto contrasta com o vermelho, cinza e branco na foto, criando um efeito 3D. 

Você também pode usar imagens 3D num e-mail para demonstrar um produto e destacar suas principais características. Certifique-se de usar um fundo branco para que outros elementos em uma foto não fiquem em desacordo com ele. 

Infográficos 

Esse tipo de imagem de marketing por e-mail se encaixa bem se seu objetivo é informar seus clientes sobre algo que geralmente envolve números. Podem ser os resultados de uma pesquisa, enquete, resumo de desempenho, etc. 

Por exemplo, no e-mail abaixo, você pode ver como a CloudApp usa um infográfico para notificar um cliente sobre o desempenho de seu armazenamento em nuvem:

Usando diagramas em e-mails

(Fonte: Email da Central)

Usar infográficos em seus e-mails de marketing promete bons resultados. De acordo com pesquisa da empresa Venngage, as pessoas são 30 vezes mais propensas a ler infográficos de cima para baixo do que texto simples. 

Como você pode ver, os usuários se interessam por esse tipo de conteúdo, principalmente porque é informativo e agrega valor imediato. É por isso que ele pode ser um bom complemento para seus e-mails de marketing. 

Imagens de fundo

As imagens de fundo no e-mail não entregam nenhuma mensagem; no entanto, elas completam toda a ideia do design. Essas imagens podem ser brilhantes, pastel — não importa. Mas elas não devem ter nenhum enfeite, pois as imagens de fundo são frequentemente alternadas ou repetidas em e-mails. E você nunca sabe quando ele para e começa novamente na caixa de entrada do usuário. Portanto, para deixar o fundo uniforme, evite usar imagens com ornamentos distintos.

Você também pode se interessar

Como adicionar imagem de fundo ao seu e-mail HTML

Requisitos para as imagens de marketing por e-mail

Já falamos dos benefícios e dos tipos básicos de imagens de marketing por e-mail, vamos discutir os requisitos para incluir as imagens nos seus e-mails. 

O formato da imagem

Existem três formatos principais que você pode usar em seus e-mails – JPEG, GIF e PNG. Vamos falar um pouco sobre as diferenças entre esses três formatos. 

  • Imagens JPEG - você pode usar este formato se quiser que suas imagens mantenham as cores, mas você deve ter em mente que o formato JPEG encolherá sua imagem, reduzindo significativamente sua qualidade;

  • Imagens GIF - este formato funciona muito bem se o seu serviço de e-mail não permitir a inclusão de vídeos e você ainda precisar incluir algo mais dinâmico no seu e-mail. A desvantagem significativa do formato GIF é que ele não mostra as cores tão vividamente quanto o formato JPEG;

  • Imagens PNG - se você precisar efetivamente colocar uma imagem com bordas bem definidas, incluir um logotipo ou um visual com fundo transparente, este formato deve ser sua primeira escolha. O formato PNG também retém mais qualidade de uma imagem, independentemente de seu tamanho e saturação de cor. 

Lembre-se de que se você incluir imagens PNG pesadas, o tamanho do seu e-mail também aumentará, afetando o tempo de carregamento. 

Perfil de cor

O perfil de cores das imagens para e-mail difere daquelas que vão para impressão. 

Ao editar as imagens para seus e-mails de marketing, certifique-se de salvá-las com o modo de cor RGB. Ao contrário do perfil de cor CMYK usado para imagens impressas, o modo de cor RGB usa vermelho, verde e azul para criar uma ampla diversidade de cores para exibi-las corretamente no modo digital, mas não funciona muito bem para impressão.

Tamanho do arquivo

Como já mencionamos, incluir imagens pesadas em seus e-mails pode afetar negativamente o tempo de carregamento ou distorcer a forma como a imagem aparece na tela. 

Em média, recomendamos incluir imagens de e-mail com tamanho máximo de 1 MB e 72 DPI. Este tamanho é suficiente para aparecer corretamente no formato digital e não distorce a qualidade do design geral de seu e-mail. 

Tamanho da imagem

Para garantir que todas as imagens sejam exibidas corretamente em seu template de e-mail, use imagens com largura de 600 pixels se o e-mail tiver a largura padrão.

Você sabia que pode definir uma largura personalizada com Stripo?

Configuracoes Gerais

Defina uma largura personalizada para tornar seus e-mails totalmente exclusivos

 

Obviamente, o tamanho das imagens para seu e-mail também dependerá do design e do formato, do número de imagens de fundo no e-mail e do número de colunas. Por exemplo:

  • Imagens de 564 pixels são recomendadas para seções que ocupam a largura total;

  • Imagens de 264 pixels funcionam bem para designs de 2 colunas;

  • Imagens de 164 pixels são perfeitas para templates de e-mail de 3 colunas.

Tenha em mente o tipo de conteúdo que você inclui em cada bloco e os recuos entre os blocos do seu template, pois isso também afetará o tamanho das imagens. 

Informamos que você pode redimensionar, cortar e editar imagens com o Editor de fotos incluso de Stripo.

Texto alternativo 

O texto alternativo é uma opção de texto simples que aparecerá caso seu destinatário tenha problemas para carregar a versão completa do seu e-mail, ou para cumprir com as regras de Acessibilidade de e-mail, ou no caso de os usuários bloquearem imagens em seu cliente de e-mail.

Ao escrever um texto alternativo para suas imagens de e-mail, certifique-se de que:

  • o texto alternativo seja conciso. O texto alternativo não precisa ser longo, mas deve descrever precisamente o que a imagem mostra;

  • inclua palavras-chave. Certifique-se de que o texto alternativo tenha a palavra-chave principal e algumas palavras-chave adicionais, mas não o sobrecarregue com muitas palavras-chave e frases;

  • não mencione a palavra 'imagem'. O formato das imagens é suficiente para determinar o tipo de conteúdo que você está descrevendo no texto alternativo. 

Stripo Como construir modelo de email com filtros Stripo para banners

Otimize seus e-mails adicionando textos alternativos com Stripo

 

Ferramentas para otimizar as imagens para suas campanhas de e-mail 

Se você deseja aumentar o desempenho de seus e-mails de marketing, você precisa ter um kit de ferramentas para edição de imagens para e-mail. Vamos dar uma olhada em algumas de nossas melhores opções de edição de imagem que o ajudarão a criar imagens de e-mail de alta qualidade e otimizá-las para diferentes dispositivos. 

Canva

Ferramentas para trabalhar com imagens em Emails CanvaCanva é um repositório de templates on-line com opções gratuitas e pagas. Aqui, você pode escolher um template para qualquer finalidade, de logotipos a newsletters e infográficos. 

O editor online do Canva permite que você altere a cor e a forma do template e salve o resultado no formato PNG, que é perfeito se você precisa de imagens em alta qualidade para seu e-mail. 

PlaceIt

Ferramentas para imagens em e-mails PlaceItEsta plataforma também possui ferramentas on-line para criar logotipos e outros tipos de imagens para seu e-mail. No entanto, seu recurso mais útil é a possibilidade de capturar e adicionar capturas de tela a qualquer conteúdo digital. Tudo que você precisa fazer é inserir a URL, e o PlaceIt irá inseri-lo em seu template de e-mail. 

Stripo.email

Stripo-Email-Builder.

Se você não tem habilidades de programação HTML, mas precisa criar um template de e-mail que inclua diferentes tipos de imagens, você pode usar o Stripo. 

Você também pode obter inspiração em mais de 350 templates de e-mail gratuitos, criar uma biblioteca pessoal e testar seu template quando estiver pronto para ter certeza de que todas as imagens de e-mail funcionam como deveriam. 

Email on Acid

Ferramentas para Imagens em Emails Email on AcidOutra plataforma que ajuda a verificar a compatibilidade dos seus e-mails em uma variedade de clientes de e-mail e a testar os e-mails antes de enviá-los. 

Além disso, Email on Acid também verifica a responsividade dos seus e-mails e oferece soluções no caso de algumas das imagens do e-mail serem bloqueadas. 

Stripo está integrado com Email on Acid. Certifique-se de fazer um teste de captura de tela de seus e-mails antes de enviá-los aos destinatários para saber se seus usuários verão exatamente o que você deseja. 

Visualize e-mails com os olhos de seus usuários antes de ele chegar às caixas de entrada

 

Usando imagens em e-mails: práticas recomendadas 

Você já conhece os tipos de imagens de e-mail, os requisitos e ferramentas para editá-las, mas isso é o suficiente para criar templates de e-mail de alta qualidade? 

Esse conhecimento é substancial para criar ótimas imagens para e-mail, mas queremos compartilhar algumas das melhores práticas para tornar seu desempenho ainda melhor. 

1. Otimize imagens de e-mail para dispositivos móveis imediatamente

Hoje, otimizar e-mails para dispositivos móveis não é mais uma escolha, é um requisito. 

estudo por InvespCRO confirma isso, reiterando que:

  • 2 em cada 3 e-mails são abertos em smartphones ou tablets;

  • 75% dos donos de smartphones usam seus dispositivos para ler e-mails;

  • 70% dos usuários de dispositivos móveis excluem imediatamente um e-mail se ele não for carregado corretamente.

Além disso, o estudo também afirma que os e-mails responsivos têm um percentual 15% maior de cliques únicos para usuários de celulares. É por isso que, ao desenhar suas imagens para e-mails, considere como elas serão exibidas em um e-mail otimizado para celular. 

Para fazer isso, você precisa considerar alguns detalhes importantes:

  • design do seu template;

  • número de colunas;

  • tamanho da imagem;

  • formato da imagem.

Informamos que com o Stripo você não precisa criar imagens diferentes para desktops e dispositivos móveis. Você pode apenas ativar a opção "Imagem Responsiva" em:

Imagem responsivaAssim, suas imagens ficarão totalmente responsivas em todos os dispositivos móveis. Veja os exemplos abaixo:

image19-1-768x399

Otimizar e-mails para dispositivos móveis com Stripo é mamão com açúcar

 

Portanto, para garantir que suas imagens de e-mail sejam exibidas corretamente, otimize-as para dispositivos móveis

Você também pode se interessar

Responsive_Email_Layout___Cover_ImageNova Era do Design de E-mail Otimizado para Celular

2. Use uma combinação de imagens e texto

Não há dúvida de que, para fins de marketing, e-mails com imagens de largura total funcionam perfeitamente. Elas são mais envolventes, interativas e evidenciam melhor o produto. 

No entanto, se o seu e-mail consistir apenas em imagens, há uma chance de ele ser bloqueado por alguns clientes de e-mail. 

Portanto, a melhor solução aqui é incluir imagens e texto em seu e-mail. Mas tenha em mente que, assim como suas imagens precisam de edição, seu texto também precisa de revisão. Você pode revisar automaticamente o texto de seus e-mails usando editores on-line de um empresa de redação de textos da sua escolha. 

Em seus templates, você pode seguir a proporção 60/40:

Stripo-4-de-julho-HotéisMesmo que esta mensagem seja exibida como texto simples, os destinatários ainda poderão inferir o sentido da mensagem a partir do texto. 

3. Atinja o público específico com sua escolha de imagens de e-mail

Já mencionamos a importância de suas imagens de e-mail para o reconhecimento de sua marca. Mas o mais importante, as imagens que você escolhe para seus e-mails representam diretamente quem é o seu público. 

Embora a empresa apresentada a seguir também tenha produtos para homens, pelas imagens em seus e-mails, você pode ver que eles atendem principalmente ao público feminino:

Ideias de design de emails de verão

(Fonte: E-mail de Thumbtack)

É por isso que, ao criar imagens para suas campanhas de e-mail, considere seu público principal e suas preferências. Essa abordagem também beneficiará o reconhecimento de sua marca. 

4. Evite buscar imagens em bancos de imagens para seus e-mails 

Criar imagens para e-mail pode tomar um certo tempo, especialmente se você quiser que elas representem sua marca da melhor maneira possível.

É por isso que pode ser tentador pegar uma imagem em bancos de imagens e acelerar o lançamento de sua campanha de marketing por e-mail. 

No entanto, usar imagens deste tipo no seu e-mail não beneficia a sua marca. Segundo pesquisas, apenas 23% dos profissionais de marketing dizem que os bancos de imagens funcionam bem para fins promocionais. 

Existem alguns motivos pelos quais as fotos de banco de imagens não são a melhor escolha para colocar no seu e-mail:

  • é a visão de outra pessoa. Uma foto vinda de banco de imagens não pode representar a identidade da sua marca, prejudicando os esforços de marketing da sua marca;

  • fotos de banco de imagens geralmente carecem de originalidade. Esse conteúdo geralmente parece clichê e desatualizado, o que não adiciona credibilidade aos seus e-mails;

  • outra pessoa pode já tê-los usado. Há uma grande chance de que um assinante já tenha visto essas imagens em outros e-mails, o que só confunde a percepção da sua marca. 

Se você deseja que seus esforços de marketing por e-mail tenham retorno, é melhor criar imagens originais que representem a sua marca e os seus valores. Além disso, você sempre pode reutilizar suas imagens originais para outros fins de marketing. 

Conclusão

O debate em torno do uso de imagens em e-mails provavelmente nunca terá fim. Mas qual é o propósito de ficar debatendo se há evidências suficientes de que as imagens nos e-mails funcionam muito bem para o marketing?

No entanto, se você deseja que as imagens de e-mail funcionem para você, é necessário usá-las com sabedoria. Certifique-se de seguir todos os requisitos, incluindo o tamanho da imagem, formato, modo de cor e texto alternativo, e use ferramentas de edição e teste para comprovar o desempenho de seus e-mails. 

Além disso, não ignore as dicas de práticas recomendadas que compartilhamos com você. Elas ajudarão a criar imagens de e-mail que estejam de acordo com a identidade da sua marca, o que é muito importante se você deseja que seus esforços de marketing tenham retorno. 

E, se você não tiver certeza se usar imagens em seus e-mails funcionará para você, você pode usar os Templates prontos de Stripo e o seu editor para criar seu próprio template de e-mail. 

Confira nossos templates para criar e-mails sofisticados com imagens de alta qualidade em um instante
Este artigo foi útil?
Tell us your thoughts
Obrigado pelo seu feedback!
2 comentários
Hani Ho há 2 anos
Hi! I wanted to add an `onerror` to my image so it can handle when the image is broken, i.e. image URL is inexistent. However, it seems like it doesn't get translated well when the e-mail is actually sent. Know of any way to handle images that is indeterminably broken?
Gustavo Woltmann há 3 anos
Thanks for sharing this post, This can be important for peoples. But for this, You should have to need complete information about this Gustavo Woltmann
Tipo
Indústria
Estações
Integração
Editor da Stripo
Simplifique o processo de produção de e-mail.
Plug-in da Stripo
Integre o editor arrastar e soltar da Stripo ao seu aplicativo da web.
Solicite um modelo personalizado
Nossa equipe pode criá-lo e programá-lo para você. Basta preencher o briefing, e entraremos em contato com você em breve.

Editor da Stripo

Para equipes de marketing por e-mail e criadores solo.

Plug-in da Stripo

Para produtos que poderiam se beneficiar de um desenvolvedor de e-mails integrado de white-label.