Pular para o conteúdo
Pasta MágicaBlog
Criar conta grátis

Tamanho de imagem para email marketing: largura, peso e formato

Largura de referência, peso por imagem e formato certo: o guia para imagens de e-mail que abrem rápido, não cortam e não somem no leitor de e-mail.

Marketing e Redes Sociais 7 min de leitura

Tamanho de imagem para email marketing: largura, peso e formato
Neste artigo (7 seções)

Resposta rápidao tamanho de imagem para email marketing mais seguro é 600 px de largura de exibição, com o arquivo exportado em 1200 px para telas nítidas. Mantenha cada imagem abaixo de cerca de 200 KB e o e-mail inteiro abaixo de 1 MB. Use JPEG para fotos, PNG para logos e ícones, e GIF curto só onde a animação ajuda.

A campanha está pronta, o texto foi revisado três vezes e o banner ficou lindo no editor. Aí a primeira cliente responde: "a imagem não carregou". Outro leitor vê o banner gigante, estourando a tela do celular. No relatório, a taxa de abertura parece normal, mas os cliques no botão principal ficaram baixos.

Quase sempre o problema é a imagem: larga demais, pesada demais ou no formato errado. A boa notícia é que tamanho de imagem para email marketing segue poucas regras, e elas valem para qualquer ferramenta de envio.

Por que a imagem é o ponto fraco do e-mail

Uma página web carrega imagens de forma inteligente: versões por tela, carregamento sob demanda, formatos modernos. O e-mail não tem nada disso. O leitor de e-mail baixa o arquivo como ele está, e cada aplicativo interpreta o HTML de um jeito.

Três efeitos aparecem quando a imagem está fora do padrão:

  • Abertura lenta: um banner de 3 MB no 4G deixa o e-mail em branco por segundos. Muita gente fecha antes.
  • Layout quebrado: imagem sem largura definida aparece no tamanho real, cortada ou com rolagem lateral no celular.
  • Mensagem invisível: vários leitores bloqueiam imagens por padrão até o destinatário autorizar. Se a oferta está só na imagem, ela some.

Por isso a regra de ouro: a imagem reforça a mensagem, mas a mensagem principal precisa existir também em texto.

Largura: por que 600 px virou referência

Os leitores de e-mail de computador costumam exibir a mensagem num painel estreito, ao lado da lista de mensagens. A largura de 600 px se consolidou no mercado como a que cabe com folga nesse painel e também se adapta bem ao celular, onde o leitor reduz o conteúdo para a tela.

Exporte em dobro, exiba na metade

Telas de celular e notebooks modernos têm densidade de 2x ou mais. Uma imagem de 600 px exibida a 600 px fica levemente borrada nelas. A solução é exportar o arquivo com 1200 px e definir no HTML (ou no editor da ferramenta) a exibição em 600 px.

Elemento do e-mailLargura de exibiçãoLargura do arquivoPeso de referência
Banner de topo600 px1200 px80 a 150 KB
Imagem de produto em grade de 2 colunas280 a 290 px560 a 580 px30 a 60 KB
Imagem de produto em grade de 3 colunascerca de 180 pxcerca de 360 px20 a 40 KB
Logo no cabeçalho120 a 200 px240 a 400 pxaté 20 KB
GIF animadoaté 600 pxaté 600 pxaté 1 MB

Esses valores são referências práticas, não regra de ferramenta. Confira o modelo que você usa: alguns trabalham com 640 ou 700 px de largura total.

Defina a largura no HTML, sempre

O atributo width da tag de imagem é o que impede o leitor de exibir o arquivo no tamanho real. A documentação da tag img no MDN descreve os atributos width, height e alt. Em editores de arrastar e soltar, isso costuma ser feito automaticamente, mas vale conferir no código quando a imagem aparecer estourada.

Pasta Mágica

Deixe as imagens da campanha na largura certa

Defina 1200 px (ou a medida do seu modelo), mantenha a proporção e solte todas as imagens da newsletter de uma vez.

Redimensionar minhas imagens →

Peso: quanto cada imagem pode ter

Não há número oficial para o peso de imagem em e-mail. O que existe são boas práticas do mercado, que convergem para algo assim: cada imagem abaixo de cerca de 200 KB e a mensagem inteira, somando tudo, abaixo de 1 MB.

O caminho para chegar lá tem duas etapas, e a ordem importa:

  1. Redimensione primeiro. Uma foto de 4000 px reduzida para 1200 px perde mais de 90% dos pixels. Nenhuma compressão chega perto desse ganho.
  2. Comprima depois. Em JPEG, qualidade entre 70 e 80 costuma ser imperceptível no tamanho de exibição do e-mail.
  3. Compare na tela. Abra o e-mail de teste no celular e no computador antes de disparar.

Para entender a relação entre pixels, KB e MB, veja tamanho de imagem em KB e MB: o que significa.

E o filtro de spam?

Filtros de spam avaliam muitos sinais e não publicam a fórmula. Em geral, e-mails formados só por uma imagem grande, sem texto real, tendem a ser vistos com mais desconfiança. Manter um equilíbrio entre texto e imagens e preencher o texto alternativo são práticas comuns de entregabilidade.

Formato: JPEG, PNG, GIF ou WebP?

Cada formato tem um papel no e-mail. O WebP, ótimo para sites, ainda não é exibido por todos os leitores de e-mail, por isso o padrão seguro continua sendo os formatos clássicos.

FormatoUse paraEvite para
JPEGFotos, banners com imagem fotográficaLogos com texto fino
PNGLogos, ícones, artes com áreas chapadasFotos (o arquivo fica pesado)
GIFAnimação curta, como produto girandoVídeo longo (peso explode)
WebPSite e lojaE-mail, por compatibilidade variável

GIF: curto, leve e com o recado no primeiro quadro

O GIF é a forma mais compatível de ter movimento no e-mail. Mas pesa: cada quadro é uma imagem inteira. Para manter o arquivo leve, use trechos de 3 a 5 segundos, largura de até 600 px e cerca de 10 a 12 quadros por segundo.

Algumas versões do Outlook para Windows exibem só o primeiro quadro. Então o primeiro quadro precisa funcionar sozinho, com o produto visível e a mensagem legível. O passo a passo para criar o GIF a partir de um vídeo está em como transformar vídeo em GIF.

Checklist antes de disparar a campanha

Use esta lista em toda campanha. Ela leva dois minutos e evita a resposta "a imagem não abriu":

  • Largura do arquivo em 1200 px para banners (ou o dobro da exibição).
  • Largura de exibição definida no HTML ou no editor.
  • Peso de cada imagem abaixo de cerca de 200 KB.
  • Texto alternativo preenchido em todas as imagens, com a mensagem principal.
  • Oferta e botão em texto, não só dentro da imagem.
  • GIF com o recado no primeiro quadro.
  • Teste no celular, no computador e com imagens bloqueadas.

Quem dispara newsletter toda semana repete esse preparo dezenas de vezes por mês. É uma tarefa típica para automatizar tarefas repetitivas: a regra é sempre a mesma, só mudam as imagens.

Perguntas frequentes

Qual a largura ideal de imagem para e-mail marketing?

A referência mais usada no mercado é 600 px de largura de exibição, porque cabe no painel de leitura da maioria dos leitores de e-mail. Para telas de alta densidade, exporte o arquivo com o dobro, 1200 px, e fixe a exibição em 600 px no HTML.

Quanto deve pesar uma imagem de e-mail?

Não há regra oficial, mas uma referência prática é manter cada imagem abaixo de 200 KB e o total do e-mail abaixo de 1 MB. Banners de topo bem comprimidos costumam ficar entre 80 e 150 KB.

GIF funciona em e-mail marketing?

Funciona na maioria dos leitores atuais. Algumas versões do Outlook para Windows mostram apenas o primeiro quadro, então coloque a mensagem principal nesse quadro. Mantenha o GIF curto e com largura de até 600 px para controlar o peso.

Por que minha imagem aparece cortada ou gigante no e-mail?

Em geral, a imagem foi inserida sem largura definida no HTML e o leitor exibiu o tamanho real do arquivo. Defina a largura de exibição no código ou no editor da ferramenta de envio e exporte a imagem na proporção certa.

Posso fazer o e-mail inteiro como uma única imagem?

Não é recomendado. Muitos leitores bloqueiam imagens até o destinatário autorizar, e o e-mail aparece em branco. Filtros de spam também tendem a desconfiar de mensagens só com imagem. Combine texto real com imagens e use texto alternativo.

Como automatizar isso com a Pasta Mágica

A Pasta Mágica faz o preparo mecânico das imagens da campanha: medida, peso e GIF. O processamento usa bibliotecas tradicionais de imagem e vídeo, sem IA mexendo na sua arte.

  1. Crie sua conta em pastamagica.com.br/cadastrar. Há uma cota grátis para testar com as imagens da próxima newsletter.
  2. Monte o pipeline Redimensionar imagem → Comprimir imagem e salve como o fluxo padrão das campanhas.
  3. Ajuste as opções: largura de 1200 px (sem ampliar imagens menores) e qualidade entre 70 e 80. Para animação, use Vídeo para GIF, com início, duração (até 30 segundos), largura e quadros por segundo.
  4. Solte as imagens. Cada arquivo é conferido pelo conteúdo, não pela extensão.
  5. Acompanhe arquivo por arquivo e baixe as imagens prontas para subir na ferramenta de envio.

Cada automação tem custo fixo em créditos, mostrado antes de rodar. Se uma etapa falhar, a reserva volta sozinha. Os limites de cada plano estão na tabela de preços.

Pasta Mágica

Newsletter leve em toda campanha

Redimensione e comprima as imagens do e-mail num fluxo salvo. As dimensões ficam e o arquivo entregue nunca fica maior que o original.

Comprimir minhas imagens →

Assuntos

Leia também em Marketing e Redes Sociais