Guia do formato

PNG ou WebP: qual deve utilizar

Utilize WebP para imagens que um browser irá apresentar. Mantenha o PNG para ficheiros principais e para qualquer coisa que tenha de abrir em todo o lado. A parte interessante é o quão mais pequeno o WebP realmente fica e do que abdica por isso.

A diferença medida

A Google, que desenvolveu o formato, publica os números: as imagens WebP sem perdas são 26% mais pequenas do que os PNGs, e as imagens WebP com perdas são 25 a 34% mais pequenas do que JPEGs comparáveis com qualidade equivalente. Estas são médias de um conjunto de testes, não uma promessa sobre o seu ficheiro específico, mas definem a expectativa corretamente.

Lado a lado

PNG e WebP comparados
Propriedade PNG WebP
Modos de compressão Apenas sem perdas Sem perdas e com perdas
Tamanho típico sem perdas Linha de base Cerca de 26% mais pequeno
Transparência Sim Sim, em ambos os modos
Custo da transparência Incluído Cerca de 22% de bytes extra no modo sem perdas
Animação APNG, suporte irregular Sim, amplamente suportado
Abre nos navegadores atuais Em todo o lado Em todo o lado
Abre em software antigo Em todo o lado Por vezes não

Os valores de tamanho e transparência provêm da documentação do WebP da Google, que também afirma que o WebP com perdas e transparência é tipicamente três vezes mais pequeno do que o PNG equivalente.

Onde o WebP ganha

  • Imagens numa página sua Todos os navegadores atuais apresentam WebP. Reduzir um quarto do peso da imagem é um ganho real de velocidade em ligações móveis.
  • Gráficos transparentes com conteúdo fotográfico Um logótipo sobre um fundo fotográfico é onde o WebP com perdas e canal alfa mais se destaca do PNG.
  • Capturas de ecrã grandes e de interfaces Cores sólidas e texto nítido comprimem bem em WebP sem perdas, mantendo os píxeis exatos e perdendo o volume.
  • Onde a largura de banda for a restrição Newsletters por e-mail, sites de documentação e catálogos com muitas imagens.

Onde o PNG ainda é a escolha certa

Mantenha o PNG como cópia principal. Converta uma cópia para distribuição. Esta única regra cobre a maioria dos casos abaixo.

  1. Ficheiros que vai voltar a editar Guardar repetidamente num formato com perdas degrada a imagem um pouco de cada vez. Um ficheiro principal sem perdas evita totalmente a questão.
  2. Fluxos de trabalho de impressão e design Muitos softwares de paginação e pré-impressão ainda esperam PNG ou TIFF. Entregar um WebP a uma gráfica é um convite para um e-mail que não quer receber.
  3. Qualquer coisa que um sistema antigo abra Ferramentas internas antigas, visualizadores de documentos mais velhos e alguns formulários de carregamento rejeitam o WebP liminarmente.
  4. Ficheiros que envia a outras pessoas Um colega num computador mais antigo pode não conseguir abri-lo com um duplo clique. É exatamente por isso que se utiliza um conversor de WebP para PNG.

WebP sem perdas ou com perdas

O WebP são dois formatos com a mesma extensão de ficheiro. O modo sem perdas mantém cada píxel exatamente igual. O modo com perdas descarta detalhes que o codificador julga que não notará, e o ficheiro fica muito mais pequeno.

Escolha sem perdas para logótipos, diagramas, capturas de ecrã e tudo o que tenha contornos nítidos ou texto. Escolha com perdas para fotografias e fundos onde ninguém fará zoom. O texto numa definição com perdas ganha halos suaves à volta das letras, que é o artefacto que as pessoas notam primeiro.

O conversor Vaultaire oferece ambos. No modo sem perdas, lê o novo ficheiro e bloqueia a transferência a menos que o resultado seja realmente uma imagem VP8L sem perdas cujos píxeis correspondam. Os valores alfa devem corresponder exatamente, com uma tolerância máxima de 2 por canal de 8 bits pré-multiplicado para cores parcialmente transparentes, porque os codificadores nativos dos navegadores arredondam esses valores.

O que a conversão faz aos metadados

Converter é também uma forma de remover o que está anexado ao ficheiro. O conversor não copia os registos EXIF, ICC, texto, tempo ou C2PA de origem para o novo WebP, depois analisa o ficheiro concluído com um analisador independente e mantém a transferência bloqueada se algum registo aparecer.

Isso é importante quando o PNG provém de uma captura de ecrã do telemóvel, de uma exportação de câmara ou de um gerador de imagens. Se quiser ver o que está anexado antes de decidir, o inspetor de metadados lista-o. Tudo é executado no worker do navegador e o ficheiro nunca é carregado.

Limites práticos do conversor: um PNG estático, até 20 MB, 4,096 píxeis em qualquer dos lados e 16,000,000 de píxeis no total. O PNG animado é rejeitado antes da descodificação, em vez de ser silenciosamente exportado como o seu primeiro fotograma.

FAQ sobre PNG e WebP

O WebP é melhor do que o PNG?

Para imagens mostradas na web, normalmente sim. A Google avalia o WebP sem perdas como sendo 26% mais pequeno do que o PNG. O PNG continua a ser melhor quando uma ferramenta, uma impressora ou um colega precisa do formato que tudo suporta há décadas.

O WebP suporta transparência?

Sim, em ambos os modos. A Google coloca o canal alfa no WebP sem perdas em cerca de 22% de bytes extra, e diz que o WebP com perdas e transparência é tipicamente três vezes mais pequeno do que o PNG equivalente.

Converter PNG para WebP perde qualidade?

Não no modo sem perdas, que mantém cada píxel. O modo com perdas altera os píxeis deliberadamente. O conversor lê o ficheiro concluído e bloqueia a transferência a menos que uma conversão sem perdas tenha produzido uma verdadeira imagem VP8L sem perdas.

Quando devo manter o PNG?

Para ficheiros principais que vai voltar a editar, para software de impressão e design que o espera, para qualquer coisa que um sistema mais antigo deva abrir e para capturas de ecrã arquivadas. Converta uma cópia para distribuição em vez de substituir o original.

O WebP é mau para SEO?

Não. Imagens mais pequenas carregam mais depressa e a velocidade da página influencia a classificação. Sirva um formato que o navegador do visitante aceite e mantenha o seu texto alternativo e a nomenclatura dos ficheiros como estavam.

Posso voltar a converter para PNG mais tarde?

Sim, e a codificação PNG não tem perdas a partir dos píxeis renderizados. Não pode desfazer uma passagem anterior com perdas, pelo que um WebP com perdas convertido de volta para PNG é um ficheiro grande que contém píxeis já degradados.