Como Comprimir Imagens para Web Sem Perder Qualidade

As imagens representam entre 50% e 60% do tamanho total de uma página web média. Comprimi-las antes de fazer o upload é uma das otimizações de maior impacto que você pode fazer para a velocidade do seu site — e, por extensão, para o seu ranqueamento SEO e a experiência do usuário.

Por Que a Compressão de Imagens Importa para o SEO

Os Core Web Vitals do Google — especificamente o Largest Contentful Paint (LCP) — medem a velocidade com que o conteúdo principal da sua página carrega. Imagens não otimizadas são a causa mais comum de pontuações ruins de LCP. A velocidade da página é um fator de ranqueamento confirmado, e o PageSpeed Insights do Google sinaliza explicitamente imagens não otimizadas como "oportunidades" para melhorar sua pontuação.

Qual Configuração de Qualidade Você Deve Usar?

A configuração de qualidade controla o quão agressivamente a imagem é comprimida:

• 90–100%: Quase sem perdas. Os arquivos ainda são grandes. Use apenas para recursos de qualidade de impressão.
• 80–85%: O ponto ideal para a maioria das imagens web. Os arquivos são de 50% a 70% menores que o original sem diferença visível na tela.
• 70–75%: Compressão agressiva. Funciona bem para miniaturas pequenas e imagens de fundo. Pode mostrar artefatos sutis quando observado de perto.
• Abaixo de 60%: Perda de qualidade visível. Use apenas para pré-visualizações muito pequenas ou espaços reservados.

Para a maioria das imagens de sites, 80% de qualidade é o melhor ponto de partida.

O Formato Certo Faz Mais Diferença Que o Nível de Compressão

Escolher o formato certo tem mais impacto do que ajustar o controle deslizante de qualidade:

• Fotos: Use WebP (25–35% menor que JPG na mesma qualidade) ou JPG a 80%.
• Logotipos e ícones: Use SVG se possível. Se for raster, use WebP ou PNG.
• Ilustrações com cores sólidas: PNG ou WebP sem perdas.
• Imagens animadas: Animação WebP ou formatos de vídeo (muito menores que GIF).

Passo a Passo: Comprima Imagens para o Seu Site

1. Redimensione primeiro — Não envie uma foto de 4000px de largura se o seu site a exibe em 800px. Use nosso Redimensionador de Imagens para ajustá-la ao tamanho real de exibição primeiro.
2. Escolha o formato certo — Converta JPG para WebP ou PNG para WebP para obter os melhores resultados na web.
3. Comprima — Use nosso Compressor de Imagens com qualidade de 75–80%.
4. Defina as dimensões corretas — Use os atributos width e height nas suas tags <img> para evitar mudanças de layout.
5. Use carregamento lento — Adicione loading="lazy" às imagens abaixo da dobra para que só carreguem quando estiverem visíveis.

Usuários de WordPress: Compressão Automática

Se você usa WordPress, instale o Smush ou o ShortPixel para comprimir imagens automaticamente no upload. Ambos têm planos gratuitos que atendem à maioria dos sites pequenos. Eles também servem WebP automaticamente para navegadores compatíveis.

Quanto Você Pode Economizar?

Exemplo real: uma postagem de blog com 5 fotos não otimizadas de 2 MB cada = 10 MB de peso de página. Depois de redimensionar para 1200px de largura e comprimir para WebP a 80%:

• Cada imagem: ~80–120 KB
• Total: ~500 KB
• Economia: mais de 95%

Essa é a diferença entre uma página que carrega em 8 segundos em uma conexão móvel e menos de 1 segundo.