LivreImage
EN

Converter PNG para WebP online

Troque PNG por WebP mantendo o canal alfa e confira no cartão quanto o peso mudou. Feito para logotipo, ícone e print que vão para dentro de um site.

Escolha as imagens Toque ou clique para escolher — ou arraste para cá. No computador, dá para colar com Ctrl+V.
  • Nada é enviado
  • Grátis, sem cadastro
  • Remove EXIF
  • Vários arquivos

WebP preserva o canal de transparência do PNG, e é por isso que esta troca interessa a quem tem site. Quanto o arquivo encolhe depende da imagem e da qualidade escolhida: o cartão de cada resultado mostra o peso antes e depois. Como referência do formato, e não como promessa para esta página: no estudo do Google sobre WebP sem perdas, de 2017, feito com 12.000 PNGs coletados da web, a conclusão é que o formato comprime 42% melhor que a libpng e 23% melhor que o ZopfliPNG. O guia WebP e AVIF no seu site traz as condições do teste.

A diferença vem de como cada formato trabalha. PNG é sempre sem perdas — cada pixel é guardado integralmente. WebP pode usar compressão com perda mantendo a transparência, algo que o PNG simplesmente não sabe fazer.

Para gráficos com poucas cores e bordas nítidas, vale comparar os dois resultados. Em alguns casos de imagem muito simples, o PNG original já é pequeno o bastante e a conversão traz pouco ganho.

Como funciona

É o fluxo de quem está trocando as imagens de um site — dá para fazer a pasta inteira de uma vez.

  1. Jogue a pasta de imagens na área

    Selecione dezenas de PNG de uma vez. A conversão roda no seu processador, então em máquina modesta vale dividir em levas em vez de mandar tudo junto.

  2. Escolha a qualidade

    A barra começa em 82. Em logotipo com borda dura, suba para 95 ou 100 e compare: a diferença aparece justamente na borda do recorte, não no meio da imagem. Se o botão WebP estiver desativado, o navegador não gravou WebP no teste que a página faz ao carregar: ela avisa e entrega PNG.

  3. Baixe o .zip e troque as referências

    Os arquivos mantêm o nome base e trocam só a extensão, o que transforma a substituição no HTML e no CSS numa busca simples por ".png".

A transparência sobrevive — a borda do recorte é que pede atenção

WebP tem canal alfa, então área transparente continua transparente. O ponto de atenção em logotipo é outro: a compressão com perdas mexe nas cores, inclusive na faixa de pixels logo abaixo da borda do recorte.

Em logotipo com borda dura, texto vazado e áreas chapadas, pode surgir uma franja: um contorno sujo que só fica evidente quando a imagem é colocada sobre um fundo de cor bem diferente da original. É o motivo de a MDN recomendar codificação sem perdas para logotipos, diagramas e arte de traço.

O teste leva dez segundos. Converta, baixe e abra o WebP sobre um fundo escuro se o original vinha de um layout claro, ou o contrário. Se a franja aparecer, suba a qualidade e converta de novo.

Quando o PNG que você já tem é a resposta certa

Nem toda imagem melhora com a troca. Estes casos costumam não valer a conversão:

  • Ícones e sprites de poucos kilobytes: o ganho absoluto é irrelevante e você troca um formato universal por um mais restrito à toa.
  • PNG indexado, com paleta reduzida. Ele já é minúsculo por outro caminho, e a conversão pode não melhorar nada.
  • Imagens em que cada pixel precisa bater: pixel art, captura de tela com texto miúdo, mockup de interface que alguém vai conferir ampliando.
  • Arquivo de trabalho que ainda vai ser reaberto e editado. Guarde o PNG e gere o WebP só na hora de publicar.

Trocar as imagens do site sem quebrar nada

A substituição em massa é o caminho mais rápido e também o mais fácil de errar. Vale conferir estes quatro pontos antes de apagar os originais:

  • Imagens referenciadas por JavaScript ou dentro de um arquivo de dados não aparecem numa busca feita só no CSS.
  • Teste o painel antes de converter a biblioteca inteira. No WordPress, o envio de WebP existe desde a versão 5.8 (julho de 2021) e depende de a biblioteca de imagens do servidor (Imagick ou LibGD) suportar o formato: pergunte à hospedagem antes de subir a pasta.
  • Favicon: o ícone do site se faz no gerador de favicon, que grava o arquivo .ico a partir do seu PNG.
  • E-mail também fica de fora. Nos testes do caniemail, de 2021, o Outlook para Windows (versões 2007 a 2019) não exibe WebP e o Gmail converte o arquivo para JPG: assinatura e newsletter continuam em PNG ou JPG.

APNG, metadados e o que fica pelo caminho

A gravação é feita pelo navegador a partir de uma única imagem desenhada em tela. Isso tem consequências concretas:

  • PNG animado (APNG) entra e sai como imagem parada, com o primeiro quadro apenas. WebP suporta animação, mas não é isso que acontece aqui.
  • Blocos de texto do PNG — autor, descrição, comentário do software que gerou — não são copiados.
  • Perfil de cor incorporado não é copiado para o WebP. Se a arte depende dele, confira as cores no comparador antes de publicar.
  • Se havia EXIF dentro do PNG, ele sai. O arquivo final não carrega data, aparelho nem localização.

Perguntas frequentes

A transparência é mantida?

Sim. WebP suporta canal alfa completo, então áreas transparentes continuam transparentes após a conversão.

Quanto menor fica o arquivo?

Depende da imagem e da qualidade escolhida; não há percentual que valha para todas. O cartão de cada resultado mostra o peso antes e depois e a variação em porcentagem — é esse o número que vale para o seu arquivo.

Perco qualidade nessa conversão?

A saída desta página é com perdas, controlada pela barra de qualidade: alguma informação é descartada. Se a diferença aparece ou não, o comparador mostra. É o mesmo compromisso do JPG, com a vantagem de manter transparência.

Vale a pena para o meu site?

Vale quando o cartão mostra que o peso caiu. No Web Almanac 2024, do HTTP Archive, a página inicial mediana carregava 900 KB de imagens no celular, e a página mediana pesava 2.311 KB ao todo.

O nome do arquivo muda?

Só a extensão. logotipo.png sai como logotipo.webp, o que permite trocar as referências do site com uma substituição simples de texto.

WebP serve como favicon?

Esta página não foi feita para isso. Para ícone de site, use o gerador de favicon, que grava o arquivo .ico a partir do seu PNG.

Meu PNG é animado. Vira WebP animado?

Não. Um APNG entra aqui e sai como imagem parada, com o primeiro quadro apenas — a gravação é feita a partir de uma imagem só e não monta sequência.

Devo apagar os PNG originais depois de converter?

Guarde-os. WebP aqui é formato de publicação; o PNG é o seu arquivo de trabalho, e é dele que você vai gerar qualquer versão nova sem empilhar compressões.

Para entender melhor

Publicidade