Como comprimir imagens para a web (sem destruir a qualidade)
Velocidade de página é um fator de ranking do Google, e imagens representam tipicamente 50-80% do peso total de uma página. Comprimir corretamente suas imagens é a coisa mais impactante que você pode fazer pela performance do seu site.
Pronto para otimizar? Experimente agora - grátis, sem cadastro.
Smart Compress - Auto-Otimizar →Por que a compressão de imagens importa
- 53% dos usuários móveis abandonam uma página que demora mais de 3 segundos para carregar (Google)
- Cada 100ms de melhoria no tempo de carregamento aumenta conversões em 1% (Deloitte)
- Core Web Vitals impactam diretamente o ranking do Google - LCP quase sempre é uma imagem
- A página web média serve 1,5 MB de imagens - a maioria sem otimização
A lista de verificação de compressão de imagens
- Escolha o formato certo: WebP para web, JPG para fotos, PNG apenas quando precisar de transparência e não puder usar WebP
- Redimensione primeiro: Não sirva uma imagem de 4000px em um container de 800px. Redimensione suas imagens para o tamanho de exibição (ou 2x para retina).
- Comprima: Use qualidade 75-85 para formatos com perdas. A maioria dos usuários não vê a diferença.
- Use WebP: Converta para WebP para uma redução instantânea de 25-35%.
- Lazy loading: Adicione
loading="lazy"a imagens abaixo da dobra. - Especifique dimensões: Sempre inclua atributos
widtheheightpara evitar deslocamento de layout.
Ferramentas gratuitas de compressão
- Smart Compress: Encontra automaticamente a configuração de qualidade ideal. Roda completamente no seu navegador.
- Comprimir WebP: Controle manual de qualidade para imagens WebP.
- Conversão em lote: Converta e comprima múltiplas imagens de uma vez.
Tabela de referência de configurações de qualidade
| Caso de uso | Qualidade JPG | Qualidade WebP | Notas |
|---|---|---|---|
| Imagens hero | 85-90 | 80-85 | Visível, alto impacto |
| Imagens de blog | 75-85 | 70-80 | Equilíbrio qualidade/performance |
| Miniaturas | 60-75 | 55-70 | Exibição pequena = qualidade menor OK |
| Imagens de fundo | 50-70 | 45-65 | Geralmente desfocadas - compressão agressiva OK |
Perguntas frequentes
Quanto posso comprimir uma imagem sem perder qualidade?
Para JPG/WebP com perdas: qualidade 75-85 é geralmente visualmente indistinguível do original. Abaixo de 60, artefatos de compressão ficam visíveis.
Devo comprimir imagens antes ou depois de fazer upload no meu CMS?
Antes. Embora alguns CMS (WordPress, Shopify) comprimam imagens no upload, eles não convertem para WebP por padrão. Pré-comprimir dá controle total sobre qualidade e formato.
Qual é o tamanho ideal de imagem para páginas web?
Mire em menos de 200 KB por imagem para conteúdo geral, e menos de 500 KB para imagens hero/banner. O peso total de imagens da página deve ficar abaixo de 1,5 MB para bons scores de Core Web Vitals.
Converta suas imagens agora - 100% grátis, roda no seu navegador.
Smart Compress - Auto-Otimizar →