Se você já rodou um teste de desempenho no Google PageSpeed Insights e recebeu o aviso "Exibir imagens em formatos de última geração", a recomendação era converter suas imagens para WebP. É o formato que o Google considera o padrão moderno para imagens na web — e há bons motivos para isso.
O que significa WebP?
WebP é um formato de imagem desenvolvido pelo Google e lançado em 2010. O nome é uma combinação de Web + P (de Picture — imagem em inglês). Ele foi criado com um objetivo claro: oferecer compressão superior à do JPG e do PNG para reduzir o peso das páginas web sem abrir mão da qualidade visual.
Diferente do JPG (que só suporta compressão com perda) e do PNG (que só suporta compressão sem perda), o WebP suporta os dois modos de compressão — lossy e lossless — além de transparência com canal alpha e animações. É, na prática, um formato único que substitui JPG, PNG e GIF em um único arquivo.
Como o WebP funciona?
O WebP lossy é baseado no codec de vídeo VP8, também desenvolvido pelo Google. Ele usa uma técnica chamada predição de blocos: em vez de armazenar cada pixel individualmente, o algoritmo prevê o valor de cada bloco de pixels com base nos blocos vizinhos e armazena apenas a diferença entre a previsão e o valor real. Quanto menor a diferença, menor o arquivo.
O WebP lossless usa um conjunto de técnicas próprias, incluindo predição espacial, transformação de cores e compressão de entropia com um algoritmo chamado LZ77 + codificação Huffman. O resultado é um arquivo lossless significativamente menor do que um PNG equivalente — em média, 26% menor para o mesmo conteúdo.
WebP é realmente menor que JPG e PNG?
Sim, e a diferença é considerável. De acordo com os dados do próprio Google:
| Comparação | Redução média de tamanho |
|---|---|
| WebP lossy vs JPG (mesma qualidade visual) | 25–35% menor |
| WebP lossless vs PNG (mesma qualidade) | ~26% menor |
| WebP com transparência vs PNG | ~22% menor |
Na prática, isso significa que uma loja virtual com 500 imagens de produto em JPG pode reduzir o volume total de imagens em um terço simplesmente convertendo para WebP — sem qualquer perda visual perceptível.
💡 Impacto no SEO: o Google usa a velocidade de carregamento como fator de ranqueamento. Imagens em WebP reduzem o LCP (Largest Contentful Paint) — uma das principais métricas do Core Web Vitals — e contribuem diretamente para melhores posições nos resultados de busca.
Quais são as vantagens do WebP?
- Arquivos menores com a mesma qualidade: tanto no modo lossy quanto no lossless, o WebP supera JPG e PNG em eficiência de compressão.
- Suporte a transparência: assim como o PNG, o WebP suporta canal alpha completo com 256 níveis de opacidade — e com arquivo menor.
- Suporte a animação: o WebP animado substitui GIFs com arquivos muito menores e qualidade de cor superior (GIF limita-se a 256 cores; WebP suporta milhões).
- Modo lossy e lossless no mesmo formato: um único formato para todos os casos de uso — fotos, logos, ícones e animações.
- Suporte a metadados: WebP suporta metadados EXIF e XMP, preservando informações de câmera, localização e direitos autorais.
- Suporte nativo em todos os navegadores modernos: Chrome, Firefox, Safari, Edge e Opera suportam WebP desde 2020.
Quais são as limitações do WebP?
- Compatibilidade limitada fora da web: muitos softwares de edição de imagem mais antigos, aplicativos de visualização e sistemas legados ainda não reconhecem o formato nativamente. Windows 10 e versões anteriores precisam de um codec adicional para abrir WebP no Explorador de Arquivos.
- Não aceito em algumas plataformas: redes sociais como WhatsApp e algumas ferramentas de e-mail marketing ainda não aceitam WebP para upload — nesses casos, JPG ou PNG continuam sendo necessários.
- Edição mais limitada: poucos softwares profissionais têm suporte completo a WebP para edição. Para fluxos de trabalho de edição, o ideal é manter os arquivos originais em RAW, TIFF ou PSD e exportar para WebP apenas na versão final.
- Sem suporte em e-mail: clientes de e-mail como Outlook e Apple Mail não renderizam WebP. Para imagens em e-mail, use JPG ou PNG.
WebP vs JPG vs PNG vs SVG — comparativo completo
| Característica | WebP | JPG | PNG | SVG |
|---|---|---|---|---|
| Compressão | Lossy e lossless | Lossy | Lossless | Vetorial |
| Transparência | Sim | Não | Sim | Sim |
| Animação | Sim | Não | Não* | Sim |
| Ideal para fotos | Sim | Sim | Não | Não |
| Ideal para logos e ícones | Sim | Não | Sim | Sim |
| Escalável sem perda | Não | Não | Não | Sim |
| Tamanho do arquivo | Muito pequeno | Pequeno | Médio a grande | Muito pequeno |
| Suporte universal | Navegadores modernos | Universal | Universal | Navegadores modernos |
* PNG animado (APNG) existe, mas tem suporte limitado.
Quando usar WebP?
WebP é a melhor escolha para a grande maioria das imagens exibidas em sites e aplicações web modernas:
- Fotos de produto em e-commerces: mesmo tamanho de arquivo do JPG, mas com 25–35% menos peso — carregamento mais rápido sem abrir mão da qualidade.
- Imagens de banner e hero: onde o peso da imagem tem impacto direto no LCP e na experiência do usuário.
- Logos e ícones com transparência: substitui PNG com arquivo menor e suporte completo a canal alpha.
- Imagens em blogs e portfólios: menos peso, mesma qualidade visual, melhor desempenho no PageSpeed.
- Substituição de GIFs animados: WebP animado tem arquivos muito menores e qualidade de cor muito superior ao GIF.
Evite WebP para imagens enviadas por e-mail, uploads em redes sociais que não aceitam o formato, e arquivos de trabalho que serão editados — nesses casos, mantenha JPG ou PNG.
Converta suas imagens para WebP agora
Reduza o peso das suas imagens em até 35% sem perda visual. Converta JPG e PNG para WebP de forma gratuita, diretamente no navegador.
Converter para WebPComo usar WebP com fallback para navegadores antigos?
Embora todos os navegadores modernos suportem WebP, é uma boa prática oferecer um fallback em JPG ou PNG para garantir compatibilidade. No HTML, isso é feito com a tag <picture>:
Com essa abordagem, navegadores que suportam WebP carregam o arquivo menor; os demais carregam automaticamente o JPG ou PNG como alternativa. É a estratégia recomendada pelo Google para sites que precisam de compatibilidade ampla.