Criar artes incríveis para suas campanhas no Canva ou Photoshop faz parte do processo criativo. No entanto, exportar esses arquivos direto para a biblioteca do Mautic sem nenhum tratamento prévio é um erro comum que penaliza silenciosamente sua estratégia.
E-mails não funcionam como sites da web, que conseguem carregar assets em segundo plano sem travar a tela. Dispositivos móveis, redes de dados limitadas (3G/4G/5G instáveis) e os rígidos filtros de spam dos provedores exigem o máximo de eficiência na transferência de arquivos digitais.
A Otimização de Imagens garante que sua mensagem visual carregue de forma instantânea na tela do cliente e gaste o mínimo de banda do servidor de hospedagem da IBRCloud.
A Regra de Ouro da Largura: 600 Pixels
Como vimos no módulo anterior sobre HTML para e-mail, a largura universal e segura para templates de e-mail marketing é de 180°C ou 600px.
Subir um banner com 2000px ou 3000px de largura esperando que o código reduza o tamanho na tela causa dois problemas graves:
Desperdício de Peso
O smartphone do usuário continuará baixando um arquivo gigante de vários megabytes, consumindo o plano de dados dele de forma desnecessária.
Distorção de Layout
Algumas caixas de entrada antigas (como versões de desktop do Outlook) ignoram regras de CSS responsivo e exibem a imagem no tamanho gigante original, quebrando todo o layout.
A Solução: Diminue o dimensionamento físico das suas imagens para exatamente 600 pixels de largura antes do upload. Caso queira garantir nitidez máxima em telas Retina de alta densidade de pixels, você pode exportar com 1200 pixels de largura, contanto que force o atributo HTML `width="600"` na tag e faça uma compressão rigorosa.
Como Comprimir sem Perder Qualidade usando o TinyPNG
Mudar apenas as dimensões da imagem não basta; você precisa reduzir o peso invisível do arquivo (remover metadados redundantes de cores que o olho humano não distingue).
A melhor recomendação de ferramenta gratuita do mercado para isso é o TinyPNG (ou TinyJPG).
O Fluxo de Trabalho Ideal:
1. Exporte seu banner da ferramenta de design em formato PNG ou JPG com 600px de largura.
2. Acesse o site oficial do TinyPNG.
3. Arraste suas imagens para a ferramenta. Ela reduzirá o peso do arquivo em até 70% sem alterar um único pixel visível.
4. Baixe a versão comprimida e faça o upload definitivo no gerenciador de mídias do Mautic.
A Relação Texto vs. Imagem
Filtros anti-spam não conseguem ler textos inseridos dentro de imagens de forma nativa. Spammers costumam enviar e-mails contendo apenas uma imagem gigante para tentar driblar a leitura dos robôs do Google.
Para evitar cair na malha fina do Gmail por engano, siga a proporção de conformidade recomendada pela indústria: 60% de texto real (escrito via HTML) e no máximo 40% de área ocupada por imagens ao longo de toda a campanha.
Checklist de Mídia para o Mautic
-
Mantenha cada imagem abaixo de 100KB: Banners principais não devem passar desse limite. Imagens internas ou ícones devem pesar menos de 20KB.
-
Evite GIFs excessivamente longos: GIFs animados engajam muito, mas geram arquivos massivos. Limite a animação a poucos frames e comprima-os rigorosamente antes do envio.
-
Defina caminhos absolutos seguros: Ao hospedar as imagens no seu WordPress ou Mautic na IBRCloud, certifique-se de que os links começam obrigatoriamente com `https://` para evitar bloqueios de segurança de conteúdo misto.