Compressão de imagens: o guia técnico completo para otimização de peso
Imagens representam, em média, 50% a 75% do peso total de uma página web. Comprimir suas imagens corretamente é, portanto, a alavanca de performance com maior potencial de ganho imediato. Mas compressão é um tema cheio de nuances — qualidade muito baixa destrói a percepção de valor da sua marca; qualidade desnecessariamente alta desperdiça banda e prejudica conversões.
Compressão lossy vs lossless: a diferença que importa
Existem dois paradigmas fundamentais de compressão de imagens: lossy (com perda) e lossless (sem perda). Entender a diferença é essencial para tomar a decisão certa para cada tipo de imagem.
A compressão lossy descarta permanentemente dados da imagem para alcançar arquivos menores. O JPG e o WebP lossy usam essa abordagem. O truque é descartar os dados que o sistema visual humano tem mais dificuldade de perceber — frequências altas de cor, detalhes em áreas de alto contraste, sutilezas em sombras. Em qualidades acima de 75%, a perda é praticamente imperceptível para o olho nu. Em qualidades abaixo de 50%, a imagem começa a apresentar artefatos visíveis.
A compressão lossless reduz o tamanho do arquivo sem descartar nenhum dado — a imagem descomprimida é idêntica ao original. PNG e WebP lossless usam essa abordagem. É a escolha certa para logotipos, ícones, capturas de tela com texto e qualquer imagem que será editada no futuro. A desvantagem: arquivos lossless são significativamente maiores que os lossy.
Por que imagens leves aumentam conversões em anúncios no Meta e Google Ads
No tráfego pago, cada segundo conta — literalmente. Estudos do Google mostram que 53% dos visitantes mobile abandonam uma página que demora mais de 3 segundos para carregar. No contexto de anúncios, onde você está pagando por cada clique, uma página lenta é dinheiro jogado fora.
Imagens pesadas em landing pages de anúncios têm impacto direto no Quality Score do Google Ads e no Ad Relevance Score do Meta. Esses scores influenciam o custo por clique (CPC) — páginas mais rápidas pagam menos por clique porque oferecem melhor experiência ao usuário. Reduzir o peso das imagens da sua landing page de 2MB para 200KB pode reduzir seu CPA (custo por aquisição) em 15% a 30% sem mudar nenhuma outra variável.
Além disso, no Meta Ads, imagens usadas nos próprios anúncios têm limite de peso para upload em alguns formatos e são recomprimidas pela plataforma. Enviar imagens já otimizadas garante que você controla a qualidade final — a plataforma comprime menos porque o arquivo já está compacto.
Guia técnico: qual qualidade de compressão usar em cada situação?
| Caso de uso | Qualidade ideal | Redução esperada | Observação |
|---|---|---|---|
| Impressão / material gráfico | 90-95% | 20-40% | Qualidade máxima essencial |
| Foto produto (zoom disponível) | 85-90% | 40-60% | Detalhes precisam ser nítidos |
| Foto produto (sem zoom) | 75-85% | 50-65% | Equilíbrio ideal |
| Banner/hero do site | 80-85% | 50-60% | LCP — prioridade máxima |
| Thumbnail/miniatura | 65-75% | 60-75% | Baixa resolução exibe menos |
| Imagem de blog | 75-80% | 55-65% | Boa qualidade, bom carregamento |
| Anúncio Meta/Google | 80-85% | 50-60% | Controle antes da plataforma comprimir |
| Stories / Reels | 80-85% | 50-60% | Alta compressão da plataforma |
| Background/textura | 60-70% | 65-80% | Imperfeições menos perceptíveis |
Como funciona o compressor de imagens do Gera&Convert
Nossa ferramenta utiliza a API Canvas nativa do HTML5 para realizar a compressão localmente no seu navegador. Isso garante: (1) velocidade máxima — sem upload/download de servidor, (2) privacidade total — suas imagens nunca saem do seu dispositivo, e (3) sem limites de tamanho ou quantidade.
O processo é simples: a imagem original é decodificada em pixels, redesenhada no Canvas com as configurações de compressão desejadas, e exportada no formato e qualidade escolhidos. As dimensões originais são preservadas — apenas o peso do arquivo é reduzido.
Para cada imagem processada, exibimos o tamanho original, o novo tamanho e a porcentagem de redução com uma barra visual para facilitar a comparação. Em alguns casos com PNG, o novo arquivo pode ser maior que o original — isso acontece porque o Canvas não usa compressores avançados como o zopfli. Nesses casos, recomendamos converter para WebP para obter reduções maiores.