Por que seu e-mail HTML quebra no Outlook e o que ele ignora

O Outlook clássico para Windows desenha o e-mail HTML com o motor de renderização do Microsoft Word, não com um navegador, e o Word ignora boa parte do CSS moderno. A própria referência da Microsoft lista float, position, display, background-image, max-width e min-width como não suportados, junto com formulários e scripts, e mostra GIFs animados como um primeiro quadro parado. Por isso um template feito com flexbox, divs com max-width ou fundos CSS fica bonito no Gmail e se desmonta no Outlook. A correção costuma ser um layout em tabelas com larguras como atributos, não refazer tudo.

Fontes, lidas em 2 de novembro de 2026: Word 2007 HTML and CSS rendering capabilities in Outlook 2007, da Microsoft (arquivada, mas ainda é o motor que o Outlook clássico usa), as etapas de migração para o novo Outlook para Windows, da Microsoft (atualizada em 23 de fevereiro de 2026), e as tabelas de suporte do Can I email.

Qual Outlook é o problema

• Outlook clássico para Windows (o aplicativo de desktop da maioria dos escritórios): motor do Word. É aqui que os templates quebram.
• Novo Outlook para Windows e Outlook na web: motor de navegador, bem mais próximo do Gmail.
• Outlook para Mac, iOS e Android: também usam motores baseados em navegador.

A Microsoft diz que o novo Outlook ainda está na fase de adesão opcional e que as instalações existentes do Outlook clássico terão suporte até pelo menos 2029. Se você envia para caixas de empresas, conte com uma parte dos leitores vendo a versão do Word por anos.

O que o Outlook clássico ignora

Da lista de CSS e HTML não suportados da Microsoft, estes são os que mais quebram e-mails:

O que você usou	O que acontece no Outlook clássico	O que usar no lugar
display: flex ou grid	Ignorado; as colunas empilham ou colapsam	Colunas de tabela, um td por coluna
max-width numa div	Ignorado; a div ocupa a largura toda	Uma tabela com width=600
float, position	Ignorados	Células de tabela com align
background-image em CSS	Não aparece	bgcolor como alternativa, ou VML em comentários condicionais
Largura só em CSS nas imagens	A imagem aparece no tamanho real do arquivo	Atributo width em cada img
GIF animado	Só o primeiro quadro	Coloque a mensagem no primeiro quadro
Formulários, botões, scripts	Não suportados	Link para uma página web

Duas outras causas comuns não têm nada a ver com CSS: um td ou tr não fechado (o Outlook perdoa menos que um navegador) e padding em div ou p, que o Word aceita como margem, mas não como padding (o padding só está no grupo de suporte total dele, que inclui td). Coloque o padding no td.

Como corrigir um template que quebra

1. Cole o HTML no verificador de e-mail HTML. Ele aponta flex e grid, variáveis CSS, imagens de fundo sem código para Outlook, position, tags de tabela não fechadas e imagens sem largura, e indica se o arquivo já tem comentários condicionais para Outlook.
2. Envolva o corpo numa tabela de 600px com a largura como atributo, centralizada com align=center.
3. Refaça as colunas como células de tabela. Para empilhar no celular, mantenha as células e use uma media query no head; o Outlook ignora a query e mantém as colunas.
4. Adicione atributos width às imagens e defina display:block nelas para tirar o pequeno espaço que alguns clientes colocam embaixo de uma imagem.
5. Coloque os estilos inline com o inliner de CSS para e-mail para que eles sobrevivam nos clientes que descartam os estilos do head.
6. Use comentários condicionais para o resto. O código dentro de um comentário if mso só é lido pelo Outlook clássico, e é ali que entram larguras fixas e fundos VML.
7. Faça um envio de teste para uma caixa do Outlook clássico para Windows, além do Gmail e do Apple Mail. Um verificador lê código; só um cliente de verdade mostra o resultado.

Layout quebrado não é o mesmo que lixo eletrônico

Um template que renderiza mal no Outlook ainda chega aonde chegaria. Se o Outlook está mandando seu e-mail para o Lixo Eletrônico, as causas são autenticação, reputação e reclamações, não CSS; veja e-mails indo para o lixo eletrônico no Outlook e os requisitos de remetente da Microsoft.

Onde o SimpleVerifier entra

O verificador é gratuito e roda no seu navegador. Antes de enviar, confira a lista em si: faça o upload na página de verificação, e as primeiras 100 checagens são gratuitas com login do Google. O Pro custa US$ 39 por mês: os primeiros 100.000 e-mails de cada mês rodam em velocidade máxima, e depois listas grandes rodam mais devagar, sem bloqueio. Veja os preços.