Converter PNG para WebP

O que é um conversor de PNG para WebP

O PNG e o WebP são dois formatos de imagem que qualquer navegador sabe mostrar, e o WebP é o mais recente dos dois. O PNG guarda os pixéis exactos, portanto o que guardou é o que recupera para sempre. O WebP também sabe fazer isso, mas além disso consegue comprimir como o JPEG, deitando fora detalhe que o olho dificilmente dará por falta em troca de um ficheiro muito mais pequeno.

Um conversor volta a codificar a imagem de um formato para o outro. Este fá-lo no seu navegador com o mesmo canvas que qualquer página web tem, o que significa que a sua imagem nunca é enviada e que não há fila, nem limite de tamanho imposto por um servidor, nem cópia do seu trabalho em lado nenhum que não seja a sua própria máquina.

A razão habitual para converter é tornar as páginas mais rápidas, e o conselho habitual é que o WebP é simplesmente mais pequeno. Isso é verdade vezes suficientes para valer a pena tentar e falso vezes suficientes para valer a pena verificar, que é precisamente aquilo em que esta ferramenta assenta.

Como usar

1. Escolha um PNG. O ficheiro é lido localmente e o seu cabeçalho é analisado, portanto a ferramenta sabe as dimensões reais e se a imagem é cor verdadeira, escala de cinzentos, paleta ou traz transparência. Isso é verificado nos bytes e não no nome do ficheiro, portanto um ficheiro mal etiquetado é apanhado de imediato.
2. Escolha uma qualidade e converta. Menos qualidade significa ficheiro mais pequeno e estrago mais visível. Não há definição sem perdas e a razão é explicada mais abaixo, portanto trate cada conversão daqui como uma troca e não como uma mudança de formato.
3. Leia a comparação antes de descarregar. O painel de resultado mostra os dois tamanhos e diz qual é o mais pequeno. Quando o WebP sai maior, o botão de descarga não é oferecido e a ferramenta diz-lhe para ficar com o seu PNG, porque a essa altura a conversão custou-lhe pixéis e bytes ao mesmo tempo.

Porque não há opção sem perdas

O WebP tem um modo sem perdas, e é muito bom. Um navegador não lá chega. A norma HTML dá ao canvas um único argumento de qualidade, diz que se aplica a um formato de imagem que suporte qualidade variável e não especifica mecanismo nenhum para pedir codificação sem perdas. Não há sinalizador para activar nem contorno possível, portanto todo o conversor que corra num separador, este incluído, está a transformar uma fonte sem perdas numa cópia com perdas.

Vale a pena dizê-lo com clareza porque a expectativa vai ao contrário. O PNG é sem perdas, portanto convertê-lo para outro formato moderno soa a mudança de recipiente e não a perda de informação. Não é. Mesmo na qualidade mais alta que esta ferramenta oferece, a maioria dos pixéis de uma imagem típica volta ligeiramente diferente daqueles que lá pôs.

Se precisa de WebP sem perdas, isso pede um codificador de linha de comandos ou um passo de compilação, não uma página web. É uma limitação real da abordagem e não desta ferramenta em particular, e é a única coisa que convém saber antes de substituir um original por uma cópia convertida.

Quando o WebP sai maior

A compressão com perdas é barata em degradés suaves e cara em contornos duros. O PNG funciona ao contrário: procura sequências e repetição, portanto as grandes áreas de cor lisa quase não lhe custam nada. Junte estes dois factos e o resultado depende inteiramente daquilo que a imagem mostra.

Em fotografias o WebP ganha com folga e nem sequer é renhido. Em gráficos lisos, capturas de ecrã, diagramas e logótipos com transparência pode perder, e perder feio. Construímos quatro imagens que isolam cada caso e medimo-las: uma fotografia sintética passou de 562 KB de PNG para 191 KB de WebP com qualidade 90, enquanto uma captura de ecrã sintética passou de 5 KB de PNG para 68 KB de WebP. Esse número da captura é uma propriedade do exemplo e não uma taxa que deva esperar, mas a direcção é uma propriedade dos formatos e vai aparecer nas suas próprias imagens.

Essas mesmas quatro imagens contam a outra metade da história. O WebP sem perdas ganhou ao PNG em todas elas, incluindo a captura, onde foi quarenta vezes mais pequeno. Portanto o WebP é de facto o melhor formato para este conteúdo, e o navegador simplesmente não consegue produzir a versão que o demonstra.

É por isso que a ferramenta compara em vez de prever. O cabeçalho dá uma pista antes de converter, e não passa de uma pista: um PNG de paleta ou com canal alfa é dos que costumam correr mal. O número que conta é medido depois, sobre a sua imagem, e se disser que o PNG era mais pequeno é porque era mais pequeno.

Limites honestos

A conversão é feita pelo codificador de WebP do seu próprio navegador, portanto os bytes exactos dependem de que navegador usa e de que versão. Duas pessoas a converter o mesmo PNG com a mesma qualidade podem obter ficheiros ligeiramente diferentes. A comparação continua válida, porque mede aquilo que o seu navegador produziu de facto.

Os PNG animados são achatados no primeiro fotograma. O canvas contém uma única imagem fixa e não tem noção de sequência, portanto aquilo que se mexe não sobrevive.

A gestão de cor é a perda mais subtil. Um perfil ICC incorporado no seu PNG não viaja através do canvas, portanto um ficheiro com um perfil de gama alargada ou pouco comum pode acabar com um aspecto diferente ainda antes de a compressão com perdas ter feito seja o que for. Para imagens sRGB correntes isto não faz diferença visível nenhuma, o que cobre quase tudo o que existe na web.

Há também um tecto para o tamanho de imagem que o navegador aguenta, e é mais baixo no telemóvel do que no computador. Um PNG muito grande pode falhar a conversão em vez de converter mal, e a ferramenta di-lo em vez de lhe entregar um resultado truncado.

Porque é grátis

Porque o trabalho é feito pelo seu próprio computador. O ficheiro é lido localmente, descodificado pelo seu navegador, recodificado pelo mesmo canvas que qualquer página pode usar, e devolvido a si. Não há envio, nem servidor a pagar largura de banda, nem cópia da sua imagem em mais lado nenhum.

Portanto não há conta, nem registo, nem marca de água, nem tecto para além do que o seu navegador aguentar. O motor e as 70 verificações que o comprovam estão no repositório ao lado da página, com o script que produziu as medições citadas acima.