Pular para o conteúdo

Converter PNG em WebP

O ganho fácil mais importante para a velocidade da página: o WebP mantém a transparência e a nitidez do seu PNG com uma fração do tamanho, e nada fica armazenado.

  • Nunca armazenado
  • Sem fila, sem espera
  • Sem cadastro, sem marca d'água

Como funciona

1

Adicione seus PNGs

Solte quantos arquivos .png quiser na página.

2

Escolha a qualidade

O controle equilibra tamanho e fidelidade; o novo tamanho aparece ao vivo para cada arquivo.

3

Baixe

Salve os arquivos um por um, ou todos em ZIP.

Dois WebPs, e qual deles você recebe

O WebP são, na verdade, dois formatos que dividem a mesma extensão. O WebP sem perdas usa um algoritmo realmente diferente do PNG e costuma superá-lo em vinte a trinta por cento com os mesmos pixels. O WebP com perdas descarta informação como um JPEG, inclusive com a subamostragem de croma, que guarda a cor em metade da resolução. Os dois têm transparência completa de 8 bits, que é a vantagem do WebP sobre o JPEG e o motivo de ele conseguir substituir um PNG.

Qual dos dois você recebe depende da configuração de qualidade, e essa é a coisa mais importante para saber aqui. Qualquer valor abaixo do máximo gera WebP com perdas — excelente para fotografias, e errado para as imagens que as pessoas costumam guardar como PNG. Uma captura de tela com texto, um logotipo, um gráfico, um diagrama: a cor subamostrada cria franjas visíveis em cada borda colorida nítida, e texto vermelho sobre branco é onde isso aparece mais. Para essas imagens, mantenha a qualidade no máximo e o arquivo continua perfeito pixel a pixel e ainda sai menor que o PNG.

O formato tem um limite rígido que o PNG não tem: 16.383 pixels em cada lado. É generoso para fotografias e realmente restritivo para um panorama montado, uma captura de tela de uma página longa inteira ou um mapa digitalizado — esses simplesmente não são codificados, qualquer que seja a qualidade. A transparência sobrevive de qualquer jeito.

O suporte já não é motivo para hesitar. Todos os navegadores atuais leem WebP, e há anos. O que ainda não lê de forma confiável é a longa lista de todo o resto — clientes de e-mail mais antigos, alguns visualizadores de imagem para desktop, uma quantidade surpreendente de software corporativo e fluxos de impressão. Para uma página da web, o WebP é simplesmente melhor; para um arquivo que você vai mandar para uma pessoa, PNG ou JPG continuam sendo a escolha segura.

Quando você precisa de outra coisa

O cwebp do próprio Google expõe o que um canvas não consegue. cwebp -lossless -z 9 in.png -o out.webp espreme ao máximo o modo sem perdas, -near_lossless 60 abre mão de um pouco de fidelidade para ganhar bastante tamanho em conteúdo fotográfico, e -q 80 é o padrão sensato com perdas. Ele também permite comprimir o canal alfa separadamente, algo que um codificador de navegador nunca oferece.

Antes de converter, pense se o problema é mesmo o PNG. Passar o oxipng -o 4 ou o pngquant nele muitas vezes reduz o arquivo pela metade sem mudar de formato e sem nenhuma questão de compatibilidade — e se a imagem é uma fotografia, e não um gráfico, provavelmente ela deveria ter sido um JPG desde o início.

Perguntas frequentes

Quanto menores minhas imagens vão ficar?

Capturas de tela e gráficos de interface normalmente diminuem de 60% a 90%. Cada arquivo mostra o tamanho antes e depois, então a resposta nunca é um chute.

A transparência é preservada?

Sim — o WebP suporta transparência alfa completa, ao contrário do JPG. Logotipos e recortes continuam limpos.

Todos os navegadores suportam WebP?

Todos os navegadores lançados desde 2020 — Chrome, Safari, Firefox, Edge — exibem WebP nativamente. Só programas realmente antigos têm dificuldade.

Sem perdas ou com perdas?

Com o controle de qualidade em 100%, o resultado passa a ser WebP sem perdas: pixels idênticos, e ainda menor que o PNG. Qualquer valor abaixo disso é com perdas, e é aí que estão as economias impressionantes.

Meus arquivos ficam armazenados em algum lugar?

Não — a conversão não armazena nada.

Bom saber: Não gera arquivos animados — esta ferramenta converte imagens estáticas.

Coloque esta ferramenta no seu site

Grátis para qualquer blog, página de turma ou artigo de ajuda. Cole um único trecho de código e seus visitantes podem usá-la direto na sua página.