O guia completo do WebP (2025)
Tudo o que você precisa saber sobre WebP: compressão, configurações de qualidade, suporte de navegadores e melhores práticas.
O que é WebP?
WebP é um formato de imagem desenvolvido pelo Google desde 2010, projetado especificamente para uso web. Oferece compressão superior — tipicamente 25–35% menor que JPEG com qualidade visual equivalente — enquanto suporta compressão lossy e lossless, transparência alfa e até animação.
Hoje, WebP é suportado por 97%+ de todos os navegadores globalmente, incluindo Chrome, Firefox, Safari, Edge e Opera. Tornou-se o padrão de fato para otimização de imagens web, recomendado pelo Google PageSpeed Insights, Lighthouse e diretrizes Core Web Vitals.
WebP vs JPEG: Comparação real
Veja como a compressão WebP se parece na prática para uma foto de produto típica de 1200×800:
| Formato | Tamanho | vs Original | Qualidade visual |
|---|---|---|---|
| JPEG (quality 85) | 185 KB | — | Excellent |
| WebP (quality 85) | 62 KB | −66% | Identical |
| WebP (quality 75) | 41 KB | −78% | Near-identical |
| WebP (lossless) | 290 KB | −43% vs PNG | Pixel-perfect |
As economias se acumulam em uma página. Uma listagem de produtos e-commerce com 20 imagens poderia cair de 3,7 MB (JPEG) para 1,2 MB (WebP) — uma redução de 67% no peso total de imagens, melhorando diretamente o tempo de carregamento e os scores Core Web Vitals.
Entendendo as configurações de qualidade WebP
O parâmetro de qualidade (0–100) controla o equilíbrio entre tamanho de arquivo e fidelidade visual. Veja o que cada faixa significa na prática:
- Qualidade 90–100: Retornos decrescentes. Arquivos muito maiores com melhoria quase imperceptível em relação à qualidade 85. Evite a menos que seja para arquivamento.
- Qualidade 80–85: O ponto ideal. Visualmente indistinguível do original para a maioria das fotos, com 60–70% de redução. É o padrão da indústria.
- Qualidade 60–75: Bom para miniaturas, pré-visualizações e imagens não críticas. Leve perda de detalhe em áreas planas e gradientes.
- Qualidade 40–50: Artefatos visíveis. Adequado apenas para miniaturas muito pequenas ou fundos decorativos.
- Modo lossless: Preserva cada pixel exatamente. Ideal para capturas, diagramas e imagens com texto. Arquivos são maiores que lossy mas ainda menores que PNG.
Suporte de navegadores WebP
WebP tem excelente suporte de navegadores em 2025:
- Chrome: Full support since v32 (2014)
- Firefox: Full support since v65 (2019)
- Safari: Full support since v14 (2020)
- Edge: Full support since v18 (2019)
- Opera: Full support since v19 (2014)
- Samsung Internet: Full support since v4.0
A cobertura global é de 97%+. Para os 3% restantes (navegadores muito antigos), use o elemento <picture> com fallback JPEG:
Como servir WebP com fallback
Use o elemento HTML <picture> para servir WebP para navegadores compatíveis enquanto fornece um fallback JPEG para os mais antigos:
<picture>
<source srcset="image.webp" type="image/webp">
<img src="image.jpg" alt="Description" width="800" height="600">
</picture>Sempre inclua atributos width e height para prevenir Cumulative Layout Shift (CLS) — uma métrica Core Web Vitals usada pelo Google para classificação.
Erros comuns de WebP a evitar
- Converter imagens já comprimidas: Se sua fonte é um JPEG de baixa qualidade, converter para WebP não recuperará detalhes perdidos. Comece com a fonte de maior qualidade disponível.
- Usar qualidade 100: Produz arquivos desnecessariamente grandes. Qualidade 80–85 é o ponto ideal para praticamente todos os casos de uso.
- Esquecer o fallback: Sem fallback JPEG no elemento
<picture>, navegadores muito antigos mostrarão uma imagem quebrada. - Não redimensionar antes de converter: Uma imagem 4000×3000 exibida em 800×600 desperdiça 25x de largura de banda. Redimensione primeiro, depois converta.
- Ignorar orientação EXIF: Algumas câmeras armazenam rotação nos dados EXIF. Certifique-se de que seu conversor trata a orientação corretamente.
Converta imagens para WebP grátis
BulkPicConv permite converter imagens para WebP diretamente no seu navegador — sem upload, sem cadastro, sem marca d'água. Arraste suas imagens, ajuste a qualidade e baixe arquivos WebP otimizados em segundos.