PNG para WebP

Sobre este conversor

Este conversor de PNG para WebP gratuito transforma um PNG em um WebP moderno, mantendo a transparência intacta. A economia aqui costuma ser bem maior do que com JPG — 60–80 % é comum, e em um PNG com foto pode ser ainda mais.

Tudo acontece no seu navegador — a sua imagem nunca é enviada para um servidor.

Por que arquivos PNG ficam tão grandes

O PNG é sem perdas. Cada pixel é guardado exatamente como estava e nada é descartado. Para algumas imagens, essa é a troca certa; para outras, sai muito caro.

O PNG comprime detectando repetições: sequências de pixels idênticos, padrões que se repetem. Isso funciona muito bem em um logo com seis cores chapadas, na captura de tela de um formulário ou em um gráfico com preenchimentos limpos. Uma imagem assim pode ser comprimida até uma fração mínima do tamanho bruto.

Funciona mal com fotos, porque uma foto quase não tem repetição exata. Cada pixel de um céu é um pouco diferente do vizinho, então não há nada para agrupar, e o PNG acaba guardando algo muito próximo dos dados brutos dos pixels. É por isso que uma foto salva como PNG costuma ser cinco a dez vezes maior do que a mesma foto em JPG, sem nenhum benefício visível.

Um número enorme de PNGs pesados na web são simplesmente fotos salvas no formato errado — muitas vezes a captura de tela de uma foto, já que as ferramentas de captura usam PNG por padrão.

O WebP tem dois modos, e esse é todo o segredo

É isso que faz do WebP um substituto tão bom justamente para o PNG: ele consegue fazer os dois trabalhos.

O WebP sem perdas mantém cada pixel exatamente igual, como o PNG, mas comprime melhor — normalmente 26 % menor do que o mesmo PNG. Para um logo ou a captura de uma interface, você tem uma imagem idêntica em um arquivo menor, sem abrir mão de nada.

O WebP com perdas descarta detalhe como o JPG faz, mas continua aceitando transparência — algo que o JPG nunca conseguiu. Essa combinação não existia antes do WebP. Uma foto de produto com fundo recortado antes significava um PNG enorme, porque era o único formato comum capaz de guardar ao mesmo tempo uma foto e um canal alfa. Agora pode ser um WebP com perdas com uma fração do tamanho.

Defina uma qualidade alta e você tem um comportamento sem perdas ou quase sem perdas. Abaixe e você troca detalhe por tamanho, com a transparência intacta do mesmo jeito.

Qual qualidade escolher em cada caso

A configuração certa depende totalmente do tipo de imagem que está no PNG.

• Logos, ícones, gráficos de cores chapadas — use a qualidade máxima. Eles têm bordas duras e poucas cores; comprimem bem de qualquer jeito, e os artefatos em volta das bordas aparecem na hora.
• Capturas de tela com texto — qualidade alta, 90 ou mais. O texto é onde a compressão com perdas se sai pior, criando um leve borrão em volta das letras.
• Fotos com transparência — 80–85 dá conta tranquilamente, e é aqui que aparecem as economias impressionantes.
• Gráficos e diagramas — qualidade alta. Linhas finas e limites de cor nítidos são exatamente o que a compressão com perdas borra.
• Imagens de fundo grandes — 75–85 costuma servir, já que elas ficam atrás de outro conteúdo.

A regra geral: bordas duras e texto precisam de qualidade alta; tons contínuos, não.

A transparência sobrevive — com uma coisa para conferir

O WebP aceita um canal alfa de 8 bits completo, igual ao PNG. Sombras suaves, bordas esfumadas, curvas suavizadas e transparência parcial passam todas corretamente. Não é a transparência tosca de liga/desliga de um GIF.

A única coisa que vale conferir depois de converter com uma qualidade baixa é a borda de um recorte. A compressão com perdas trabalha sobre os dados de cor, e um pixel de borda semitransparente pode pegar um leve halo da cor que estava atrás dele no original. Em um recorte limpo com qualidade 80 ou mais, você não vai ver isso. Em uma imagem muito comprimida, com uma borda bem esfumada sobre uma cor forte, talvez sim — então olhe a borda em tamanho real antes de publicar.

Como usar

• Envie o seu PNG — clique na área de envio ou arraste um arquivo .png
• Escolha a qualidade — mais alta mantém mais detalhe; mais baixa gera um arquivo menor
• Baixar WebP — salve o seu WebP

Bom saber

• A economia é maior em PNGs com foto. A captura de tela de uma foto pode cair 90 % sem diferença visível.
• Um ícone minúsculo pode não diminuir. Abaixo de alguns kilobytes, o custo fixo do formato domina e o WebP pode ficar igual ou um pouco maior. Fique com o menor.
• Redimensione antes de converter. Um PNG de 3000 pixels exibido com 300 pixels desperdiça mais bytes do que qualquer codec consegue recuperar.
• Favicons devem continuar em PNG ou ICO. A compatibilidade com favicons em WebP é irregular, e o arquivo é minúsculo de qualquer jeito.
• Os programas de e-mail estão atrás dos navegadores. Alguns ainda não mostram WebP, então use PNG ou JPG em um template de e-mail.
• Guarde o PNG original se a imagem for um arquivo-mestre que você vai editar de novo.

Perguntas frequentes

Quanto o WebP é menor do que o PNG?

Bem mais do que a maioria das pessoas espera. O WebP sem perdas é, em média, cerca de 26 % menor do que o mesmo PNG, com resultado idêntico pixel por pixel. Passar para WebP com perdas, algo que o PNG simplesmente não faz, costuma economizar 60–80 %, e em uma foto salva como PNG pode passar de 90 %. Quanto mais conteúdo fotográfico, maior o ganho.

O meu fundo transparente vai ser mantido?

Sim. O WebP aceita um canal alfa de 8 bits completo, exatamente como o PNG, então sombras suaves, bordas esfumadas e transparência parcial sobrevivem. Essa é uma das principais vantagens do WebP sobre o JPG, que não tem transparência nenhuma. Em qualidades muito baixas, confira a borda de um recorte para ver se aparece um leve halo de cor.

Devo usar WebP com perdas ou sem perdas?

Sem perdas para logos, ícones, diagramas e capturas de tela com texto — tudo o que tem bordas duras ou letras, onde os artefatos de compressão aparecem e o arquivo já é pequeno. Com perdas para fotos, incluindo fotos com fundo transparente, onde a economia é grande e a perda é invisível a partir da qualidade 80.

Por que o meu PNG é tão grande, para começo de conversa?

Quase com certeza porque ele contém uma foto. O PNG guarda cada pixel exatamente e comprime procurando repetição, e fotos quase não têm repetição exata — então não há nada para agrupar. O PNG é a escolha certa para gráficos de cores chapadas e capturas de interfaces, e a errada para conteúdo fotográfico.

Dá para converter de volta para PNG depois?

Sim, e a transparência sobrevive à ida e volta. Mas, se você converteu usando WebP com perdas, o detalhe descartado nessa etapa se perdeu para sempre — converter de volta gera um PNG da imagem comprimida, não o original. Guarde os seus PNGs originais se for precisar editar de novo.

O WebP funciona em e-mails?

Não de forma confiável. A compatibilidade nos navegadores já é universal, mas os programas de e-mail estão bem atrás, e vários não mostram absolutamente nada em um WebP. Use PNG ou JPG em templates de e-mail. O mesmo cuidado vale para alguns programas de computador, fluxos de impressão e formulários de upload que só aceitam PNG e JPG.

A minha imagem é enviada para um servidor?

Não. A conversão acontece inteiramente dentro do seu navegador, então o arquivo nunca sai do seu computador. Isso importa principalmente em capturas de tela, que muitas vezes mostram nomes, endereços, números de conta ou sistemas internos.

Ferramentas relacionadas

• WebP para PNG — o caminho inverso, mantendo a transparência
• JPG para WebP — para fotos sem transparência
• Compressor de imagens — diminua uma imagem sem mudar o formato
• Remover fundo — crie a transparência logo no começo