JPG ou PNG? Qual formato de imagem usar e quando

Use JPG para fotografias: ele as deixa pequenas sem perda visível. Use PNG para capturas de tela, logotipos, diagramas e tudo o que tiver texto, bordas nítidas ou fundo transparente: ele os mantém limpos e exatos. Se a imagem for para um site, o WebP costuma ganhar dos dois.

O JPG usa uma compressão com perdas pensada para fotos. Ele descarta detalhes que o olho mal percebe numa imagem natural, e é por isso que uma foto de 12 megapixels cabe em um ou dois megas. Em cores chapadas e bordas nítidas o truque aparece: surgem halos e manchas leves em volta do texto e das linhas, sobretudo ao ampliar.

O PNG é sem perdas: guarda cada pixel exatamente. É perfeito para gráficos, em que grandes áreas têm a mesma cor e se comprimem muito bem, mas fotos quase não têm áreas assim, então ficam várias vezes maiores do que em JPG. O PNG também aceita transparência; o JPG, não.

Pegamos 17 fotografias, reduzimos cada uma para cerca de 12 megapixels (a resolução da maioria das câmeras de celular) e salvamos como JPG de alta qualidade, com 1,5 MB em média. Convertidas para PNG, todas cresceram, de 4,5 a 9 vezes, e nenhuma ficou melhor: um PNG só consegue guardar o detalhe que o JPG ainda tinha. As mesmas fotos em WebP com qualidade Alta (85) ficaram com metade do tamanho dos JPGs.

Também salvamos três capturas de tela deste site, de 1440 × 900 pixels cada, em PNG: 91 KB em média. Aqui o resultado se inverte. Em JPG com a qualidade padrão elas cresceram 76%, e mesmo com qualidade Alta (85) não ficaram menores que os PNGs, além de ganhar as manchas leves que o JPG deixa em volta das letras. Uma captura de tela é quase só cor chapada e texto nítido, exatamente o que o PNG comprime melhor.

Converter um JPG para PNG não melhora a qualidade: o detalhe que o JPG removeu não volta, e você só ganha um arquivo maior, 5,7 vezes maior no nosso teste. Converter para JPG um logotipo com fundo transparente preenche essas áreas, então mantenha logotipos em PNG. E salvar um JPG várias vezes acrescenta um pouco mais de perda a cada vez: edite a partir do arquivo original e exporte uma única vez no final.

O WebP foi o formato menor nos dois testes: metade do JPG nas fotos com qualidade Alta (85), e menos da metade do PNG nas capturas de tela. Todos os navegadores atuais o exibem, então é a melhor escolha para imagens de um site. Para arquivos que você envia a outras pessoas, sobe em formulários ou imprime, JPG e PNG continuam sendo os mais seguros, porque qualquer programa os abre.

As 17 fotos são as fotografias do Unsplash que vêm com o Edubuntu, a edição educacional do Ubuntu, reduzidas para 4.032 pixels no lado maior e salvas em JPG com qualidade 92. As capturas mostram a página inicial deste site, uma página de conversão e a página de guias. Cada conversão passou pelo mesmo código e pela mesma versão do ImageMagick que rodam nos nossos servidores, com as configurações padrão, salvo indicação na tabela. Com os seus arquivos os números serão outros, mas o padrão é o de sempre: fotos ficam muito menores em JPG, capturas de tela ficam menores e mais nítidas em PNG.