Seu site carrega devagar? Na maioria das vezes, o culpado são imagens grandes demais.
O Google PageSpeed Insights mede uma métrica chamada LCP (Largest Contentful Paint), que registra quanto tempo a maior imagem visível na tela leva para renderizar completamente. Um caso real: um site baseado em Divi com LCP móvel de 15,6 segundos — ao investigar, descobriu-se que a imagem de fundo do cabeçalho tinha sido enviada em resolução completa, sem compressão (de um post de benchmark no r/divi).
O cenário mais cotidiano: ao enviar para Xiaohongshu, Zhihu, WeChat ou anexos de e-mail, cada plataforma tem seu próprio limite de tamanho. Capas de Xiaohongshu aceitam até 5MB, imagens de artigos do WeChat 2MB, e muitos formulários de inscrição só aceitam 200KB.
A compressão de imagens não é apenas sobre tornar os arquivos “menores”. Este guia vai gastar 5 minutos explicando o que comprimir, quanto, em que formato e qual ferramenta é a mais rápida.
Três caminhos de compressão
Existem apenas três formas de reduzir uma imagem, mas a maioria das pessoas confunde suas diferenças:
| Caminho | O que faz | Taxa de compressão | Perda de qualidade | Melhor para |
|---|---|---|---|---|
| Compressão com perdas | Descarta detalhes sutis (quase invisíveis ao olho) | Alta, 60-80% | Mínima | Fotos, paisagens |
| Compressão sem perdas | Otimiza o armazenamento, como um zip | Baixa, 10-30% | Zero perda | Capturas PNG, ícones |
| Conversão de formato | Muda de um formato para outro | Muito alta, 70-95% | Depende do destino | PNG para WebP / AVIF |
Uma metáfora: a compressão com perdas remove as páginas de enchimento de um livro grosso (ainda dá pra ler); a compressão sem perdas corta a pontuação e os espaços (nem uma palavra muda); a conversão de formato troca o livro físico por um e-book (mesmo conteúdo, 10 vezes menor).
Na prática, a terceira opção é a mais eficaz — converter um PNG direto para WebP frequentemente transforma uma foto de 5MB em um WebP de 200KB com qualidade quase indistinguível.
Como escolher os parâmetros-chave
Escolher um caminho não basta. As ferramentas vão jogar um monte de parâmetros em você. Veja o que cada um controla:
Qualidade (Quality)
Um controle deslizante de 0 a 100 que controla quantos detalhes são descartados. Valores recomendados:
| Cenário | Qualidade recomendada | Tamanho alvo |
|---|---|---|
| Imagem hero da web | 75-80 | < 200KB |
| Imagem de artigo de blog | 80 | < 150KB |
| Foto de produto e-commerce | 85-92 | < 300KB |
| Avatar de redes sociais | 80 | < 100KB |
| Anexo de e-mail | 75 | < 1MB |
| Impressão / arquivo | 92+ ou original | Sem compressão |
Quality 80 é o ponto ideal para a web — o tamanho cai 60-70%, mas a maioria das pessoas não percebe a diferença (benchmark do cleverutils.com).
Subamostragem de crominância
JPEG e WebP descartam algumas informações de cor durante a codificação, já que o olho humano é mais sensível ao brilho do que à cor. O parâmetro é escrito como 4:4:4, 4:2:0 ou 4:2:2:
4:4:4: Cor completa preservada (use para capturas de tela, capturas de UI)4:2:0: Descarta 75% dos dados de cor (use para fotos — corta o tamanho pela metade)4:2:2: Intermediário (comum em vídeo)
Normalmente você não precisa configurar isso manualmente — a maioria das ferramentas usa 4:2:0 por padrão, que é o correto.
Resolução
Se uma foto de celular de 4000×3000 só aparece com 800px de largura na sua página web, 75% desses pixels estão sendo desperdiçados. Redimensione primeiro, depois comprima — o resultado é muito melhor do que comprimir o original.
Metadados EXIF
As fotos carregam dados ocultos: modelo da câmera, localização GPS, data do disparo — inúteis em uma página web e tornam o arquivo maior. Remova antes de subir. Para detalhes sobre o que remover e quais riscos restam, veja o Guia de Privacidade EXIF.
Árvore de decisão de formatos
Cinco formatos principais — como escolher:
Precisa de transparência?
- Sim → PNG / WebP / AVIF transparente, todos funcionam
- Precisa de compatibilidade com navegadores antigos? PNG
- Quer o menor tamanho? AVIF > WebP > PNG
- Não → Foto ou ilustração?
- Foto → WebP > AVIF > JPG
- Ilustração / captura → PNG (precisão de cor) ou WebP
Características de cada formato:
| Formato | Compressão | Transparência | Compatibilidade | Melhor para |
|---|---|---|---|---|
| JPG | Base | ❌ | 100% | Quando a compatibilidade é prioridade |
| PNG | Fraca | ✅ | 100% | Capturas, ícones |
| WebP | 25-34% menor que JPG | ✅ | 97%+ | Padrão web |
| AVIF | ~20% menor que WebP | ✅ | 90%+ | Projetos novos, máxima compressão |
| HEIC | ~50% menor que JPG | ✅ | Apenas Apple | Originais de iPhone |
O número de 25-34% que o WebP atinge frente ao JPG vem do estudo do Google Developers de 2010, ainda citado como referência. Chrome, Firefox, Safari 14+ e Edge todos suportam — cobertura acima de 97%. Use sem hesitar.
AVIF é mais agressivo, mas o suporte completo no Safari só chegou na 16.4 (março de 2023). Se você tem usuários em Safari antigos, configure um fallback JPG.
Se a sua origem é HEIC (padrão do iPhone), converta primeiro para WebP e depois comprima. O Conversor de Formatos de Imagem do piick.cc lida com todas essas trocas de formato.
Prática: 30 segundos no Piick
Não quer instalar software? Execute direto no navegador. O Compressor de Imagens do piick.cc trabalha inteiramente no frontend — sem enviar nada para nenhum servidor, sem preocupações com privacidade.
Três passos:
- Arraste sua imagem — suporta JPG / PNG / WebP, até 25MB por arquivo
- Escolha a Qualidade — padrão é 80, funciona na maioria dos casos
- Baixe o arquivo comprimido — mostra a economia, ex. 4,8MB → 620KB (87% menor)
Testado em uma foto de celular de 4000×3000 (4,8MB) na Quality 80, o resultado foi 620KB com as mesmas dimensões e sem queda visível de qualidade.
Avançado: lote, Retina, EXIF
Compressão em lote
Precisa comprimir 50 imagens? Fazer uma por uma é tedioso. Squoosh CLI (npx squoosh-cli --mozjpeg '{"quality":80}' *.jpg) ou scripts do ImageMagick lidam com trabalhos em lote. O piick.cc atualmente lida com arquivos individuais; o suporte em lote está no roadmap.
Telas Retina precisam de compressão mais agressiva?
Não. Telas Retina têm maior densidade de pixels, não uma demanda maior por imagens mais nítidas — páginas web continuam sendo renderizadas nas mesmas dimensões de pixels CSS em Retina. O que você deve fazer é enviar imagens com resolução 2x (por exemplo, 1600×800 para um contêiner de 800×400) mantendo os mesmos parâmetros de compressão. Quality 80 funciona igualmente bem em Retina.
Deve manter o EXIF?
- Compartilhamento de fotos pessoais: mantenha (mais fácil de arquivar)
- Sites comerciais: remova (arquivos menores + melhor privacidade)
- Notícias / mídia: mantenha os campos de copyright
Para campos específicos a ficar atento, veja o Guia de Privacidade EXIF.
Perguntas frequentes
Comprimo para menos de 200KB mas já estou na Quality 60 e continua borrado — e agora?
Reduza a resolução primeiro, depois comprima. Reduzir de 4000×3000 para 2000×1500 antes de comprimir pode cortar o tamanho pela metade de novo, com melhor qualidade. O Cortador de Imagens do piick.cc faz cortes precisos.
Posso usar WebP sem pensar?
Para 97% dos navegadores, sim. Se sua audiência tende para Safari antigo / IE, configure um fallback JPG ou fique com JPG.
A conversão de PNG para WebP é sem perdas?
Não. WebP tem dois modos — WebP sem perdas e WebP com perdas. As ferramentas padrão usam o modo com perdas, e a queda de qualidade é quase imperceptível. Se você precisa de perda absoluta (arquivo de capturas), use cwebp -lossless input.png -o output.webp.
Por que meu arquivo comprimido fica maior que o original?
Isso costuma acontecer quando a Qualidade está acima de 95 — o algoritmo de compressão precisa armazenar mais metadados conforme a qualidade sobe, o que pode produzir um arquivo maior que o original. Nesse caso, use o original e não comprima.
Quando o AVIF substituirá completamente o WebP?
Quando o suporte dos navegadores atingir 95% (estimado 2026-2027). Por enquanto, aposte no WebP. Quer experimentar? Teste AVIF com o Conversor de Formatos do Piick.
A compressão de imagens não é tão complexa quanto parece: escolha primeiro o formato (WebP como padrão), depois um valor de Qualidade (comece em 80), e por fim decida se vai redimensionar. Precisa testar online? Abra o Compressor de Imagens do piick.cc e obtenha resultados em 30 segundos.