JPG, PNG ou WebP: que formato de imagem deve usar?

Três formatos cobrem quase todas as imagens que alguma vez vai enviar, e não são intermutáveis. Escolha o errado e fica com um ficheiro três vezes maior do que devia, uma caixa branca feia atrás de um logótipo ou um formulário que recusa o ficheiro de vez. Eis como escolher em cerca de dez segundos.

Pela equipa do CrispPicAtualizado a 25 de setembro de 20264 min de leitura

Converter o formato de uma imagem De PNG para JPG De JPG para WebP

A resposta curta

Fotografias: JPG — ou WebP, se souber que é aceite no destino da imagem.
Capturas de ecrã, logótipos, texto e diagramas: PNG — ou WebP.
Qualquer coisa com fundo transparente: PNG ou WebP. Nunca JPG.
Sites: WebP, com o JPG como alternativa segura.

Lado a lado

	JPG	PNG	WebP
Compressão	Com perdas	Sem perdas	Com ou sem perdas
Ideal para	Fotografias	Capturas de ecrã, logótipos, gráficos com texto	Ambos — um bom versátil
Transparência	Não	Sim	Sim
Peso de uma foto típica	Pequeno	Muito grande	O mais pequeno dos três
Compatibilidade	Tudo	Tudo	Todos os navegadores atuais; algumas aplicações e formulários de envio mais antigos recusam-no

JPG: o formato universal para fotos

O JPG descarta detalhe de que é pouco provável que sinta a falta, e é por isso que as fotografias se reduzem tão bem. Os seus pontos fracos são os contornos nítidos — o texto e os desenhos de linha ganham artefactos desfocados — e o facto de não conseguir guardar transparência. É aceite quase em todo o lado, o que faz dele a resposta por omissão sempre que um formulário diz “imagem” sem mais pormenores.

PNG: píxeis exatos, ficheiros grandes

O PNG guarda cada píxel exatamente, por isso os contornos ficam nítidos como uma lâmina e a transparência funciona. É ideal para uma captura de ecrã, um logótipo ou um diagrama. Para uma fotografia é a ferramenta errada: a mesma imagem pode pesar várias vezes mais do que a versão JPG sem qualquer benefício visível.

WebP: mais pequeno com a mesma qualidade

O WebP foi desenvolvido pela Google para substituir os dois anteriores. Suporta compressão com e sem perdas e transparência, e os ficheiros costumam ser 25–35 % mais pequenos do que o JPG equivalente. Todos os principais navegadores atuais o conseguem mostrar. O reverso é a compatibilidade fora do navegador: alguns programas mais antigos, alguns formulários de envio e alguns marketplaces ainda só aceitam JPG ou PNG.

O que acontece quando converte

De PNG para JPG: as zonas transparentes passam a um fundo sólido (branco, no CrispPic) e o ficheiro costuma ficar muito mais pequeno.
De JPG para PNG: o ficheiro fica maior sem ficar melhor, e quaisquer artefactos JPEG são preservados para sempre.
De JPG para WebP: normalmente mais pequeno com qualidade semelhante. É mais um passo com perdas, por isso converta a partir do original sempre que puder.
De HEIC para JPG: veja o guia de HEIC.

Uma nota sobre o AVIF

O AVIF é um formato mais recente que pode superar o WebP em tamanho. O CrispPic aceita imagens AVIF como entrada mas exporta JPG, PNG e WebP, porque são os formatos que funcionam quase em todo o lado.

Uma regra prática

Se a imagem tem tons fotográficos suaves, use JPG ou WebP. Se tem cores planas, texto nítido ou transparência, use PNG ou WebP. E se um formulário indicar um formato, use exatamente esse, diga o que disser a teoria.

Perguntas frequentes

O WebP é melhor do que o JPG?

Produz ficheiros mais pequenos com qualidade semelhante, por isso num site normalmente é. Mas “melhor” depende do destino do ficheiro: se um formulário diz só JPG, o WebP ali é inútil.

Porque é que o meu PNG é tão pesado?

O PNG é sem perdas, por isso as fotografias são guardadas píxel a píxel. Se for uma foto, convertê-la para JPG ou WebP costuma reduzir drasticamente o tamanho.

Posso melhorar a qualidade de um JPG convertendo-o para PNG?

Não. A conversão só pode preservar o que já lá está; não consegue recuperar o detalhe que foi descartado quando o JPG foi criado.

Que formatos mantêm um fundo transparente?

PNG e WebP. O JPG não consegue guardar transparência, por isso converter para ele preenche as zonas transparentes com uma cor sólida.

Experimente com as definições certas já aplicadas

Estas páginas abrem a ferramenta do CrispPic já configurada para este caso exato. A sua imagem é processada no seu próprio navegador: nunca é enviada para lado nenhum.