Que configuração de qualidade você deve usar para imagens web?
A configuração mais impactante de imagens é aquela que a maioria das pessoas deixa no padrão. Veja o que o slider de qualidade realmente controla e o valor certo para ele.
Toda ferramenta de compressão de imagens tem um slider de qualidade, geralmente indo de 0 a 100. A maioria das pessoas move para algum número redondo — 80, 85, talvez 90 — e segue em frente. Mas esse slider é literalmente a decisão isolada mais impactante que você pode tomar sobre o tamanho do arquivo de imagem, e o padrão está quase sempre errado para uso web.
O que o slider de qualidade realmente controla
Em formatos com perdas como JPG, WebP e AVIF, a configuração de qualidade controla quão agressivamente o codificador descarta informação. Especificamente, controla a força de quantização — quão grosseiramente os componentes de frequência de cada bloco da imagem são arredondados.
Em qualidade 100, nada é quantizado: nenhuma informação é descartada (embora a imagem ainda passe por transformação com perdas, então não é exatamente o mesmo que sem perdas). Em qualidade 1, quase tudo é descartado: você obtém uma saída em blocos, borrada e descolorida.
O trade-off não é linear:
- Ir de qualidade 100 → 90 economiza ~50% do tamanho do arquivo com quase nenhuma mudança visível
- Ir de qualidade 90 → 80 economiza mais ~20% com degradação leve
- Ir de qualidade 80 → 70 economiza mais ~15% com mudanças mais perceptíveis
- Abaixo de qualidade 60, os artefatos ficam difíceis de ignorar
- Abaixo de qualidade 40, a imagem está claramente danificada
A implicação: qualidade 75 lhe dá 70% da economia de tamanho de qualidade 50 com uma fração do dano visível. Qualidade 90 desperdiça bytes sem benefício visível.
Como diferentes níveis de qualidade realmente parecem
Regra prática aproximada para uma fotografia JPG em 1500×1000 px:
| Qualidade | Tamanho | Aparência visual |
|---|---|---|
| 100 | ~800 KB | Idêntica à origem (efetivamente sem perdas) |
| 95 | 500 KB | Indistinguível da origem em qualquer zoom |
| 85 | 260 KB | Indistinguível à distância normal de visualização |
| 75 | 170 KB | Suavização leve em texturas finas; invisível na maioria das fotos |
| 65 | 120 KB | Leve suavização perceptível em inspeção próxima |
| 55 | 90 KB | Suavização visível; aceitável para miniaturas |
| 40 | 60 KB | Artefatos claros; apenas para fundos muito borrados |
| 20 | 35 KB | Quadriculação óbvia e descoloração |
Seus números exatos vão variar. Uma fotografia com muito detalhe fino (folhagem, tecido, texturas) mostra artefatos mais cedo do que uma imagem suave (retratos contra fundos simples).
Ajustando a qualidade ao caso de uso
Fotografias de destaque e fotos de produto
São as imagens que seus usuários realmente olham. Preenchem a tela, atraem atenção e carregam o peso estético da sua marca. Você quer nítidas, mas não desperdiçadas.
Recomendado: qualidade 80-85.
Nessa faixa, mesmo espectadores obcecados por detalhes em telas retina não verão artefatos, e você economiza 40-60% vs qualidade 95.
Miniaturas de galeria
Imagens pequenas exibidas a 200-400 px de largura. Usuários olham rapidamente e clicam se interessados. Detalhe fino é basicamente invisível nesse tamanho de qualquer forma.
Recomendado: qualidade 65-75.
Não desperdice bytes tornando miniaturas mais nítidas do que o tamanho de exibição consegue resolver.
Fotografias de fundo com sobreposição
Imagens que ficam atrás de texto ou gradientes. A maior parte está obscurecida ou visualmente desenfatizada. Detalhe fino quase nunca é percebido.
Recomendado: qualidade 55-70.
A sobreposição esconde pequenos artefatos. O tamanho do arquivo importa mais que a qualidade aqui — essas costumam ser imagens enormes.
Logos e elementos gráficos
Não deveriam ser JPG. Deveriam ser PNG ou SVG. Se têm que ser JPG por algum motivo, qualidade 90+ é necessária para evitar ringing visível nas bordas nítidas. Melhor mesmo: converta para PNG.
Capturas de tela e imagens de interface
Se contêm texto ou bordas nítidas, o JPG vai destruí-las em qualquer qualidade. Salve como PNG (sem perdas) ou use WebP sem perdas se o público suportar.
Imagens que serão re-editadas e re-salvas
Cada novo salvamento agrava a perda de qualidade do JPG. Se uma imagem vai ser editada pela equipe várias vezes, salve o master como PNG e exporte para JPG apenas no final, o mais tarde possível.
Qualidade perceptual vs numérica
O número de qualidade no slider não mapeia para uma escala perceptual uniforme. JPG qualidade 80, WebP qualidade 80 e AVIF qualidade 80 parecem muito diferentes entre si, porque cada codificador interpreta o número de forma diferente.
Tradução aproximada:
- JPG qualidade 80 ≈ WebP qualidade 75 ≈ AVIF qualidade 65
Ao trocar de formato, teste o slider novamente — não mantenha apenas o mesmo número.
O teste “compare duas versões”
A forma confiável de escolher uma configuração de qualidade é uma comparação direta A/B no seu conteúdo real:
- Pegue uma imagem representativa (ou várias)
- Exporte cópias em qualidade 90, 80, 70, 60, 50
- Abra-as em tela cheia lado a lado com a original
- Encontre a qualidade mais baixa em que você não consegue diferenciá-las com confiabilidade
- Suba 5 por segurança
- Essa é a sua configuração
Para a maioria das fotografias na maioria das telas, esse processo termina em qualidade 70-80.
Qualidade subjetiva vs objetiva
Se você está processando um grande catálogo e quer controle automatizado de qualidade, métricas objetivas são úteis:
- PSNR >= 40 dB — visualmente indistinguível para a maioria do conteúdo
- SSIM >= 0,95 — qualidade excelente
- VMAF >= 90 — qualidade quase transparente (nível Netflix)
Essas podem ajudar a definir uma qualidade por imagem automaticamente: codifique em configurações progressivamente menores até atingir um limite, depois pare. Para um site típico, você não precisa desse nível de sofisticação. Uma qualidade geral de 75 vai te servir bem.
Como ajustar a qualidade na nossa ferramenta
Nosso Compressor de Imagens tem um slider de qualidade de 0 a 100 e mostra o tamanho de arquivo resultante ao vivo conforme você arrasta.
- Solte sua imagem
- Comece com o slider em 75
- Olhe a pré-visualização — a qualidade é aceitável?
- Deslize para baixo até ver artefatos, depois suba 5 pontos
- Baixe
Sem idas e vindas a um servidor significa que você pode iterar rápido. Experimente qualidade 70 — para a maioria das fotos você literalmente não consegue ver a diferença, mas seus usuários ganham um arquivo 40% menor.
A tabela de referência
| Tipo de imagem | Qualidade recomendada |
|---|---|
| Fotografia de destaque (proeminente, espectador está olhando) | 80-85 |
| Fotografia de conteúdo regular | 75 |
| Miniatura de galeria | 65-75 |
| Imagem de fundo com sobreposição | 55-70 |
| Fundo borrado / decorativo | 40-55 |
| Imagem que será re-editada | Mantenha como PNG até exportação final |
| Logo, ícone, diagrama, captura de tela | Não use JPG — use PNG |
Se você vai lembrar de um número, é 75. É o padrão certo para a maioria das fotografias web e economiza aproximadamente metade do tamanho do arquivo vs o padrão típico de 85-90.