O equilíbrio entre imagens e texto

Um e-mail bem equilibrado usa imagens e texto intencionalmente. As imagens tornam os e-mails visualmente envolventes e reforçam a identidade da marca. O texto comunica informação com precisão e permanece legível em qualquer contexto. Perceber por que cada um é importante ajuda a tomar melhores decisões de design e a evitar as armadilhas de entregabilidade de e-mail mais comuns.

O argumento a favor das imagens

As imagens falam mais rapidamente do que o texto. Numa fração de segundo, uma imagem bem escolhida comunica ambiente, marca, qualidade de produto e contexto emocional. Tornam o e-mail memorável e aumentam significativamente o envolvimento quando usadas corretamente. As imagens são também eficazes para apresentar produtos, ilustrar processos e dividir blocos de texto que de outra forma pareceriam pesados de ler.

O argumento a favor do texto

O texto carrega instantaneamente, funciona em qualquer dispositivo, é indexado pelos filtros de spam e é legível mesmo quando as imagens estão bloqueadas. Muitos clientes de e-mail bloqueiam imagens por predefinição, o que significa que um e-mail muito baseado em imagens pode aparecer como uma parede de caixas vazias para uma parte significativa do público. O texto é também o que os leitores de ecrã usam para interpretar o e-mail para contactos com deficiência visual — um e-mail sem conteúdo de texto significativo é efetivamente invisível para esses leitores.

O rácio imagem-texto

Não há um rácio mágico, mas os e-mails predominantemente compostos por imagens com texto mínimo tendem a ter uma pontuação pior nos filtros de spam. Como diretriz geral, tente pelo menos 60% de texto para 40% de imagens por área de superfície. Esta não é uma regra rígida, mas os e-mails muito baseados em imagens com muito pouco texto são um acionador comum de spam.

Mais importante: certifique-se de que o e-mail comunica claramente mesmo com todas as imagens desativadas. Se a mensagem ainda fizer sentido com apenas o texto e os textos alternativos visíveis, está numa boa posição.

Diretrizes práticas

Use imagens para suportar a mensagem, não para a transportar inteiramente. O texto deve contar a história completa por si só.
Cada imagem deve ter texto alternativo significativo, especialmente imagens de produto e CTAs. Consulte o artigo "Textos alternativos" para orientação.
Mantenha as imagens de banner como acento visual ou introdução, não como meio principal de comunicação.
Para newsletters com múltiplos artigos, use imagens como miniaturas que complementam o texto em vez de o substituir.
Teste o e-mail com imagens bloqueadas usando a Verificação de mensagem antes de enviar.

Dica de suporte O design de e-mail mais resiliente é aquele em que o texto por si só conta a história completa e as imagens o tornam mais convincente. Se o e-mail apenas fizer sentido com as imagens carregadas, é frágil.

Erros comuns a evitar

Construir mensagens inteiras como uma única imagem. Estes e-mails parecem quebrados para contactos com bloqueio de imagens ativado, têm uma pontuação baixa nos filtros de spam e são completamente inacessíveis para leitores de ecrã.
Usar imagens decorativas sem texto alternativo. Uma caixa vazia não comunica nada. Escreva texto alternativo para cada imagem que transmite significado.
Carregar imagens não comprimidas. Ficheiros acima de 2 MB atrasam os tempos de carregamento e podem acionar o recorte de mensagens no Gmail. Consulte "Por que os ficheiros de multimédia devem ficar abaixo de 2 MB".
Ignorar a renderização móvel. Num ecrã pequeno, imagens grandes demoram ainda mais tempo a carregar e podem dominar o layout de formas que empurram o conteúdo de texto principal para fora da vista.

Próximos passos

Execute a Verificação de mensagem na mensagem atual para ver como aparece com imagens bloqueadas.
Verifique o texto alternativo em cada imagem — consulte "Textos alternativos" para orientação de escrita.
Consulte "O teste de leitura: o e-mail é digitalizável?" para avaliar se o conteúdo de texto é suficientemente forte para se sustentar por si só.