Como comprimir imagens para a web (sem perda de qualidade percebida)

Atualizado 2025-09-01 17 palavras • 1m leitura

Guia prático para reduzir o peso de JPG, PNG e WebP mantendo a nitidez percebida e melhorando Core Web Vitals.

1. Por que comprimir

O peso das imagens impacta LCP e velocidade inicial. Menos bytes = melhor desempenho e conversão.

2. Formatos recomendados

  • WebP: ótimo equilíbrio tamanho/qualidade.
  • JPEG: fotos complexas (qualidade 75–85).
  • PNG: apenas para transparência exata.

3. Fluxo sugerido

  1. Redimensionar à largura real necessária.
  2. Converter para WebP quando útil.
  3. Ajustar qualidade revisando artefatos.

4. Faixas práticas de qualidade

TipoQualidadeNotas
Fotos80Equilíbrio
Ilustrações75Verificar gradientes
Ícones / UIWebP @ 70Geralmente suficiente

5. Evitar perdas visíveis

  • Comparação lado a lado.
  • Observar artefatos de blocos e banding.
  • +5% se houver degradação.

6. Fluxo Orqui

  1. Redimensionar
  2. Converter
  3. Otimizar

7. Checklist final

  • < 250KB hero / 100KB inline.
  • Sem pixels redundantes.
  • Formato moderno disponível.
  • Sem artefatos perceptíveis.

Artigos relacionados

Outros idiomas

FAQ

  • Por que comprimir imagens?
    Menos bytes melhoram LCP, velocidade percebida, SEO e conversões.
  • Qual qualidade usar?
    Comece em 80 para fotos, 75 para ilustrações e ajuste se notar artefatos.

Contagem das transformações locais que você faz aqui (converter, otimizar, redimensionar, recortar, remover fundo). Tudo acontece de forma privada no seu navegador.