Converter PNG para WebP
Deixe seus PNG bem mais leves em WebP, com a transparência preservada e a economia real na tela.
Prévia do arquivo WebP gerado
Em 82 a perda deixa de ser visível na maioria das fotos. Abaixo de 50 o arquivo encolhe muito, mas aparecem manchas.
Tamanho do arquivo
-
Convertendo…
Ver as 64 conversões de imagem. A conversão inteira roda no seu dispositivo. Nenhuma imagem é enviada para servidor nenhum. Precisa do caminho inverso? Converter WebP para PNG .
Por que um PNG encolhe tanto ao virar WebP
PNG comprime sem perdas. Isso quer dizer que ele guarda cada pixel exatamente como estava, e é ótimo para print, logo e desenho. O preço é o peso: uma captura de tela em PNG passa fácil de 1 MB, e um site cheio delas fica lento. O WebP resolve isso oferecendo duas compressões, uma sem perdas e outra com perdas, as duas com transparência. É a única troca desta matriz em que você ganha tamanho sem abrir mão do canal alfa.
Os números publicados pelo Google são de cerca de 26% de redução comparando PNG com WebP sem perdas. Na prática a economia costuma ser muito maior, porque aqui a saída é WebP com perdas, que joga em outro patamar. Print de tela, gráfico e imagem de interface caem com frequência mais de 70%. Foto salva em PNG, que é um erro comum de origem, cai ainda mais. Por isso esta ferramenta não promete porcentagem: ela calcula e mostra a economia real do seu arquivo.
O ponto de atenção é o destino. Na web, WebP funciona em Chrome, Firefox, Edge, Safari e nos navegadores de celular há anos, o que cobre praticamente todo o tráfego real. Fora do navegador a história é outra: programa antigo de computador e alguns sistemas de upload ainda recusam .webp. Se a imagem vai para um site, uma loja virtual ou um blog, pode ir de WebP sem medo. Se vai ser anexada em sistema de terceiro, confira antes o que ele aceita.
Como funciona a conversão
- Solte seus arquivos PNG na área de entrada, arrastando, colando com Ctrl+V ou clicando para escolher.
- Cada arquivo é aberto no navegador e recomprimido em WebP pela libwebp compilada para WebAssembly, que é o único caminho que entrega o mesmo arquivo no Chrome, no Firefox e no Safari.
- Ajuste a qualidade de 1 a 100. Em 82 a perda deixa de ser visível na maioria das imagens, e é onde o controle começa.
- Se quiser, marque redimensionar e informe a largura máxima. Imagem menor que o limite fica intacta.
- Confira a economia em porcentagem, arquivo por arquivo e no total, e baixe uma imagem só ou o lote inteiro em ZIP.
Para que serve
- Deixar o site mais rápido Imagem costuma ser o item mais pesado de uma página. Trocar os PNG por WebP é quase sempre a mudança que mais melhora o tempo de carregamento sem tocar em uma linha de código.
- Documentação cheia de prints Tutorial e manual acumulam dezenas de capturas de tela em PNG. Em WebP, cada uma fica com uma fração do tamanho e continua legível, inclusive o texto pequeno da interface.
- Logo com fundo transparente Aqui a transparência sobrevive, ao contrário do que acontece indo para JPG. O logo continua funcionando sobre qualquer cor de fundo, só que em um arquivo bem menor.
- Catálogo inteiro de uma vez Converta o lote de fotos de produto na mesma qualidade e na mesma largura máxima, e baixe tudo em um ZIP pronto para subir na plataforma.
Perguntas frequentes
A transparência do PNG continua no WebP?
Continua, e com a mesma suavidade. O WebP guarda canal alfa nos dois modos de compressão, então borda arredondada e sombra continuam saindo limpas sobre qualquer fundo. É a diferença principal em relação a converter para JPG, que não tem transparência e obriga a escolher uma cor de fundo.
Quanto menor fica o arquivo?
Depende do conteúdo, e por isso a tela mostra o número real. O Google publica cerca de 26% de redução comparando PNG com WebP sem perdas. Como aqui a saída usa compressão com perdas, print de tela e imagem de interface costumam cair bem mais que isso, com frequência acima de 70%. PNG pequeno com pouquíssimas cores é o único caso em que o WebP pode ficar maior, e quando isso acontece o painel avisa em vermelho.
Perde qualidade?
Um pouco, na qualidade padrão, e quase sempre de forma imperceptível. O WebP com perdas descarta informação que o olho dificilmente nota. Em texto muito pequeno dentro da imagem e em bordas duras é onde a diferença aparece primeiro. Se o seu caso exige fidelidade total, o PNG original é a melhor escolha, ou suba o controle de qualidade para 95 e compare na prévia.
Todo mundo consegue abrir WebP?
Na web, sim. Chrome, Firefox, Edge, Safari e os navegadores de Android e iPhone exibem WebP há anos. Fora do navegador, não: programa antigo de computador, alguns editores e certos sistemas de upload ainda recusam. Para site, pode usar sem medo. Para anexar em sistema de terceiro, confira antes qual extensão ele aceita.
Por que o Safari precisa de tratamento especial?
Porque o Safari não grava WebP pelo canvas, em nenhuma versão, e falha em silêncio: em vez de dar erro, ele devolve um PNG com o nome trocado. Para o arquivo sair igual nos três motores de navegador, a codificação aqui usa a libwebp compilada para WebAssembly, e não a função nativa do navegador. Você não precisa fazer nada, é só para explicar por que a ferramenta baixa um pequeno pacote na primeira conversão.
Dá para converter várias imagens de uma vez?
Dá, até 40 arquivos por lote, de até 30 MB cada. Eles são convertidos um de cada vez para a página continuar respondendo e não estourar a memória do celular. Com dois ou mais prontos, o botão passa a baixar tudo junto em um ZIP.
As imagens saem do meu computador?
Não. A conversão inteira acontece no processador do seu próprio aparelho, dentro do navegador. Nenhum arquivo é enviado para servidor nenhum, nem para o nosso. Dá para conferir na aba de rede das ferramentas de desenvolvedor: converta uma imagem e veja que não aparece envio.
Ferramentas relacionadas
Fontes
Os limites e formatos aplicados por esta ferramenta vêm das especificações oficiais abaixo, não de terceiros:
- WebP: documentação oficial do Google Página oficial do formato, mantida por quem o criou. Confirma os dois modos de compressão, a transparência e a animação.
- Técnicas de compressão WebP (Google Developers) De onde vem o número citado aqui: WebP sem perdas cerca de 26% menor que o PNG equivalente.
- Especificação PNG (W3C) Especificação do formato de origem, base do que dizemos sobre compressão sem perdas e canal alfa de 8 bits.
- jSquash: codecs de imagem em WebAssembly A biblioteca que grava o WebP aqui dentro, com a libwebp compilada para WebAssembly, usada porque o Safari não codifica WebP por canvas.
Termos relacionados
Esta página responde a quem procura por: