Como converter WebP em PNG

Tim Koschützki

Cofundador · Berlim, Alemanha · Mostrar biografia

O WebP é uma ótima escolha para entregar imagens na web, porque consegue gerar arquivos pequenos com boa qualidade visual. O PNG costuma ser o melhor formato de intercâmbio quando um editor, um sistema de publicação ou um fluxo de trabalho mais antigo não aceita WebP. Ele também oferece uma saída sem perdas previsível e suporta transparência.

Converter WebP em PNG não melhora a qualidade da imagem de origem. A conversão apenas troca o contêiner e o formato de compressão, e o PNG resultante muitas vezes será maior. Se o destino aceitar WebP, manter o original costuma ser a opção mais eficiente.

Este guia compara quatro métodos práticos de conversão:

Antes de converter

Verifique estes detalhes antes de escolher uma ferramenta:

• Transparência: o WebP e o PNG suportam canal alfa, mas o seu processo de conversão precisa preservá-lo.
• Animação: um WebP animado exige tratamento especial. Uma conversão básica pode gerar apenas um quadro PNG. Use APNG ou uma sequência de arquivos PNG se precisar manter todos os quadros.
• Metadados: os conversores podem remover EXIF, perfis ICC ou outros metadados por padrão. Teste exatamente os campos de que o seu fluxo de trabalho precisa.
• Tamanho do arquivo: o PNG usa compressão sem perdas, então imagens fotográficas costumam ficar bem maiores.
• Entradas não confiáveis: imponha limites de dimensões, quantidade de pixels, memória e tempo de processamento quando os usuários fornecerem as imagens.

Converter WebP em PNG no navegador

O decodificador de imagens do navegador e a Canvas API bastam para uma ferramenta de conversão local e simples. O arquivo não precisa sair do dispositivo do usuário.

<input id="image" type="file" accept="image/webp" />
<button id="convert" type="button">Convert to PNG</button>

<script type="module">
  const input = document.querySelector('#image')
  const button = document.querySelector('#convert')

  button.addEventListener('click', async () => {
    const [file] = input.files
    if (!file) return

    const bitmap = await createImageBitmap(file)
    const canvas = document.createElement('canvas')
    canvas.width = bitmap.width
    canvas.height = bitmap.height

    const context = canvas.getContext('2d')
    context.drawImage(bitmap, 0, 0)
    bitmap.close()

    const blob = await new Promise((resolve) => canvas.toBlob(resolve, 'image/png'))
    if (!blob) throw new Error('The browser could not encode the image as PNG')

    const link = document.createElement('a')
    link.href = URL.createObjectURL(blob)
    link.download = file.name.replace(/\.webp$/i, '.png')
    link.click()
    URL.revokeObjectURL(link.href)
  })
</script>

Essa abordagem funciona bem para conversões ocasionais. Imagens grandes e lotes podem consumir muita memória do navegador, e o Canvas não preserva os metadados da imagem original.

Converter WebP em PNG com ImageMagick

Para automação local ou em um servidor que você já gerencia, o ImageMagick oferece um comando conciso:

magick input.webp output.png

Para converter todos os arquivos WebP do diretório atual:

magick mogrify -format png ./*.webp

Neste exemplo, mogrify cria os arquivos PNG ao lado dos originais. Em produção, configure também a política de recursos do ImageMagick para que imagens inesperadamente grandes ou malformadas não consumam toda a memória ou todo o espaço em disco disponível.

Converter WebP em PNG no Node.js

O Sharp⁠ é uma opção prática quando a conversão faz parte de um serviço Node.js existente:

import sharp from 'sharp'

await sharp('input.webp').png().toFile('output.png')

No código da aplicação, valide a entrada antes de processá-la e trate as falhas sem deixar arquivos de saída parciais para trás. Você também vai precisar de uma fila ou de um limite de concorrência se muitos usuários puderem iniciar conversões ao mesmo tempo.

Converter WebP em PNG com uma API

Uma API gerenciada passa a ser útil quando a conversão faz parte de um fluxo de upload de usuários, quando os arquivos chegam de várias origens ou quando o resultado precisa ser armazenado e repassado para etapas de processamento posteriores. Para poucos arquivos locais, as abordagens com linha de comando e Node.js mostradas acima são mais simples. Para um pipeline de mídia em produção, uma API pode eliminar o trabalho operacional com uploads, filas, novas tentativas, arquivos temporários e escalabilidade.

{
  "steps": {
    ":original": {
      "robot": "/upload/handle"
    },
    "converted": {
      "use": ":original",
      "robot": "/image/resize",
      "format": "png",
      "background": "none",
      "result": true
    }
  }
}

A mesma Assembly pode importar arquivos de um armazenamento em nuvem, processar vários uploads e exportar os PNGs para o seu destino. Isso torna a Transloadit uma opção especialmente conveniente quando a conversão de WebP em PNG é uma das etapas de um fluxo maior de upload ou de processamento de imagens.

Converter WebP em PNG online

Precisa de uma conversão rápida sem configurar uma ferramenta local? Converta WebP em PNG na nossa ferramenta online gratuita e baixe o resultado no seu navegador. Ela é útil para arquivos pontuais, enquanto o fluxo com a API mostrado acima é mais indicado para processamento repetível em produção.

Qual método você deve escolher?

Use o navegador para um utilitário pontual que respeita a privacidade. Use o ImageMagick para scripts de shell e ambientes de servidor controlados. Use o Sharp quando a conversão for uma pequena parte de uma aplicação Node.js existente. Use uma API gerenciada quando uploads, armazenamento, observabilidade e processamento confiável importarem tanto quanto a própria conversão de formato.

Seja qual for o método escolhido, teste arquivos representativos: transparentes, fotográficos, grandes e animados. Esses casos revelam a maior parte das diferenças entre conversores antes que elas cheguem à produção.

Automatize suas conversões de imagem

Se a conversão de WebP em PNG faz parte de um pipeline de upload ou de mídia, crie uma conta gratuita na Transloadit para obter uma chave de API, salvar este fluxo de trabalho como um Template e processar arquivos de forma confiável, com novas tentativas, integrações de armazenamento e notificações via webhook.

Perguntas frequentes

Converter WebP em PNG melhora a qualidade da imagem?

Não. O PNG armazena os pixels decodificados sem compressão com perdas adicional, mas não consegue restaurar detalhes que foram removidos quando o WebP foi criado.

A transparência será preservada?

Sim, ela pode ser preservada. Os dois formatos suportam transparência, e os exemplos acima preservam o canal alfa decodificado. Verifique o resultado se o seu fluxo de trabalho aplicar um fundo, achatamento ou outras transformações.

Por que o PNG é maior que o WebP?

O PNG é sem perdas e é especialmente eficiente para gráficos com cores chapadas. O WebP pode usar compressão com perdas, que geralmente é mais compacta para fotografias. Por isso, uma saída maior é esperada em muitos casos.

Posso converter arquivos WebP em lotes?

Sim. O ImageMagick pode processar um diretório, bibliotecas de aplicação podem rodar por meio de uma fila controlada e uma API pode processar vários arquivos enviados ou importados em um único pipeline.