Blog

Arrume as imagens quebradas do seu e-mail marketing

Avaliação do Usuário

Estrela inativaEstrela inativaEstrela inativaEstrela inativaEstrela inativa
 
Se você for o designer que cria as peças de e-mail marketing, leia esse post! Se não for, envie para o responsável pela criação pois é muito importante para a visualização correta das mensagens. Quando um HTML de e-mail marketing é composto por imagens “fatiadas” que dependem da justaposição para formar a mensagem na tela, é imprescindível que não haja espaços em branco entre as “fatias”.

Alguns provedores, como Hotmail e Gmail, acrescentam um espaço de quase 5 pixels ao redor da imagem, o que prejudica a visualização da mensagem; para corrigir este problema, uma das técnicas é especificar como queremos que seja tratada a imagem pelo navegador, fazemos isso através da diretiva CSS display:block; inserida em todas as tags de imagem, da seguinte forma:

Código de E-mail Marketing
Veja os exemplos e preste atenção como a logo da Kronedesign aparece separada na 1º imagem e da forma correta na 2º:

Código E-mail Marketing

Código E-mail Marketing

Repare que a propriedade style=”display:block;” faz com que o elemento seja tratado como um bloco, que por padrão ocupa todo o espaço horizontal disponível.
Quando a intenção é unir elementos na horizontal, como um ícone e um texto a seu lado, você pode usar uma tabela para distribuir espaços diferentes na horizontal, controlando o posicionamento e distância de seu conteúdo. Um elemento tratado como “block”, quando está dentro de uma célula da tabela, ocupa só o espaço horizontal dentro da própria célula, e não interfere nas demais que podem estar posicionadas inclusive a seu lado.
Faça um teste de renderização na sua ferramenta de teste como a que usamos que é gratuita como  www.mail-tester.com e veja como vai ficar sua mensagem no webmail dos provedores de e-mail mais populares e veja se sua mensagem precisa de algum ajuste.




IMPORTANTE:

A recomendação é que todas as imagens do seu e-mail marketing não ultrapassem o valor de 100Kb. Para conseguir atender a este padrão, é importante que as imagens sejam sempre exportadas com o menor tamanho possível através do software de criação. Estes programas já contam com ferramentas que salvam as imagens de forma otimizada para a web, sem perder qualidade.

Gostou da matéria deixe seus comentários abaixo até o próximo:

Nossa História

Somos uma agência com foco em Marketing e Promoção Digital, na busca de público qualificado, Promovendo Capacitações Online, Lançamentos de Destinos, Produtos e Eventos através da Internet.

Telefones:

SP Capital  (11) 3159 2975
Baixada     (13) 3468 0927

© 2017 todos os direitos Kronedesign Comunicação Digital Ltda

Search