O e-mail aparece diferente em cada cliente: por quê e o que fazer
Seis clientes, seis conjuntos de limites e um código que funciona em todos
Mailvex · 31 agosto 2026 · 4 min de leitura
O mesmo e-mail aparece certo no Gmail, se desmancha no Outlook e muda de cor no Apple Mail. A causa não é erro de montagem: os clientes de e-mail não compartilham um padrão de exibição e cada um trata o código do seu jeito. A solução é escrever o código para o cliente mais limitado, e assim os demais simplesmente vão entendê-lo.
Por que não existe um padrão único
Os navegadores acordaram padrões; os clientes de e-mail não. Cada um usa o próprio motor de renderização, e alguns têm mais de dez anos.
Some-se a segurança: uma caixa de entrada não pode deixar uma mensagem executar código nem carregar qualquer coisa de fora. Então os clientes removem o que consideram desnecessário: folhas de estilo externas, scripts, parte das propriedades de estilo.
Daí uma regra que poupa tempo: não tente fazer todos os clientes ficarem idênticos. Mire em um e-mail que continue claro e funcional em todo lugar, mesmo com detalhes diferentes.
O que quebra em cada cliente
Seis grupos de clientes cobrem quase todo o público. Cada um com seus limites.
| Cliente | O que quebra | O que fazer |
|---|---|---|
| Outlook para Windows | cantos arredondados, sombras, botões, media queries | adicionar código VML, montar botões sobre tabelas |
| Gmail no navegador | remove estilos externos, corta e-mails pesados | estilos inline, peso abaixo de 100 KB |
| Apple Mail | inverte cores no modo escuro | definir cores explicitamente, adicionar metatags de modo escuro |
| Apps móveis de e-mail | algumas ignoram media queries | montagem em uma coluna por padrão |
| Sistemas corporativos | bloqueiam imagens e recursos externos | textos alternativos, o sentido no texto |
| Webmail antigo | sem suporte a propriedades modernas | tabelas em vez de blocos, códigos de cor completos |
Repare na primeira linha: o Outlook para Windows causa mais problemas porque usa o motor de um editor de texto em vez de um de navegador.
Três técnicas que cobrem a maioria das diferenças
A maioria das diferenças é resolvida com três técnicas, e não ajustando para cada cliente separadamente.
- montagem com tabelas em vez de blocos modernos: todos os clientes entendem
- estilos escritos inline e não em folha externa: não serão removidos
- botão sobre tabela com código VML adicionado: totalmente clicável mesmo no Outlook
- códigos de cor completos de seis dígitos e não a forma curta de três
- largura de 600 pixels e uma única coluna por padrão
- fontes do sistema com alternativas
Essas seis regras eliminam cerca de nove em cada dez diferenças. O que sobra são detalhes como entrelinha, que ninguém percebe.
Onde testar e em que ordem
Não é preciso testar em vinte clientes. Quatro bastam para cobrir os motores principais.
- um cliente móvel de e-mail: onde a maioria é aberta
- Outlook para Windows: o mais exigente
- Gmail no navegador: o webmail mais massivo
- qualquer caixa no modo escuro: revela problemas de cor
A ordem importa: comece pelo celular. Se o e-mail funciona em tela estreita, quase certamente funcionará em uma larga. O contrário não vale.
O que não tentar consertar
Algumas diferenças não têm conserto, e tentar só gasta tempo.
Cantos arredondados e sombras nunca aparecerão no Outlook: o motor não os suporta. Uma fonte da internet é substituída por uma do sistema em vários clientes. A animação aparece de forma desigual. Tudo bem: o e-mail precisa funcionar sem elas, e onde aparecerem será um bônus.
Como um construtor resolve isso
No Mailvex o e-mail é montado com blocos, e o compilador os converte em código compatível com todos os clientes: tabelas em vez de blocos, estilos inline, código VML à parte para os botões do Outlook, códigos de cor completos.
O envio de teste para o seu endereço sai do próprio editor, então dá para abrir o e-mail na sua caixa e ver o resultado antes de exportar.
Monte um e-mail que funcione em todos os clientes.
Ver modelosPerguntas frequentes
Dá para fazer o e-mail aparecer igual em todo lugar?
Por completo não, e não convém tentar. Cantos arredondados e sombras nunca aparecerão no Outlook. O objetivo é outro: o e-mail precisa continuar claro e funcional em cada cliente, mesmo com detalhes de estilo diferentes.
Em quais clientes é obrigatório testar?
Em quatro: um cliente móvel de e-mail, Outlook para Windows, Gmail no navegador e qualquer caixa no modo escuro. Eles cobrem os motores principais. Comece pelo celular.
Por que no Outlook quebra mais do que em qualquer lugar?
O Outlook clássico para Windows usa o motor de um editor de texto em vez de um de navegador. Ele não entende media queries, cantos arredondados, sombras nem imagens de fundo, e botões montados do jeito comum só são clicáveis sobre o texto.
