O guia definitivo para imagens de boletins informativos

Todos desejam que seus boletins informativos sejam abertos, lidos e envolvidos por milhões . Algumas pessoas pensam que isso acontece com a criação de uma obra de arte interna. No entanto, isso está incorreto porque, na maioria dos casos, as pessoas não conseguem ver o interior do seu e-mail antes de decidir abri-lo.

Então, se a obra de arte não ajuda nas aberturas, ela pelo menos tem um efeito no engajamento?

Bem, pode causar uma grande impressão, mas apenas se você fizer isso corretamente. Neste artigo, discutiremos as melhores maneiras de usar imagens em seus e-mails, e esperamos que os cliques fluam!

O melhor tamanho de imagem de boletim informativo para várias telas

Então, vamos direto ao assunto. Para visualização em desktop, devido às restrições do cliente de e-mail, é melhor usar 600px como a largura máxima para o tamanho da imagem do seu e-mail. Isso, é claro, também se aplica a quaisquer imagens que você queira usar horizontalmente no e-mail.

Lembre-se de que, se você usar toda a largura, a imagem ainda poderá ser reduzida a um tamanho móvel sem mudar muito.

Um exemplo de um e-mail de 2 colunas em uma tela de telefone

Falando em celular, você precisa se lembrar de como seus leitores verão seus e-mails. Hoje em dia, mais e mais pessoas verão seu e-mail em um dispositivo móvel, então planeje de acordo. Na verdade, recomendamos uma abordagem que prioriza os dispositivos móveis . Basicamente, isso significa projetar seu e-mail para ter uma boa aparência no celular primeiro e, em seguida, pensar no design do desktop.

Os serviços de newsletter, como Active Campaign , Mailchimp ou MailerLite (que analisamos aqui a propósito), tornam isso fácil de conseguir com seus modelos responsivos.

Idéias simples de design de boletim informativo para manter em mente

Você não precisa de um diploma em design para criar um e-mail bonito. Mas há algumas dicas de design que você deve ter em mente ao pensar sobre a 'propriedade' da sua imagem de cabeçalho no boletim informativo geral.

Em primeiro lugar, tome cuidado com as duas polegadas superiores . Como esta é a primeira parte do e-mail que os usuários veem, você precisa envolvê-los, então é melhor não preenchê-la inteiramente com uma imagem - alguns clientes de e-mail não os mostram por padrão (mais sobre isso mais tarde) .

Porém, conforme mencionado acima, você pode usar um banner horizontal com texto envolvente para atrair os leitores. Mas é melhor mantê-lo simples, talvez apenas cores e palavras, para que quando for redimensionado ainda tenha uma boa aparência.

Um exemplo de banner que você pode usar em um e-mail. Esse tipo de design deve ser bem dimensionado em telas menores.

Outra regra de design a ter em mente é a regra dos terços. Recomendamos que no máximo um terço do seu e-mail contenha imagens. Ah, e isso não significa um terço inteiro, mas espalhe por todo o e-mail.

Como criar imagens profissionais para boletins informativos

Voltando ao curso de design, você pode ser como eu e ter pouca ou nenhuma habilidade em design, mas isso não significa que você não possa criar algo que pareça bom! Existem serviços de bricolagem que facilitam o design de imagens para seus e-mails e o Snappa é, obviamente, uma ótima opção. Além de oferecer muitos modelos e ícones, esses serviços também oferecem tamanhos de tela predeterminados para ajudar a facilitar o projeto de elementos específicos, como um banner de e-mail.

Um exemplo de opções de tamanho de tela para escolher no Snappa.

Uma ideia final de design a ter em mente é a das colunas. Geralmente, é melhor manter os itens em uma coluna se você estiver criando um e-mail simples, com principalmente texto. Embora, com os modelos disponíveis na maioria dos serviços de boletins informativos atualmente, você também possa usar designs de duas ou três colunas, desde que sejam responsivos. Suas colunas, então, se reorganizarão confortavelmente para ficarem umas em cima das outras quando exibidas em uma tela menor.

Contagens de tamanho de arquivo de imagem de cabeçalho de e-mail

Outra coisa que você precisa pensar ao adicionar imagens a e-mails é o tamanho do arquivo. Eles precisam ser os menores possíveis, caso contrário, não ultrapassarão os limites de tamanho impostos pelos clientes de e-mail. Certifique-se de que as imagens não sejam maiores que 1 MB, mas tente atingir 100 kb ou menos para cada imagem (a menos que você esteja usando animações).

Uma boa maneira de reduzir o tamanho dos arquivos, mantendo o máximo de qualidade possível, é executá-los em tinypng.com (funciona também para imagens jpg). Basta soltar suas imagens na página e ele irá reduzi-las a um tamanho menor (você nem notará nenhuma diferença em termos de qualidade) ... tudo de graça!

Projete boletins informativos por e-mail sobre bloqueadores de imagens

Hoje em dia, a maioria dos clientes de e-mail possui bloqueio automático de imagens, que pode ou não ser desabilitado pelo usuário. Como isso ocorre com frequência, é importante que você planeje seu design para comunicar sua oferta aos leitores. Há algumas maneiras de fazer isto.

Em primeiro lugar, NÃO crie um e-mail totalmente baseado em imagens. Isso é literalmente o oposto se você quiser contornar o bloqueio de imagens. Se o bloqueio estiver ativado, você acabou de enviar um e-mail vazio para alguém.

Esse mesmo conselho vale para frases de chamariz em seu e-mail. Não os coloque dentro das imagens, pois eles serão perdidos se o bloqueio de imagens estiver ativado. É melhor usar links de texto formatados para eles.

É melhor usar links de texto formatados para CTAs, pois os baseados em imagem podem não ser exibidos.

Para as pessoas que seguiram nossas sugestões, é verdade que suas imagens ainda podem ser bloqueadas. Nesse caso, outra maneira de garantir que sua mensagem ainda chegue em casa é usando 'texto alternativo' ou texto alternativo. Este é o texto que é exibido se a sua imagem não carregar. Deve ser informativo e não apenas uma descrição da sua imagem.

Por exemplo, se você quiser que alguém dê uma olhada em um novo produto em sua loja, mas a bela imagem do produto não carregou, você ainda pode dizer 'Dê uma olhada em nossa nova sacola' com seu texto alternativo. Isso fornece ao leitor informações e uma frase de chamariz. Alguns editores de e-mail podem até permitir que você adicione estilos ao seu texto alternativo, fazendo com que ele se destaque ainda mais.

Vídeos de boletins informativos x GIFs de e-mails

Obviamente, seria ótimo compartilhar seu vídeo viral de 'animais fofos' com seus assinantes, mas incorporar vídeos em e-mails não é uma boa ideia. A razão é que a maioria dos clientes de e-mail simplesmente não permite isso. Além disso, muitas vezes os arquivos de vídeo são muito grandes (se você não os incorporar) e podem acabar enviando seu trabalho duro direto para a pasta de spam.

Uma maneira de contornar isso é ter uma imagem estática sobreposta com um botão de reprodução, que leva o usuário ao serviço hospedado (YouTube, por exemplo). Porém, há outra maneira: usando GIFs animados.

Anthropologie, uma marca de utilidades domésticas, usou este GIF em sua campanha. Fonte da imagem : Mailbakery.com

Os GIFs oferecem uma alternativa leve ao conteúdo de vídeo em seu e-mail e podem ser criados de várias maneiras . Os GIFs são ótimos para mostrar como um produto funciona, mostrar ângulos diferentes ou simplesmente criar algo atraente. Apenas certifique-se de não torná-las muito grandes (menos de 1 MB é recomendado) e, como as imagens, não as abuse.

De volta aos trilhos - Uma introdução às taxas de abertura

Embora tenhamos discutido acima que as taxas de abertura não são realmente influenciadas por imagens, ainda existe uma relação interessante entre os dois.

Taxas de abertura em ActiveCampaign.

A maneira como as taxas de abertura são rastreadas é carregando um gráfico de pixel único. Quando este pixel é carregado, é registrado que o cliente abriu o e-mail. Agora, usando as informações que acabamos de discutir sobre o bloqueio de imagens, talvez você possa ver onde um problema pode ocorrer.

Sim, se houver bloqueio de imagem ou se um cliente tiver optado por receber a versão somente texto de seus e-mails, esse pixel nunca será carregado. Isso resulta em menos uma abertura sendo relatada. Tudo isso é para dizer que você deve considerar os relatórios de taxa aberta com cautela, pois eles nem sempre são uma representação verdadeira.

Conclusão

Cobrimos muito neste artigo, mas esperamos que haja algumas lições úteis. Seu e-mail pode ser bonito e funcional, mas você precisa ter certeza de que essa função supera a forma para quem nunca verá suas imagens.

Infelizmente, não podemos controlar como os clientes de e-mail mostram o que enviamos, por isso precisamos trabalhar com eles. Se você mantiver as idéias acima em mente, isso ajudará a garantir que seus e-mails não sejam os que acabam no buraco negro da pasta de spam, para nunca ver a luz da caixa de entrada.