WebP vs PNG vs JPG: que formato deve usar?

A resposta curta

Use JPG para fotografias, PNG quando precisar de transparência ou de nitidez perfeita pixel a pixel, e WebP quando quiser o ficheiro mais pequeno para a web e o seu público usar navegadores modernos. O resto deste guia explica porquê, para que possa decidir com confiança quando a regra simples não se aplicar.

Como cada formato comprime

O JPG usa compressão com perdas afinada para imagens naturais: descarta pormenores que os seus olhos dificilmente notariam, alcançando ficheiros pequenos com gradientes suaves, mas sem transparência. O PNG é sem perdas — reproduz cada pixel com exatidão e suporta um canal alpha para transparência, o que o torna ideal para logótipos, capturas de ecrã e gráficos com contornos vincados, ao custo de ficheiros maiores para fotografias. O WebP é o recém-chegado que faz as duas coisas: oferece um modo com perdas que normalmente supera o JPG em 25–35% com qualidade semelhante, e um modo sem perdas com transparência que costuma superar o PNG.

Transparência e contornos

Se qualquer parte da sua imagem precisar de ser transparente, o JPG fica de fora — não tem canal alpha e preencherá a transparência com branco. O PNG e o WebP suportam transparência. Para texto nítido, elementos de interface e ilustrações de cores sólidas, o PNG e o WebP sem perdas mantêm os contornos bem definidos, ao passo que o JPG introduz ligeiros halos (artefactos de compressão) à volta de linhas de alto contraste.

Suporte de navegadores e aplicações

O JPG e o PNG são universais — todos os navegadores, sistemas operativos e aplicações das últimas duas décadas os abrem. O WebP é suportado por todos os principais navegadores atuais, mas pode ainda deparar-se com software antigo, alguns clientes de e-mail ou sistemas legados que não o reconhecem. Essa é a principal razão para manter um fallback em JPG ou PNG quando a compatibilidade importa mais do que os últimos kilobytes.

Um fluxo de decisão prático

• Fotografia para a web, público moderno? WebP (com perdas).
• Fotografia que tem de abrir em qualquer lado? JPG.
• Logótipo, ícone, captura de ecrã ou qualquer coisa com transparência? PNG, ou WebP sem perdas se o tamanho importar e o suporte estiver garantido.
• Cópia-mestra para impressão ou arquivo? Mantenha uma cópia sem perdas (PNG ou o original).

Seja qual for a sua decisão, pode alternar entre os três formatos em segundos com um conversor privado que funciona no navegador — e se apenas precisa que um ficheiro fique mais pequeno sem mudar de formato, um compressor dedicado é a melhor ferramenta.