Sim, use WebP. Em 2026 essa é a resposta inteira para imagens num site que você controla: todo navegador renderiza WebP há anos, os arquivos ficam 25–35% menores que o JPG ou PNG que substituem, e nada muda na experiência dos visitantes além de páginas carregando mais rápido. As perguntas interessantes são as operacionais: quais imagens valem a conversão, como servir WebP sem quebrar nada, e onde PNG e JPG ainda pertencem. É isso que este guia cobre.
O que vale converter e o que deixar quieto
Nem toda imagem merece o esforço. A árvore de decisão é curta:
Converta primeiro as coisas grandes. Imagens hero, fotos de produto, ilustrações de artigo — qualquer coisa medida em centenas de kilobytes. Um JPG de 450 KB virando um WebP de 300 KB é ganho real, multiplicado por cada visitante a cada carregamento. Grades de produto e galerias são onde o efeito compõe.
Converta gráficos PNG com peso. Capturas de tela, diagramas e imagens de UI transparentes que subiram como PNG encolhem dramaticamente como WebP com perdas, e até o WebP sem perdas vence o PNG em cerca de um quarto. O porquê técnico está em WebP vs PNG.
Deixe os arquivos pequenos quietos. Um ícone de 4 KB é erro de arredondamento. Convertê-lo não economiza nada perceptível e custa um passo no seu pipeline. A regra: se o arquivo já é pequeno o bastante para você nunca ter pensado nele, continue sem pensar.
O caminho da migração
- Inventarie as imagens das páginas que importam — homepage, principais landing pages, templates de produto. Seu analytics sabe quais são.
- Converta em lote os assets PNG e JPG. Arraste as pastas para PNG para WebP ou JPG para WebP; os dois rodam localmente no seu navegador, processam pastas inteiras e devolvem um ZIP. Nada sai da sua máquina, o que importa quando os assets são trabalho de cliente.
- Guarde os originais. WebP tem perdas no seu modo comum. Seus masters em PNG/JPG continuam a fonte da verdade para qualquer recodificação futura.
- Troque as referências nos templates e suba de novo. Os nomes de arquivo são preservados pelo conversor exceto pela extensão, então um localizar-e-substituir de
.png→.webpnos templates cobre a maior parte.
Se o seu site roda num CMS
Verifique antes de converter qualquer coisa à mão. O WordPress moderno aceita uploads de WebP e gera sub-tamanhos como qualquer outra imagem, e muitos hosts gerenciados e CDNs convertem para WebP automaticamente na borda — nesse caso a migração é uma página de configurações, não uma operação de arquivos. A conversão manual continua sendo o caminho certo para sites estáticos, templates feitos à mão e qualquer CMS cuja pipeline de mídia é mais velha que o formato.
Servindo com fallback
O elemento <picture> deixa navegadores modernos pegarem o WebP enquanto qualquer coisa antiga cai para o original:
<picture>
<source type="image/webp" srcset="/img/hero.webp" />
<img src="/img/hero.jpg" alt="Hero image" width="1600" height="900" />
</picture>
Navegadores escolhem o primeiro source que entendem; todo o resto lê o <img> como se nada tivesse acontecido. Em 2026 isso é cinto e suspensório — o suporte a WebP em navegadores é universal há anos —, mas custa uma linha e tira a dúvida da mesa por completo. A alternativa, negociação de conteúdo no servidor via cabeçalho Accept, entrega o mesmo resultado no nível da URL; é poderosa, mas move a complexidade para a configuração do servidor — uma troca que a maioria dos sites pequenos deve recusar.
O que manter em PNG ou JPG
Três categorias ficam nos formatos antigos mesmo num site 100% WebP:
Arquivos que visitantes baixam. Um link "baixar kit de imprensa" deve entregar PNG ou JPG, porque quem recebe pode abrir em qualquer coisa. A lacuna de suporte fora dos navegadores é real — a mesma que mapeamos em WebP vs JPG.
Imagens de Open Graph e e-mail. og:image e assets de newsletter são buscados por crawlers, apps de chat e clientes de e-mail com pilhas de imagem bem mais antigas que as dos navegadores. Sirva-os como JPG ou PNG, ou aceite que alguns previews falhem em silêncio.
Seus arquivos master. Sempre. WebP é o contêiner de envio, não o arquivo morto.
Para o panorama maior de onde cada formato se encaixa, o guia de formatos de imagem para web tem o mapa completo.
Depois da troca
Passe suas principais páginas por um teste de velocidade antes e depois. A melhoria aparece exatamente onde deveria: largest contentful paint, peso total da página e a experiência móvel, onde os bytes mais doem. Se uma página mal se move, as imagens dela já eram pequenas — o que significa que a árvore de decisão acima fez seu trabalho e mandou você pulá-las. Guarde os números de antes e depois; eles são o argumento para migrar o resto do site.
A conversão em si é a parte rápida desse projeto. Uma pasta de fotos de produto pelo PNG para WebP leva menos de um minuto; as edições de template levam mais. Comece pela sua página mais pesada — e deixe o gráfico de waterfall discutir com quem ainda acha que isso é opcional.