Como converter JPG ou PNG para WebP

Um arquivo WebP pesa menos que o JPG ou o PNG equivalente com a mesma qualidade visual, e há anos qualquer navegador que ainda receba atualizações já exibe esse formato sem problema nenhum. Essa combinação — economia real, zero risco de compatibilidade para quem visualiza — faz da conversão para WebP uma das mudanças mais simples e com melhor retorno que você pode aplicar a um lote de imagens.

Há duas coisas que quase todos os guias deixam de fora, e as duas importam: o WebP é na verdade dois formatos sob uma mesma extensão, e ainda existem lugares específicos que recusam o arquivo de cara. Vamos primeiro à conversão e depois às duas.

Convertendo JPG para WebP

O caso comum: fotos, imagens de produto, qualquer coisa destinada a uma página web. Os dois formatos são com perdas por padrão, então é uma troca direta.

Codificando a mesma fotografia dos dois jeitos com qualidade equiparada — não com o mesmo número de qualidade, que não mede nada, mas ajustada até as duas parecerem equivalentes — medimos o WebP ficando cerca de 36% abaixo do JPG. Está alinhado com os 25% a 35% normalmente citados, e numa página cheia de fotos é a diferença entre um carregamento rápido e um lento.

Duas notas práticas:

  • Converter um JPG para WebP é uma segunda passada com perdas. A rigor, algum detalhe adicional se perde. Com um ajuste de qualidade sensato (80 ou acima) não é visível no tamanho normal de visualização, e a economia compensa. Só fica óbvio se você for e voltar várias vezes ou baixar demais a qualidade.
  • Se você ainda tem o original — o RAW, a exportação da câmera, o arquivo de design —, exporte para WebP a partir dele. Uma passada com perdas ganha de duas, sempre.

Convertendo PNG para WebP

Um trabalho completamente diferente: capturas de tela, logotipos, ícones, desenho de linha, qualquer coisa com cor chapada, texto nítido ou fundo transparente. A transparência sobrevive à viagem, que é o principal motivo pelo qual as pessoas fazem isso.

Mas aqui está a parte que realmente importa, e que quase ninguém explica: o WebP tem dois modos completamente separados.

  • O WebP com perdas funciona como o JPG: aproxima e borra bordas duras. Bom para fotos, errado para texto.
  • O WebP sem perdas é um projeto totalmente à parte, feito sob medida para cor chapada e bordas nítidas. Guarda cada pixel exato e, nesse tipo de imagem, ganha do PNG com folga.

Para uma captura de tela você quer o modo sem perdas. A complicação é que conversores que rodam no navegador, este incluído, chegam ao WebP pelo codificador do próprio canvas, e qual modo você recebe no topo da faixa de qualidade depende do navegador: o Firefox muda para WebP sem perdas na qualidade máxima, e o Chromium também tem ali um caminho sem perdas — mas isso é comportamento de implementação, não algo que a página possa pedir explicitamente.

Na prática:

  • O conversor de PNG para WebP começa o controle de qualidade em 100 em vez do padrão de fotos, justamente porque esse conteúdo castiga a codificação com perdas. Nesse ajuste, o resultado é sem perdas ou tão próximo que a cor chapada e o texto saem intactos.
  • Se você precisa de uma garantia de exatidão pixel a pixel — um logotipo entrando num manual de marca, uma captura que será comparada ou reeditada —, fique com o PNG. Garantia não é algo que um conversor baseado em canvas possa oferecer honestamente.

Onde o WebP ainda é rejeitado

Esta é a seção que evita a conversão inútil, e falta na maioria dos artigos porque contraria o argumento de venda.

O suporte dos navegadores é assunto encerrado: todo navegador que ainda recebe atualizações exibe WebP. Mas exibir um formato e aceitar o envio dele são problemas diferentes, e o segundo não está encerrado de jeito nenhum.

Lugares que ainda recusam .webp rotineiramente:

  • Formulários de envio — portais do governo, sistemas de candidatura a vagas, sites de seguradoras e bancos. Muitos validam contra uma lista fixa de image/jpeg e image/png.
  • E-mail — vários clientes de desktop e webmail não renderizam um WebP embutido, então a imagem de uma newsletter pode chegar como um quadradinho quebrado.
  • Serviços de impressão — revelação de fotos, cartões de visita, qualquer coisa que termine no papel geralmente quer JPG ou TIFF.
  • Software de desktop antigo — pacotes de escritório, ferramentas de design legadas e aplicações corporativas internas de certa idade.

Nada disso é motivo para evitar WebP no seu próprio site, onde ele é o padrão certo. É motivo para manter o JPG de tudo que sai do seu site. E se você já converteu e bateu em uma dessas paredes, converter de volta é a solução — o conversor de WebP para JPG e o conversor de WebP para PNG existem exatamente para isso, o que diz muito sobre a frequência com que acontece.

O que a conversão descarta além dos pixels

Converter pelo navegador funciona decodificando a imagem, desenhando num canvas e recodificando a partir desses pixels. Uma consequência que surpreende: os metadados não sobrevivem. O EXIF — modelo da câmera, data de captura, configurações da lente e muitas vezes coordenadas de GPS — não é levado adiante.

Isso corta dos dois lados, então decida de que lado você está antes de converter um lote inteiro:

  • Bom, se você publica. Tirar as coordenadas de GPS de uma foto antes de ela ir para a internet é um ganho real de privacidade, e um em que quase ninguém pensa.
  • Ruim, se você arquiva. Datas de captura e campos de direitos autorais valem a pena manter. Converta uma cópia de trabalho para a web e deixe os originais intactos.

Perfis de cor estão no mesmo barco. Para qualquer coisa em que a cor seja crítica — trabalho de impressão, fotografia de produto em que o tom precisa bater —, confira um arquivo convertido antes de fechar o lote inteiro.

GIFs animados são outra história

O WebP suporta animação e ganha do GIF de longe: uma fração do tamanho e milhares de cores em vez de 256. Mas converter uma animação é uma operação diferente de converter uma imagem estática, e o nosso conversor não faz isso — ele processa quadros isolados, então uma origem animada não sai do outro lado como uma animação funcionando.

Se é disso que você precisa, é trabalho para uma ferramenta específica de animação. Vale saber antes de jogar nele uma pasta de GIFs e estranhar por que os resultados não se movem.

Usar WebP afeta o SEO?

Negativamente não, e levemente a favor. O Google indexa imagens WebP normalmente, e é o formato que o próprio PageSpeed Insights recomenda quando sinaliza imagens grandes demais. Como o peso das imagens alimenta o Largest Contentful Paint, que é um sinal de ranking, um formato mais leve ajuda de forma indireta.

A única coisa a acertar é a troca em si: se você muda uma URL de .jpg para .webp, esse é um endereço novo. Ou continue servindo o antigo, ou redirecione, para não perder o que a original tinha acumulado na busca por imagens.

O número de qualidade não se transfere

Vale saber antes de copiar os seus ajustes do JPG. Qualidade 80 num codificador JPG e qualidade 80 num de WebP são entradas de algoritmos diferentes; não descrevem o mesmo resultado visual. A escala do WebP costuma rodar um pouco "mais quente", então o mesmo número tende a dar uma imagem um pouco melhor e um arquivo um pouco maior do que você previria pelo hábito do JPG.

Não transporte o seu número. Exporte uma imagem representativa em alguns ajustes, olhe no tamanho de exibição e escolha pelo que você vê.

Fazendo em lote

Tudo acima vale igual para uma imagem e para quatrocentas. Solte uma pasta no conversor de JPG para WebP, ajuste formato e qualidade uma única vez e leve o resultado em um só ZIP.

Uma ressalva para pastas mistas: fotos e capturas querem ajustes opostos. Passar as duas coisas na qualidade 80 deixa as fotos um pouco maiores que o necessário e danifica o texto de forma visível. Separe em duas passadas — custa um minuto e é a diferença entre um lote limpo e um retrabalho.

Nada disso é enviado. A conversão acontece no seu próprio dispositivo, o que você pode confirmar abrindo a aba Rede do navegador enquanto ela roda.

Onde isso se encaixa

Para a comparação completa, incluindo onde o AVIF ganha do WebP e os casos específicos em que não ganha, veja WebP vs JPG vs PNG vs AVIF e AVIF vs WebP. Se foi o peso da página que te trouxe aqui, como o peso das imagens afeta a velocidade do site coloca a escolha de formato no contexto de todo o orçamento de carregamento.