PNG para WebP

Sobre este conversor

Este conversor de PNG para WebP gratuito transforma um PNG num WebP moderno, mantendo a transparência intacta. A poupança aqui costuma ser muito maior do que com JPG — 60–80 % é comum, e num PNG fotográfico pode ser ainda mais.

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

Porque é que os ficheiros PNG ficam tão grandes

O PNG é sem perdas. Cada píxel é guardado exatamente como estava e nada é jamais descartado. Para algumas imagens é o compromisso certo, para outras é muito caro.

O PNG comprime detetando repetições: sequências de píxeis idênticos, padrões que se repetem. Isso funciona lindamente num logótipo com seis cores planas, na captura de ecrã de um formulário ou num gráfico com preenchimentos limpos. Uma imagem assim pode comprimir-se até uma fração mínima do seu tamanho bruto.

Funciona mal com fotografias, porque uma fotografia quase não tem repetição exata. Cada píxel de um céu difere ligeiramente do vizinho, por isso não há nada a agrupar, e o PNG acaba por guardar algo muito próximo dos dados brutos dos píxeis. É por isso que uma foto guardada como PNG é habitualmente cinco a dez vezes maior do que a mesma foto em JPG, sem qualquer benefício visível.

Um número enorme de PNG sobredimensionados na web são simplesmente fotografias guardadas no formato errado — muitas vezes a captura de ecrã de uma foto, já que as ferramentas de captura usam PNG por predefinição.

O WebP tem dois modos, e é aí que está todo o truque

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

O WebP sem perdas mantém cada píxel exatamente, como o PNG, mas comprime-o melhor — normalmente 26 % mais pequeno do que o mesmo PNG. Para um logótipo ou a captura de uma interface obtém uma imagem idêntica num ficheiro menor, sem abdicar de nada.

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

Defina um valor de qualidade elevado e obtém um comportamento sem perdas ou quase sem perdas. Baixe-o e troca detalhe por tamanho, com a transparência na mesma intacta.

Que qualidade escolher para cada caso

A definição certa depende inteiramente do tipo de imagem que o PNG contém.

• Logótipos, ícones, gráficos planos — use a qualidade máxima. Têm arestas duras e poucas cores; comprimem bem de qualquer forma e os artefactos à volta das arestas notam-se logo.
• Capturas de ecrã com texto — qualidade alta, 90 ou acima. O texto é onde a compressão com perdas fica pior, produzindo uma leve papa à volta das letras.
• Fotografias com transparência — 80–85 chega perfeitamente, e é aqui que surgem as poupanças dramáticas.
• Gráficos e diagramas — qualidade alta. Linhas finas e fronteiras de cor nítidas são exatamente o que a compressão com perdas desfoca.
• Imagens de fundo grandes — 75–85 costuma servir, uma vez que ficam por trás de outro conteúdo.

A regra de fundo: arestas duras e texto precisam de qualidade alta; tom contínuo não.

A transparência sobrevive — com uma coisa a verificar

O WebP suporta um canal alfa de 8 bits completo, tal como o PNG. Sombras suaves, arestas esbatidas, curvas suavizadas e transparência parcial passam todas corretamente. Não é a transparência grosseira de ligado/desligado de um GIF.

A única coisa que vale a pena verificar depois de converter com uma definição de qualidade baixa é a aresta de um recorte. A compressão com perdas trabalha sobre os dados de cor, e um píxel de aresta semitransparente pode apanhar um ligeiro halo da cor que estava atrás dele no original. Num recorte limpo com qualidade 80 ou superior não o verá. Numa imagem muito comprimida com uma aresta finamente esbatida sobre uma cor forte, talvez sim — por isso olhe para a fronteira em tamanho real antes de a publicar.

Como usar

• Carregue o seu PNG — clique na área de carregamento ou arraste um ficheiro .png
• Escolha a qualidade — mais alta mantém mais detalhe; mais baixa produz um ficheiro menor
• Descarregue — guarde o seu WebP

Bom saber

• A poupança é maior em PNG fotográficos. A captura de ecrã de uma foto pode descer 90 % sem alteração visível.
• Um ícone minúsculo pode não encolher. Abaixo de alguns kilobytes domina a sobrecarga do formato e o WebP pode ficar igual ou ligeiramente maior. Fique com o mais pequeno.
• Redimensione antes de converter. Um PNG de 3000 píxeis mostrado a 300 píxeis desperdiça mais bytes do que qualquer codec consegue recuperar.
• Os favicons devem continuar em PNG ou ICO. O suporte para favicons WebP é inconsistente, e o ficheiro é minúsculo de qualquer maneira.
• Os clientes de e-mail estão atrás dos navegadores. Alguns continuam a não mostrar WebP, por isso use PNG ou JPG num modelo de e-mail.
• Guarde o original PNG se a imagem for um recurso mestre que vai voltar a editar.

Perguntas frequentes

Quanto mais pequeno é o WebP do que o PNG?

Muito mais do que a maioria das pessoas espera. O WebP sem perdas é em média cerca de 26 % mais pequeno do que o mesmo PNG, com resultado idêntico píxel a píxel. Passar para WebP com perdas, algo que o PNG não consegue de todo, poupa habitualmente 60–80 %, e numa fotografia guardada como PNG pode ultrapassar os 90 %. Quanto maior for o conteúdo fotográfico, maior é o ganho.

O meu fundo transparente será preservado?

Sim. O WebP suporta um canal alfa de 8 bits completo exatamente como o PNG, por isso sombras suaves, arestas esbatidas e transparência parcial sobrevivem todas. Esta é uma das principais vantagens do WebP sobre o JPG, que não tem transparência nenhuma. Em definições de qualidade muito baixas, inspecione a aresta de um recorte à procura de um ligeiro halo de cor.

Devo usar WebP com perdas ou sem perdas?

Sem perdas para logótipos, ícones, diagramas e capturas de ecrã com texto — tudo o que tenha arestas duras ou letras, onde os artefactos de compressão se veem e o ficheiro já é pequeno. Com perdas para fotografias, incluindo fotografias com fundo transparente, onde a poupança é grande e a perda é invisível a partir da qualidade 80.

Porque é que o meu PNG é tão grande, para começar?

Quase de certeza porque contém uma fotografia. O PNG guarda cada píxel exatamente e comprime procurando repetição, e as fotografias quase não contêm repetição exata — por isso não há nada para agrupar. O PNG é a escolha certa para gráficos planos e capturas de interfaces, e a errada para conteúdo fotográfico.

Posso converter de volta para PNG mais tarde?

Sim, e a transparência sobreviverá à ida e volta. Mas se converteu usando WebP com perdas, o detalhe descartado nesse passo perdeu-se para sempre — converter de volta dá-lhe um PNG da imagem comprimida, não o original. Guarde os seus PNG mestres se vier a precisar de os editar outra vez.

O WebP funciona em e-mails?

Não de forma fiável. O suporte dos navegadores já é universal, mas os clientes de e-mail estão bastante atrás e vários não mostram absolutamente nada num WebP. Use PNG ou JPG em modelos de e-mail. A mesma cautela vale para algum software de secretária, fluxos de impressão e formulários de carregamento que só aceitam PNG e JPG.

A minha imagem é enviada para um servidor?

Não. A conversão acontece inteiramente dentro do seu navegador, por isso o ficheiro nunca sai do seu computador. Isto importa sobretudo nas capturas de ecrã, que muitas vezes contêm nomes, moradas, números de conta ou sistemas internos.

Ferramentas relacionadas

• WebP para PNG — o sentido contrário, mantendo a transparência
• JPG para WebP — para fotografias sem transparência
• Compressor de imagens — reduzir uma imagem sem mudar o formato
• Removedor de fundo — criar a transparência logo à partida