Verificador de Tamanho HTML para Gmail ｜ Evite o Corte de 102KB
Esta ferramenta calcula o peso exato em bytes de códigos-fonte HTML em tempo real, alertando quando a mensagem corre o risco de ser ocultada pelo limite do Gmail. Os dados não são enviados para nenhum servidor e são processados exclusivamente no seu próprio navegador.
💡 Sobre a Ferramenta
- Análise Exata de Bytes (UTF-8): A ferramenta não apenas conta os caracteres, mas codifica o texto para calcular os bytes exatos (
new TextEncoder().encode().length), refletindo o peso real de caracteres acentuados típicos do português e emojis. - Feedback Visual Instantâneo: Mostra a porcentagem de uso em relação ao teto de 104.448 Bytes (102KB). A barra de progresso muda sua classe CSS para alertar preventivamente aos 90% (amarelo) e indica falha (vermelho) assim que ultrapassa o teto.
- Métricas Técnicas: Exibe separadamente o peso total em Bytes, a conversão padrão para KB e a capacidade restante exata de armazenamento livre dentro do limite estipulado.
🧐 Perguntas Frequentes
Q. Por que o limite é exatamente 102KB?
A. O cliente de e-mail do Gmail possui um limite de renderização padrão que "corta" qualquer código-fonte HTML que exceda a marca de 102KB, substituindo o restante da mensagem por um link "[Mensagem cortada] Exibir toda a mensagem". Isso impede o carregamento automático de componentes e afeta negativamente a taxa de engajamento do usuário.
Q. O tamanho das imagens afeta este limite de 102KB?
A. Não. O limite refere-se apenas ao peso do arquivo HTML em si (o texto do código). Imagens referenciadas por URLs externas não contam nesse limite. Porém, imagens injetadas diretamente através de codificação Base64 dentro das tags de estilo ou src consumirão massivamente o espaço, devendo ser evitadas se o objetivo for contornar a limitação de 102KB.
📚 A Barreira de 102KB e o E-mail Marketing Brasileiro
No mercado brasileiro, altamente dependente da conversão de campanhas via dispositivos móveis e métricas precisas em ferramentas de CRM, a otimização de e-mails para evitar o clipping (corte) do Gmail é uma das melhores práticas técnicas do desenvolvimento front-end. O principal impacto de um e-mail com mais de 102KB não é apenas visual: a maioria das plataformas de disparo insere um pixel de rastreamento de abertura (tracking pixel) logo antes do fechamento da tag </body>. Se o Gmail cortar a mensagem antes de chegar a essa tag, a visualização nunca será contabilizada, distorcendo gravemente as métricas de open rate.
Para manter o HTML otimizado — recomendável que se mantenha abaixo da marca de segurança de 90%, ou seja, em torno de 90-95KB — desenvolvedores devem minificar o código HTML, remover todos os comentários de desenvolvimento e consolidar CSS in-line redundante antes de enviar o código final à plataforma de disparo.