O que é WebP
WebP é um formato de imagem lançado pelo Google, que suporta compressão com perdas, compressão sem perdas e canal alfa. Em suma, ele quer, com um único formato, substituir JPEG e PNG — menor volume e mais recursos.
Hoje os principais navegadores (Chrome, Edge, Firefox, Safari) já suportam WebP; sites que o usam em vez de JPEG/PNG ganham muito em velocidade de carregamento.
Principais vantagens do WebP
Volume menor
- WebP com perdas vs JPEG: 25%~35% menor com a mesma qualidade visual
- WebP sem perdas vs PNG: 20%~30% menor
- Suporta transparência: bem menor que PNG com transparência, compensando a falta do JPEG
Para sites com muitas imagens, trocar todo o site por WebP economiza muito tráfego e tempo de carregamento.
Recursos completos
- Suporta canal alfa (como PNG)
- Suporta com perdas e sem perdas (como JPEG e PNG em um)
- Suporta animação (como GIF)
- Um formato cobre múltiplos usos
Suporte total em navegadores modernos
Após 2020, os principais navegadores suportam WebP. Os antigos problemas de compatibilidade praticamente desapareceram.
Limitações do WebP
Ambientes antigos não suportam
Navegadores antigos (IE, iOS antigo) não suportam. Se o seu público os inclui, forneça fallback em JPEG/PNG.
Suporte desigual em editores
Alguns editores de imagem antigos não editam WebP diretamente. Mas visualizadores e conversores têm suporte amplo.
WebP com perdas em qualidade muito baixa é pior que JPEG
Em qualidade muito baixa, WebP às vezes perde para JPEG. Mas na faixa de uso normal (70+), WebP é melhor.
WebP vs JPEG vs PNG
| Dimensão | JPEG | PNG | WebP |
|---|---|---|---|
| Compressão com perdas | Suporta | Não suporta | Suporta |
| Transparência | Não suporta | Suporta | Suporta |
| Animação | Não suporta | Não suporta | Suporta |
| Volume | Médio | Grande | Menor |
| Compatibilidade | Todas as plataformas | Todas as plataformas | Navegadores modernos |
Conclusão: sites voltados a navegadores modernos devem priorizar WebP; para compatibilidade total use JPEG/PNG; para transparência e tamanho pequeno, WebP é a melhor escolha.
Cenários adequados para WebP
- Imagens de site: substitua JPEG/PNG, ganhe velocidade de carregamento
- Imagens transparentes: substitua PNG transparente, volume bem menor
- Animações: substitua GIF, menor volume e melhor qualidade
- Imagens em apps: reduza o tamanho do pacote
- Recursos em CDN: economize tráfego
Cenários não adequados
- Documentos externos que exigem compatibilidade total (imagens em PDF em ambientes antigos)
- Público com navegadores antigos
- Precisa editar em software antigo
Como converter
Use a ferramenta de conversão de formato de imagem:
- Faça upload do JPEG/PNG
- Selecione o formato-alvo WebP
- Defina a qualidade (com perdas 80 chega perto do sem perdas)
- Converta e baixe
Na conversão em lote, unifique a qualidade: fotos 80, capturas 90.
Compatibilidade com a tag picture
Para usar WebP no site e ainda compatibilizar com navegadores antigos, use a tag picture:
A tag source prioriza WebP; quando não suportado, recorre ao JPEG do img. Assim os dois lados são atendidos.
Armadilhas comuns
Volume aumentou após a conversão
WebP sem perdas às vezes é maior que um JPEG pequeno. Para fotos use WebP com perdas, não sem perdas.
Qualidade 100 não é sem perdas
WebP com qualidade 100 ainda é com perdas. Para sem perdas real, escolha a opção "WebP sem perdas", mas o volume aumenta.
PNG transparente convertido para WebP mantém a transparência
WebP suporta transparência; ao converter PNG para WebP, as áreas transparentes são preservadas, diferente da conversão para JPG, que exige preenchimento de fundo.
Resumo
WebP é a escolha preferida de imagens para sites modernos — menor volume, recursos mais completos e compatibilidade já resolvida. Fotos, imagens transparentes e animações podem usá-lo. Use a ferramenta de conversão do DocsAll para converter em lote para WebP no navegador, sem upload das fotos. Quando precisar de compatibilidade com ambientes antigos, use a tag picture como fallback.