Como tirar os espaços das imagens no Gmail e Hotmail

Há algum tempo a Google fez mudanças na ferramenta de renderização das mensagens com imagens no Gmail e com isso surgiu um problema que afeta e muito o visual das mensagens: margem branca entre as imagens.

O mesmo acontece com o Hotmail. Veja abaixo um exemplo:

Problema:

imagens_com_espaco

O bom é que para cada problema existe uma solução e para esse problema existe uma simples e rápida. Basta adicionar o atributo display:block do CSS na tag da imagem.

Solução:

Antes:

<img src="minha_imagem.jpg" alt="" />

Depois:

<img style="display: block;" src="minha_imagem.jpg" alt="" />

Resultado:

imagens_sem_espaco

Como fazer na ferramenta @MediaPost:

Se você não conhece HTML e usa a ferramenta de email marketing @MediaPost é simples de fazer. Veja os passos:

No editor da mensagem, clique duas vezes na imagem, irá abrir a janela abaixo:

preview-inserir-display-block-mediapost

Marque a caixinha (checkbox) Inserir display: block e pronto!

Caso tenha dúvidas, entre em contato com nosso departamento de Suporte através do atendimento Online.

Até a próxima!

Avalie este artigo:
Como tirar os espaços das imagens no Gmail e Hotmail
5 (100%) 1 voto

ATUALIZAÇÕES GRÁTIS

Cadastre-se abaixo para receber no seu e-mail artigos legais como este!

Gostou? Compartilhe:

8 Comentários

  1. Igor disse:

    Se a imagem for dividida em duas, por exemplo, pra fazer um link do lado, é melhor fazer uma tabela dentro da outra, mas ainda com o display:block

  2. Ademir Diniz disse:

    Sim Igor.
    Pode ser feito até sem a tabela, mas o “display: block” é importante pois é inserida a margem em todas as imagens, mesmo que estejam dentro de tabelas.

  3. Lucas Evangelista disse:

    Muuuuito obrigado, brother!
    Me tirou uma dor de cabeça do caralho!

  4. Anonymous disse:

    Muito obrigado, ajudou muito! parabéns pelo blog, abs!

  5. Chahad disse:

    Cara, é algo ridiculo mas graças a você postar isso aqui, estamos ganhando tempo pra arrumar esse bug… muito obrigado por compartilhar!

  6. Anonymous disse:

    Muito obrigada pela dicaaaaaaaaaa! 😀

  7. Anonymous disse:

    Obrigado pela dica!

  8. junior castro disse:

    Vlw pela dica brohters kkkkk salvaram minha pele =/

Deixe seu comentário!