Qualidade do WebP — Quando usar 80%, 90% ou sem perdas (lossless)
Ponto de partida rápido
Se você precisa decidir agora, comece assim:
- 80% — equilíbrio ótimo para a maioria das fotos em sites e blogs.
- 85–90% — produtos de e-commerce, moda, cosméticos, joias (mais textura/finos detalhes).
- Lossless — ícones pixel-perfect, logos com linhas muito finas, screenshots com texto pequeno.
Dica: padronize um “quadro de referência” com 3–5 imagens típicas do seu projeto e compare 80% vs 90% vs lossless.
Por tipo de imagem (foto, ilustração, logo)
- Fotos: comece em 80%. Suba para 85–90% se notar ruído em áreas com textura (cabelo, tecido, grama).
- Ilustrações/arte digital: 80–85% costuma manter cores e degradês sem banding visível.
- Logos/ícones: se o contorno ficar “suave” demais, avance para 90% ou use lossless / considere PNG.
Por contexto (site, loja, blog)
- Institucional/blog: priorize velocidade — 80% tende a ser suficiente.
- E-commerce: privilegie nitidez do produto — 85–90% rende páginas mais bonitas sem exagerar no peso.
- Aplicações internas: teste 80% e aumente apenas onde a leitura de detalhes for crítica.
Como comparar qualidade com segurança
- Exporte a imagem em 80% e 90% (e lossless se for caso de teste).
- Compare com zoom 100% e verifique áreas críticas (texto, fios de cabelo, texturas finas).
- Cheque o tamanho do arquivo: muitas vezes 90% aumenta pouco e compensa em nitidez.
FAQ
- 80% sempre é suficiente?
- É um ótimo ponto inicial. Em produtos de alto detalhe, 85–90% pode trazer mais textura sem inflar demais o peso.
- Lossless deixa o arquivo muito grande?
- Em geral, sim. Use apenas quando a imagem não pode perder nada (UI, ícones, marcas).
- Posso misturar calidades no mesmo site?
- Sim. Defina regras: fotos comuns 80%, vitrines 90%, ícones lossless/PNG.