tools.junyo.dev

converter PNG para WebP

Converter PNG para WebP: transparência preservada com arquivo menor

WebP suporta canal alfa (transparência) assim como PNG — mas com compressão significativamente melhor. Um logo em PNG com fundo transparente convertido para WebP costuma resultar em arquivo 25–40% menor, mantendo exatamente a mesma transparência. Esta é a conversão ideal para logos, ícones, UI elements e qualquer imagem com área transparente destinada à web.

Continuar na ferramenta

Abrir ferramenta completa

Mais páginas desta ferramenta

Por que WebP supera PNG para web com transparência

  • PNG usa compressão lossless (DEFLATE) que preserva cada pixel — o que é ótimo para qualidade mas resulta em arquivos grandes. WebP lossless usa uma técnica de predição mais avançada que produz arquivos tipicamente 26% menores que PNG equivalente. WebP lossy com alpha oferece redução ainda maior (40–60%) com perda mínima na área colorida — a transparência permanece exata.
  • Para interfaces web com muitos ícones e elementos gráficos, migrar de PNG para WebP pode reduzir o peso de ativos em 25–40%. Navegadores modernos (Chrome, Firefox, Edge, Safari 14+) suportam WebP com transparência sem fallback necessário. O elemento <picture> do HTML5 permite servir WebP com fallback PNG para navegadores antigos.

Redução típica PNG→WebP

Logo com transparência 400×200

Entrada
PNG: 28 KB
Saída esperada
WebP lossless: ~18 KB (−36%)

Transparência exata preservada. Qualidade visual idêntica.

Ícone de interface 64×64 com alpha

Entrada
PNG: 3,2 KB
Saída esperada
WebP: ~1,9 KB (−41%)

Economia pequena por ícone, mas significativa em sistemas de design com centenas de ícones.

FAQ da ferramenta completa

A transparência é preenchida com branco, porque o formato JPEG não suporta canal alfa. Se você precisar preservar transparência, converta para PNG ou WebP. A ferramenta avisa automaticamente quando essa situação acontece.

Perguntas frequentes

WebP mantém a transparência do PNG?

Sim. WebP suporta canal alfa de 8 bits, igual ao PNG. Toda transparência parcial (semi-transparência, sombras, bordas antialiased) é preservada com fidelidade no WebP resultante.

WebP transparente é suportado em todos os navegadores?

Chrome, Firefox, Edge e Safari 14+ (2020) suportam WebP com transparência. Internet Explorer não suporta WebP. Se seu site precisar suportar IE ou Safari < 14, use a tag <picture> com PNG como fallback.