Otimizar as imagens

As imagens grandes e não otimizadas são uma das causas mais comuns de e-mails com carregamento lento e de má experiência em dispositivos móveis. Este artigo explica os formatos, dimensões e ferramentas corretos a usar para que as imagens carreguem rapidamente e apareçam bem em todo o lado.

Por que a otimização de imagens é importante

Velocidade: as imagens de carregamento lento fazem com que os leitores abandonem o e-mail antes de este renderizar completamente, especialmente em ligações móveis.
Limites de tamanho de ficheiro: a biblioteca de multimédia do Flexmail tem um limite de 2 MB por ficheiro. As imagens não otimizadas de uma câmara ou ferramenta de design excedem rotineiramente este valor.
Entregabilidade: os e-mails com tamanhos de ficheiro totais muito grandes podem ser cortados por clientes de e-mail como o Gmail, truncando o conteúdo.

Escolher o formato de ficheiro correto

JPEG

Melhor para fotografias e imagens com muitas cores e gradientes. Guarde com qualidade de 80-85% para um bom equilíbrio entre tamanho de ficheiro e qualidade visual. Use JPEG para: fotos de produtos, fotos de eventos, imagens de banner e qualquer conteúdo fotográfico.

PNG

Melhor para imagens com contornos nítidos, texto, logótipos ou transparência. O PNG preserva detalhes que a compressão JPEG desfoca. Use PNG-8 em vez de PNG-24 onde a profundidade de cor o permite. Use PNG para: logótipos, ícones, capturas de ecrã e gráficos com texto.

GIF

Use apenas para imagens animadas. Mantenha os GIFs animados curtos, com pequenas dimensões e com uma paleta de cores limitada para controlar o tamanho do ficheiro. Consulte 'Imagens animadas em e-mails' para mais orientações.

Redimensionar antes de carregar

As imagens de e-mail não precisam de ter a mesma resolução que as imagens de impressão. Um e-mail padrão tem 600 px de largura, por isso uma imagem mais larga que 1200 px (para ecrãs 2x/Retina) é mais do que necessário. Redimensionar para as dimensões de visualização reais antes de carregar reduz dramaticamente o tamanho do ficheiro sem perda de qualidade visível.

Comprimir as imagens

Mesmo após escolher o formato correto e redimensionar, executar as imagens através de uma ferramenta de compressão pode reduzir o tamanho dos ficheiros em mais 30-70% sem perda de qualidade visível. Ferramentas úteis:

Squoosh (squoosh.app): baseado no navegador, mostra uma comparação antes/depois
TinyPNG / TinyJPG (tinypng.com): compressão simples por arrastar e largar para PNG e JPEG
ImageOptim (imageoptim.com): aplicação Mac para compressão em lote

Dica de suporte Se receber um erro "ficheiro demasiado grande" ao carregar para a biblioteca de multimédia do Flexmail, abra a imagem no Squoosh, reduza a qualidade para 75% e volte a descarregar. Isto traz a maioria das imagens bem abaixo do limite de 2 MB.

Próximos passos

Consulte 'A biblioteca de multimédia' para gerir imagens carregadas na conta.
Consulte 'Adicionar uma imagem' para inserir imagens numa mensagem.
Consulte 'Imagens animadas em e-mails' para orientação sobre o uso de GIFs.