Tamanho Perfeito de Banner de E-mail para Seus Modelos

Banners são uma ferramenta incrível para tornar seus e-mails mais organizados, chamar a atenção dos destinatários para os elementos principais da sua mensagem e ajudá-lo a se destacar nas caixas de entrada lotadas de seus leitores. No entanto, um tamanho de banner de e-mail impreciso pode devastar a estrutura do seu conteúdo e prejudicar todos os esforços que você fez.

Neste artigo, você aprenderá mais sobre a largura e altura perfeitas para uma imagem de banner e os aspectos fundamentais a serem considerados ao criar um. Também forneceremos dicas úteis para criar banners atraentes com Stripo em poucos minutos.

O que é um banner de e-mail?

É uma imagem de alta qualidade posicionada na parte superior da sua mensagem para destacar seu objetivo principal e tom. As imagens de banner podem ser acompanhadas pelo nome da sua marca, logotipo da empresa, chamada para ação (CTA) e fotos de produtos. Você também pode equipar seu banner com textos curtos e diretos, como “15% de desconto em itens selecionados” ou “Promoção relâmpago para o fim de semana” para tornar o objetivo do seu e-mail o mais claro possível.

(Fonte: Template do Stripo)

A importância do tamanho do banner de e-mail

Uma imagem de banner transmite sua UVP (proposta de valor única) e componentes associados à marca, como seu logotipo, CTA, esquemas de cores corporativas e gráficos. Esses recursos diferenciam você de centenas de e-mails promocionais que inundam as caixas de entrada dos seus destinatários e motivam os assinantes a realmente abrir e ler suas mensagens.

Um tamanho inadequado de banner de e-mail pode arruinar toda a estrutura do seu conteúdo. Um banner excessivamente largo fará com que o cliente de e-mail ative a função de rolagem horizontal, enquanto um banner subdimensionado fará com que os destinatários apertem os olhos para perceber seu conteúdo.

As dimensões perfeitas para modelos de e-mail

O tamanho ideal do banner de e-mail é de 600-700 px de largura para garantir a exibição adequada em diferentes dispositivos. Mantenha a altura proporcional, com 350-500 px frequentemente recomendados. Seguir essas dimensões para o banner de e-mail ajuda a criar designs visualmente atraentes e responsivos.

É possível usar vários tipos de banners de e-mail em seu boletim informativo para alcançar diferentes objetivos. Agora, discutiremos o tamanho perfeito de banner de e-mail para banners do corpo do seu e-mail responsivos, cabeçalhos e rodapés.

• Tamanho do cabeçalho de e-mail

Uma imagem de cabeçalho vibrante e chamativa motivará seus leitores a abrir seus e-mails e interagir com eles. Você pode equipar este cabeçalho com o logotipo da sua empresa, um texto breve explicando o propósito principal do seu e-mail e uma CTA. Recomendamos limitar a largura a até 600-700px e a altura a até 90-200px para computadores. Em dispositivos móveis, é melhor manter a largura de 350px e a altura de 100px.

Aqui está um exemplo de cabeçalho de e-mail com 650px (largura) e 200px (altura):

• Tamanho do banner no corpo do e-mail

Um banner chamativo dentro do corpo do seu e-mail pode transmitir a ideia central da sua mensagem sem sobrecarregar os leitores com longos parágrafos de texto. Aqui você pode revelar mais detalhes sobre sua oferta e explicar quais problemas um cliente pode resolver ao usá-la.

Para telas de desktop, sugerimos que o banner do corpo tenha 650-700px de largura e 350-500px de altura. Em dispositivos móveis, é melhor optar por uma largura de 350px e uma altura de 200px.

• Tamanho do rodapé do e-mail

Posicionado na parte inferior do seu boletim informativo, um rodapé pode incluir os detalhes de contato da sua organização para quaisquer dúvidas, contas de redes sociais e a opção "Cancelar inscrição". Esses detalhes permitem que seu conteúdo evite a pasta de spam e chegue às caixas de entrada dos seus destinatários.

Mantenha seus rodapés de e-mail com 650-700px de largura e até 150px de altura para telas de desktop. Em dispositivos móveis, sugerimos optar por uma largura de 350px e uma altura de 100px. Veja nosso exemplo de rodapé de e-mail (700px de largura e 150px de altura):

(Fonte: Template do Stripo)

Assista ao vídeo abaixo para aprender mais sobre como criar banners incríveis em poucos minutos com o Stripo:

O que considerar ao criar um banner de e-mail

Agora que você sabe tudo sobre as dimensões ideais para vários tipos de banners de e-mail, vamos dar uma olhada em mais alguns aspectos essenciais a serem considerados durante o processo de design para tornar seus banners atraentes:

• Tamanho do botão

Os botões nos banners de e-mail devem ser visíveis o suficiente, por isso é crucial garantir que eles não se misturem com a imagem de fundo e outros elementos da sua mensagem. Verifique se seus botões são grandes o suficiente para que os assinantes possam clicar ou tocar neles sem dificuldades.

(Fonte: Template do Stripo)

• Texto sobre imagens de banner

Um banner típico de e-mail consiste em uma imagem e texto sobreposto. Aqui, é vital definir as fontes e combinações de cores adequadas para tornar o seu texto legível e vibrante. Seus assinantes têm mais chances de ignorar um banner com texto marrom sobre uma imagem preta. O mesmo acontece com cores claras — texto branco sobre um fundo cinza claro é uma má ideia.

Recomendamos que você experimente fontes, cores, tamanhos e o posicionamento do seu texto para torná-lo notável e legível. Nas imagens abaixo, você pode ver que um banner com uma fonte ilegível e texto cinza sobre um background de imagem marrom parece desorganizado, enquanto a primeira opção, com uma fonte mais legível e uma cor contrastante, é muito mais fácil de notar.

• Tamanho da imagem

Também é crucial ter uma boa velocidade de carregamento. Quanto menos tempo seu e-mail levar para carregar, melhor. Certifique-se de comprimir suas imagens de banner antes de adicioná-las aos seus e-mails.

• Otimização para dispositivos

Banners de e-mail com imagens temáticas de feriados exigem otimização para dispositivos para garantir que seu template seja acessível e eficaz em todos os gadgets. Durante a temporada de feriados, quando as pessoas estão com pressa, elas costumam usar seus dispositivos móveis ou tablets. E aqui é onde é crucial garantir que seu template seja otimizado, juntamente com todos os botões de CTA e ilustrações.

• Branding

Ao criar banners de feriado para e-mail com imagens da marca, você pode aumentar o reconhecimento da marca e atrair novos clientes, o que é essencial para os negócios. Certifique-se de que o banner de feriado tenha consistência com outros materiais da marca; adicione o template da marca e personalize o design do banner para se adequar à identidade visual da sua marca. Sua campanha de feriado será facilmente identificada como resultado disso. Um logotipo, tipografia e esquema de cores ajudam consumidores e empresas a construir confiança e lealdade, levando ao aumento do engajamento, vendas e ROI.

• Construção de links

Certifique-se de que a imagem do seu banner de feriado esteja vinculada à página de destino necessária! É muito fácil adicionar um link a qualquer imagem que você precisar; por exemplo, uma página de produto pode ser uma ótima escolha se você estiver promovendo um produto específico. Os destinatários clicam e interagem diretamente com seu conteúdo. Assim, você aumenta sua CTR e impulsiona as conversões diretamente no mesmo banner de feriado.

Montando um banner com o Stripo

Usando nosso editor, você pode criar banners incríveis em poucos minutos. Selecionamos algumas dicas para facilitar esse processo para você:

• Largura

A largura do seu banner deve corresponder à largura do e-mail inteiro. É possível definir a largura necessária em três etapas simples:

• Escolha a aba "Aparência";

• Vá para a aba "Configurações gerais";

• Defina a largura que você deseja aplicar.

Para garantir que a largura do seu banner de e-mail seja configurada corretamente e corresponda à largura do e-mail inteiro, tome as seguintes ações:

• Aplique uma estrutura de contêiner único;

• Arraste o bloco "Banner";

• Clique no ícone "Estrutura" acima do seu banner;

• Desative o botão "Preenchimento".

• Orientação

Agora você pode estabelecer a orientação mais adequada para o banner. Você pode optar por uma das três alternativas: horizontal, vertical e quadrado. A primeira é a mais comum, mas não há uma única resposta que seja melhor em todas as situações. Dependendo do posicionamento dos componentes do e-mail ou de uma campanha específica, você sempre pode experimentar e escolher a alternativa mais adequada.

• Botões

Você também pode equipar sua imagem principal de banner com um botão CTA chamativo e vívido. Abra o painel de Configurações e clique no botão "Imagem adicional". Faça o upload de uma imagem de sua preferência ou escolha uma das milhares de imagens do nosso banco. Para tornar sua imagem clicável, insira seu link no campo "Link". Assim, seus assinantes não precisarão clicar ou tocar apenas no botão, pois seu link se aplica à imagem inteira do banner.

• Fontes

O Stripo oferece uma grande variedade de fontes decorativas que você pode incorporar para tornar seus e-mails reconhecíveis. Não se preocupe, essas fontes serão exibidas corretamente em todos os clientes de e-mail, pois nosso editor funciona como o Photoshop. Isso significa que qualquer texto que você coloque sobre os banners é considerado um elemento de imagem, então as fontes decorativas não serão substituídas por fontes padrão pelos clientes de e-mail.

Se você precisar de uma fonte especial e não encontrar a combinação perfeita em nosso editor, você pode se beneficiar de fontes personalizadas. Aqui está um vídeo curto para ajudá-lo a adicionar e usar fontes personalizadas com o Stripo:

Conclusão

O tamanho correto do banner de e-mail manterá sua mensagem estruturada e chamará a atenção dos assinantes para os elementos centrais de sua mensagem. Agora que você sabe a largura e altura perfeitas para um banner de e-mail e entende como produzir um com o Stripo, você está pronto para fazer sua próxima campanha ser um sucesso!