JPG, PNG, WebP ou AVIF: qual formato usar

Quatro formatos de imagem cobrem quase tudo hoje na web e nos celulares: JPEG, PNG, WebP e AVIF. O conselho comum («use WebP, é menor») é verdadeiro, mas vago. Quanto menor, em que imagens, e o AVIF vale o passo a mais? Codificamos as mesmas seis fotos em cada formato e medimos tanto o tamanho do arquivo quanto o quanto cada resultado fica perto do original.

Como funciona o teste

Usamos seis fotos de tipos diferentes: um gato de pelo longo com fundo suave, um lago cercado de floresta, uma xícara de café segurada com luvas de tricô, um letreiro de neon à noite, uma arara de penas finas e um pôr do sol com degradês suaves. Cada uma foi redimensionada para 2048 pixels de largura, um tamanho comum em páginas web, e codificada com os mesmos codificadores e ajustes do nosso compressor de imagens: MozJPEG, libwebp e libavif.

Comparar formatos com o mesmo ajuste de qualidade engana, porque «qualidade 75» significa algo diferente em cada codificador. Em vez disso, para cada foto e formato buscamos o ajuste mais baixo que mantém o resultado com a mesma pontuação SSIM, uma medida padrão de quão parecidas duas imagens são para as pessoas, de 0 a 1. Usamos dois níveis: 0,98, difícil de distinguir do original em tamanho normal, e 0,95, em que um olho atento começa a notar suavidade ou blocos.

Resultados em alta qualidade

Em alta qualidade, o WebP precisou de 45% menos espaço que o JPEG e o AVIF de 51% menos. O PNG, que guarda cada pixel exatamente, ocupou cinco vezes mais que o JPEG.

Os totais escondem uma grande variação entre as fotos:

As fotos com muitos detalhes finos e nítidos, como penas, folhagem e letreiros iluminados, foram as que mais ganharam. Para manter esse detalhe em alta qualidade, o JPEG precisou subir para uma qualidade entre 90 e 98, onde seus arquivos crescem rápido. Fotos suaves com fundo liso comprimem bem em qualquer formato, então os novos têm menos espaço para melhorar. Na foto do café, a textura do tricô até favoreceu o WebP em relação ao AVIF.

Resultados quando os arquivos precisam ser pequenos

No nível mais baixo, SSIM 0,95, as seis fotos somaram 1.011 KB em JPEG, 844 KB em WebP e 683 KB em AVIF: 17 e 32% menos que o JPEG. As diferenças diminuem em porcentagem, mas o que você vê num tamanho fixo muda mais, porque o JPEG falha de forma mais visível. Esta é a cabeça da arara com cada arquivo limitado aos mesmos 100 KB para a foto inteira:

JPEG, 99 KBAVIF, 95 KB

Os degradês suaves mostram o mesmo padrão. No pôr do sol limitado a cerca de 39 KB, os blocos do JPEG aparecem no céu, o WebP os suaviza e o AVIF mantém as transições de cor quase intactas (SSIM 0,939, 0,956 e 0,974):

JPEG, 39 KBAVIF, 38 KB

Capturas de tela e gráficos são diferentes

As fotos são o caso para o qual os formatos com perda foram criados. Capturas de tela, gráficos, diagramas e logotipos têm grandes áreas lisas e texto nítido, e aí o quadro muda. Desenhamos um gráfico simples com texto, de 1600 por 1000 pixels, e o salvamos em cada formato:

Para esse tipo de imagem, o PNG fica do tamanho de um JPEG e guarda cada pixel exatamente, então o JPEG não tem nada a oferecer. O WebP e o AVIF ficam ainda menores, mas suavizam um pouco as bordas do texto, o que importa em capturas que as pessoas precisam ler.

JPEG 75PNG

Velocidade e compatibilidade

O custo de codificação também muda. Com os ajustes padrão no navegador, uma foto de 2048 pixels levou cerca de 0,5 segundo em WebP, 0,6 segundo em JPEG com a otimização extra do MozJPEG e 1,3 segundo em AVIF, usando o ajuste de velocidade mais rápido do libavif. Para um lote de algumas centenas de fotos são minutos, não horas, mas o AVIF é claramente o mais lento de gerar.

Todas as versões atuais do Chrome, Edge, Firefox e Safari mostram WebP e AVIF, então para sites os dois são seguros hoje, com um JPEG de reserva só se você atende aparelhos muito antigos. Fora do navegador, o quadro é misto. Clientes de e-mail, gráficas, editores de fotos antigos, formulários de órgãos públicos e muitos apps de mensagem ainda esperam JPEG ou PNG. Quando uma foto sai do seu site, o JPEG continua sendo o formato que ninguém recusa.

Qual formato usar

• Fotos em um site: AVIF ou WebP. O AVIF deu os menores arquivos no nosso teste; o WebP ficou perto e foi mais rápido de codificar.
• Fotos que você envia, imprime ou sobe em outros lugares: JPEG com qualidade de 75 a 85, que qualquer programa aceita. Veja o que a qualidade JPEG realmente muda.
• Capturas de tela, gráficos, logotipos e tudo que tem texto: PNG, ou WebP se o tamanho importar mais que os pixels exatos.
• Imagens com transparência: PNG, WebP ou AVIF. O JPEG não tem transparência nenhuma.
• Fotos que você vai editar de novo: guarde um original intacto, de preferência o arquivo da câmera ou um PNG, e exporte uma cópia comprimida para cada uso.

Você pode testar tudo isso com suas próprias imagens no compressor de imagens, que codifica JPEG, WebP, AVIF e PNG no seu navegador e mostra o tamanho antes de baixar, ou converter em lote com o conversor de imagens. Nada é enviado.