O WebP é um formato de imagem aberto desenvolvido pelo Google em 2010. Ele combina compressão com perda (como JPEG) e compressão sem perda (como PNG), além de suportar transparência alfa e animação. Nenhum outro formato individual oferece todas essas capacidades ao mesmo tempo.

Em testes reais, imagens WebP são 25 a 34% menores que JPEGs equivalentes e 26% menores que PNGs com o mesmo índice de qualidade SSIM. Arquivo menor significa página mais rápida, melhores métricas de Core Web Vitals e melhor posicionamento nos buscadores.

Em 2026, o WebP já conta com mais de 97% de suporte global nos navegadores, incluindo Chrome, Firefox, Safari (desde a versão 14), Edge e Opera.

A configuração ideal de qualidade depende do tipo de conteúdo. O parâmetro de qualidade do WebP vai de 0 (menor arquivo, menor qualidade) a 100 (maior arquivo, melhor qualidade). Veja as recomendações testadas em produção:

• Fotos de produtos e imagens de destaque: Qualidade 80–88. Preserva detalhes finos e fidelidade de cor com economia de mais de 30% em relação ao JPEG.
• Imagens de blog e conteúdo editorial: Qualidade 75–82. Ótima relação qualidade-tamanho para páginas ricas em conteúdo.
• Miniaturas e cards de preview: Qualidade 65–75. Em tamanhos pequenos, artefatos de compressão ficam invisíveis.
• Ícones, logos e gráficos com transparência: Qualidade 90–100 (ou sem perda). Mantém bordas nítidas e canais alfa sem degradação.
• Imagens de fundo e elementos decorativos: Qualidade 60–72. Como geralmente são embaçados ou cobertos por overlays, aceitam compressão mais agressiva.

O Core Web Vitals do Google mede a experiência do usuário por meio de três métricas principais, e a otimização com WebP impacta positivamente todas elas:

• Largest Contentful Paint (LCP): Arquivos menores fazem as imagens principais carregarem mais rápido. Uma imagem hero de 250 KB em JPEG cai para cerca de 170 KB em WebP — uma diferença que se sente em conexões 4G.
• Cumulative Layout Shift (CLS): O WebP, combinado com atributos width/height, evita pulos de layout durante o carregamento de imagens.
• Interaction to Next Paint (INP): Imagens mais leves reduzem a carga da thread principal e o uso de memória, mantendo a página responsiva.

Sites que migram de JPEG/PNG para WebP normalmente veem uma melhora de 15–30% no PageSpeed Insights, o que se reflete diretamente em ganhos de posicionamento.

As principais plataformas CMS já suportam WebP nativamente, mas a implementação varia:

• WordPress: A partir da versão 5.8, o WordPress aceita upload de imagens WebP nativamente. Converta suas imagens aqui antes de subir para ter controle total da qualidade e evitar o processamento de plugins como ShortPixel ou Imagify, que consomem CPU do seu servidor.
• Shopify: O Shopify serve WebP automaticamente via CDN quando o navegador suporta. Mesmo assim, converter previamente garante as configurações de qualidade ideais em vez de depender da compressão padrão do Shopify.
• Sites estáticos: Use WebP diretamente nas tags <img>. Para navegadores antigos, use o elemento <picture> com fallback em JPEG/PNG.
• Compartilhamento em redes sociais: Mantenha uma versão JPEG das imagens principais para as meta tags Open Graph e Twitter Card, pois algumas plataformas ainda não renderizam WebP nos previews de links.