Converter JPG para WebP: por que e como
WebP é o formato de imagem moderno do Google que reduz o tamanho dos arquivos em até 70% mantendo a qualidade visual. Hoje suportado em todos os navegadores modernos (Chrome, Firefox, Safari 14+, Edge), virou padrão pra sites otimizados — Google PageSpeed exige WebP pra notas altas.
WebP vs JPG vs PNG — qual usar?
| Formato | Vantagens | Quando usar |
|---|---|---|
| WebP | 25-70% menor que JPG, suporta transparência e animação | Sites, blogs, e-commerce, redes sociais modernas |
| JPG/JPEG | Compatibilidade universal, ótimo pra fotos | E-mail, WhatsApp, impressão, edição em Photoshop |
| PNG | Transparência perfeita, lossless | Logos, ícones, screenshots com texto |
Qual qualidade escolher
| Qualidade | Resultado | Uso ideal |
|---|---|---|
| 100 | Lossless / sem perda | Arquivamento, edição posterior |
| 90 | Qualidade visual idêntica ao original | Galeria de fotos, portfolio |
| 85 (padrão) | Imperceptível ao olho humano | Maioria dos sites e blogs |
| 75 | Pequena perda em zoom 100% | Blog com muita imagem, otimização |
| 60 | Perda visível em fotos detalhadas | Thumbnail, avatar, preview |
| 30-50 | Compressão agressiva, blocos visíveis | Tráfego limitado, dial-up (raríssimo hoje) |
Por que WebP economiza tanto espaço?
WebP usa o codec de vídeo VP8 (criado pelo Google e usado no YouTube) adaptado pra imagens. Em vez de comprimir cada pixel independentemente (como JPG), ele analisa blocos de 16×16 pixels e prediz os valores dos próximos baseado nos anteriores — guarda só a diferença. Resultado: arquivo muito menor com mesma qualidade visual.
Economia média comparada ao JPG (qualidade 85):
- Fotos de paisagem com céu/gradientes: ~50-65% menor
- Retratos com fundo neutro: ~40-55% menor
- Imagens com muito detalhe/textura: ~25-35% menor
- Screenshots/UIs com áreas chapadas: ~60-80% menor
- Logos coloridos PNG: ~50-70% menor (vs PNG)
Compatibilidade WebP em 2026
| Navegador | Suporta desde | Status |
|---|---|---|
| Chrome | 2010 (v17) | ✓ 100% |
| Firefox | 2019 (v65) | ✓ 100% |
| Edge | 2018 (v18) | ✓ 100% |
| Safari (macOS) | 2020 (v14) | ✓ 100% |
| Safari (iOS) | 2020 (iOS 14, iPhone 6s+) | ✓ 100% |
| Internet Explorer | Nunca suportou | ✗ Descontinuado em 2022 |
Cobertura atual: ~98% dos navegadores em uso no mundo. Pra os 2% restantes (usuários muito antigos), você pode servir um fallback JPG via tag <picture>.
Como usar WebP no seu site
Substituir <img src="foto.jpg"> por <img src="foto.webp"> já funciona em 98% dos navegadores. Pra fallback automático em browsers antigos:
<picture>
<source srcset="foto.webp" type="image/webp">
<img src="foto.jpg" alt="descrição">
</picture>Em WordPress, Wix, Squarespace e a maioria dos CMS modernos, basta fazer upload do WebP que eles já servem corretamente. Em e-commerce (Shopify, Magento), WebP melhora muito o Core Web Vitals — fator de ranking no Google.