O Gmail implementou recentemente mudanças em seu ambiente de webmail que afetam como as imagens são exibidas na maioria dos navegadores. Isso também afeta diretamente os profissionais de Email Marketing que estão envolvidos na elaboração de peças para disparo.
Quais as mudanças que o Gmail fez?
Com a sua recente atualização, o Gmail agora adiciona alguns pixels de espaço em branco horizontal quando um determinado parâmetro de folha de estilo for omitido. Isto é visível em imagens que são diagramadas verticalmente (como fatias de imagem) ou em imagens exibidas em um fundo que não seja branco.
Como isso pode ser corrigido?
Adicione o parâmetro abaixo de folha de estilo “in-line” para controlar a exibição da imagem.
Nota: O Gmail não oferece suporte a folha de estilos incorporada no cabeçalho do HTML. Assim, ele deve estar “in-line” com a tag <IMG SRC>. Aqui está um exemplo para a inclusão do parâmetro:
Código com problema:
img src = “http://www.someurl.com/images/image.jpg” height = “100″ width = “100″
Código correto:
img src = “http://www.someurl.com/images/image.jpg” height = “100″ width = “100″ style = “display: block”
Nota: Este parâmetro pode ir para outro lugar na tag img src se preferir
Quais navegadores são afetados?
Temos observado esse problema de renderização no FireFox, IE 8, e vários navegadores que utilizam o pacote open-source Webkit como Chrome, Safari, e alguns dispositivos móveis.
O que mais eu deveria saber sobre isso?
A prática de declarar o display: block em imagens já é algo recomendado porque o Windows Live Hotmail também adiciona este espaço em branco em imagens se você não declarar esse parâmetro. Mas lembre-se: o Gmail não suporta folhas de estilo incorporada para esse estilo e todas as outras referências devem ser declaradas “in-line”, como no exemplo acima.
Um pouco mais sobre o motor de renderização Webkit
Embora o Google Chrome e Safari são os principais browsers que utilizam o motor de renderização Webkit, é importante notar que Webkit é um projeto open-source, o que significa que é utilizado por qualquer ferramenta que utiliza o HTML como interpretador, não apenas navegadores populares. Outros notáveis na lista incluem clientes de e-mail de desktop como o Apple Mail e Entourage 2008 (também da Apple) e dispositivos móveis diversos.
Fonte: Marketing Radar