E-mail marketing ainda é um dos canais com maior ROI no marketing digital. Mas muitos profissionais cometem erros básicos com imagens que prejudicam a entregabilidade, o visual e as conversões.
Imagens pesadas ativam filtros de spam. Imagens sem alt text ficam em branco quando o cliente de e-mail bloqueia o carregamento automático. Imagens muito largas quebram o layout no celular.
Tamanhos recomendados para e-mail
- Largura máxima do e-mail: 600–700 px — padrão universal de clientes de e-mail
- Banner/header: 600×200 px a 600×300 px
- Imagem de destaque (hero): 600×400 px a 600×500 px
- Miniaturas de produto (3 colunas): 180×180 px cada
- Logo no header: Máx. 200×80 px
E-mails bem projetados com imagens otimizadas têm melhores taxas de abertura e clique
Peso ideal por imagem
- Banner principal: Máx. 100 KB
- Imagens de produto: Máx. 50 KB cada
- Logo: Máx. 20 KB (PNG com transparência)
- Peso total do e-mail: Idealmente abaixo de 500 KB
⚠️ E-mails pesados vão para o spam
Provedores como Gmail e Outlook usam o peso total do e-mail como fator de spam. E-mails acima de 1–2 MB têm muito mais chance de ir para a caixa de spam ou de serem clippados (cortados) pelo Gmail.
Sempre use alt text em imagens de e-mail
Muitos provedores de e-mail bloqueiam imagens por padrão. O usuário vê o alt text antes de decidir carregar as imagens. Um alt text descritivo (ou uma chamada para ação) aumenta a taxa de engajamento mesmo sem imagens carregadas.
<img src="oferta.jpg" alt="50% OFF em toda linha de verão — Válido até domingo">
Formato recomendado
- JPG: Para fotos, banners e imagens de produto. Excelente compressão dentro de e-mails.
- PNG: Para logos e ícones com transparência.
- GIF: Para animações simples — suportado pela maioria dos clientes de e-mail.
- WebP: Ainda não tem suporte universal em clientes de e-mail — evite por enquanto.
Imagens otimizadas contribuem para melhores métricas de abertura, clique e conversão
Perguntas frequentes
Estratégia de imagem por tipo de campanha
Nem toda campanha de e-mail deve usar imagens da mesma forma. A abordagem depende do objetivo:
- E-mail de boas-vindas: Uma imagem de destaque do produto ou serviço + logo. Simples e direta.
- Newsletter semanal: 1–3 imagens máximo, sempre com alt text descritivo para quem lê sem imagens carregadas.
- E-mail promocional: Banner impactante + fotos de produto. Mas sempre mantenha o call-to-action em texto, não embutido na imagem.
- E-mail transacional (confirmação, recibo): Mínimo de imagens. Logo pequeno e nada mais — foco no texto informativo.
O erro fatal: call-to-action na imagem
Nunca coloque seu botão de call-to-action (CTA) dentro de uma imagem. Se o cliente de e-mail bloquear as imagens, o CTA desaparece — e sua conversão vai junto. Sempre use botões em HTML com estilo CSS, que aparecem independente das imagens estarem bloqueadas ou não.
Teste em diferentes clientes de e-mail
Gmail, Outlook, Apple Mail, Yahoo Mail — cada um renderiza e-mails de forma ligeiramente diferente. O Outlook em particular tem suporte limitado a CSS, o que pode fazer imagens aparecerem em posições inesperadas. Ferramentas como Litmus ou Mailtrap permitem visualizar seu e-mail em dezenas de clientes simultaneamente antes de disparar para a lista.
💡 Proporção texto/imagem
E-mails com proporção de 60% texto e 40% imagem têm melhores taxas de entrega. E-mails compostos quase inteiramente por imagens ativam filtros de spam, pois os filtros não conseguem ler o "conteúdo" da mensagem — para eles, é um e-mail quase em branco.
Perguntas frequentes
Devo usar muitas imagens em e-mails?
A proporção ideal é 60% texto e 40% imagem. E-mails com apenas imagens (sem texto HTML) têm altíssima chance de ir para spam — os filtros não conseguem verificar o conteúdo.
WebP funciona em e-mails?
Não de forma confiável. Gmail suporta, mas Outlook não. Use JPG para fotos e PNG para logos em e-mails até que o suporte seja universal.
Onde hospedar as imagens do e-mail?
Nunca anexe imagens ao e-mail — isso aumenta o peso. Hospede no servidor do seu site ou na plataforma de e-mail marketing (Mailchimp, RD Station etc.) e referencie a URL.
Email marketing still has one of the highest ROIs in digital marketing. But many professionals make basic image mistakes that hurt deliverability, visual appearance, and conversions.
Heavy images trigger spam filters. Images without alt text go blank when the email client blocks automatic loading. Images that are too wide break the layout on mobile.
Recommended sizes for email
- Maximum email width: 600–700 px — universal standard for email clients
- Banner/header: 600×200 px to 600×300 px
- Featured image (hero): 600×400 px to 600×500 px
- Product thumbnails (3 columns): 180×180 px each
- Logo in header: Max 200×80 px
Well-designed emails with optimized images have better open and click rates
Ideal weight per image
- Main banner: Max 100 KB
- Product images: Max 50 KB each
- Logo: Max 20 KB (PNG with transparency)
- Total email weight: Ideally under 500 KB
⚠️ Heavy emails go to spam
Providers like Gmail and Outlook use total email weight as a spam factor. Emails above 1–2 MB have a much higher chance of going to the spam folder or being clipped by Gmail.
The fatal mistake: call-to-action in the image
Never put your call-to-action (CTA) button inside an image. If the email client blocks images, the CTA disappears — and your conversion goes with it. Always use HTML buttons with CSS styling, which appear regardless of whether images are blocked.
Recommended format
- JPG: For photos, banners, and product images. Excellent compression within emails.
- PNG: For logos and icons with transparency.
- GIF: For simple animations — supported by most email clients.
- WebP: Not yet universally supported in email clients — avoid for now.
Frequently asked questions
Should I use many images in emails?
The ideal ratio is 60% text and 40% image. Emails made almost entirely of images have a very high chance of going to spam — spam filters can't read the "content" of the message.
Does WebP work in emails?
Not reliably. Gmail supports it, but Outlook doesn't. Use JPG for photos and PNG for logos in emails until support is universal.
Where should I host email images?
Never attach images to the email — this increases weight. Host on your web server or email marketing platform (Mailchimp, etc.) and reference the URL.
ImageToolkit
