JPG, PNG, WebP, AVIF ou HEIC: qual formato de imagem usar em cada caso

Foto, captura de tela ou logotipo: o conteúdo decide o formato

O formulário recusou a foto .heic do iPhone. O print da planilha chegou com letras borradas. O logotipo ganhou um fundo branco que não existia. Três problemas, uma causa: o formato não combinava com o conteúdo ou com o destino.

A primeira divisão é entre compressão com perdas e sem perdas. A com perdas descarta parte dos dados para o arquivo encolher, e a documentação da Mozilla (MDN) é direta: o processo é irreversível. A sem perdas permite reconstruir os dados exatamente. JPG é sempre com perdas; PNG e GIF, sem perdas; WebP e AVIF fazem as duas coisas, conforme a opção escolhida ao gravar.

A segunda divisão é o tipo de imagem. Fotografia tem transições suaves e tolera perdas que o olho não nota. Captura de tela, diagrama, logotipo e texto têm bordas duras; para eles a MDN recomenda compressão sem perdas, porque o borrão e as franjas coloridas em volta das letras ficam muito visíveis. Desenho feito de formas é caso à parte: o SVG guarda instruções de desenho, não pixels, e se ajusta a qualquer tamanho.

O que cada formato guarda

Profundidade de cor é o número de bits por canal: mais bits dão mais tons intermediários e menos faixas em degradês. Transparência parcial exige canal alfa, que o JPG não tem.

WebP, AVIF e HEIC abrem em qualquer navegador?

Segundo a MDN, JPG, PNG, GIF, SVG, BMP e ICO abrem em todas as versões de Chrome, Edge, Firefox, Opera e Safari. Os três mais novos dependem da versão:

Quanta gente consegue abrir

Somando os navegadores compatíveis, o Can I use chega a cerca de 97% do uso mundial para WebP e 95% para AVIF. HEIC fica abaixo de 15%: só o Safari o exibe. O Internet Explorer não abre nenhum dos três.

Fora do navegador

Aparelhos da Apple leem HEIC a partir do iOS 11 e do macOS High Sierra. O Android decodifica HEIF a partir da versão 8.0. No Windows 10, a Microsoft pede duas extensões da Microsoft Store, HEIF Image Extensions e HEVC Video Extensions, mesmo para quem só vai usar fotos. Para formulário ou computador desconhecido, converter HEIC para JPG elimina a dúvida.

Por que WebP e AVIF ficam menores que o JPG?

O padrão JPEG é de 1992. Ele divide a imagem em blocos de 8 por 8 pixels, converte cada bloco em frequências (a transformada discreta de cosseno) e descarta o detalhe fino. Como ele trabalha em blocos, as emendas aparecem quando a compressão é forte demais.

O WebP com perdas acrescenta uma etapa antes disso: a predição. O codificador estima cada bloco a partir dos vizinhos já processados e grava só a diferença entre o previsto e o real, que costuma ter muitos zeros e comprime melhor. Ele também troca a codificação de Huffman do JPEG pela aritmética, mais eficiente. O AVIF aplica a mesma ideia com as ferramentas do AV1, um codec de vídeo mais novo, e herda os avanços recentes da compressão de vídeo.

Quanto isso rende? No estudo do Google, os arquivos WebP ficaram de 25% a 34% menores que os JPEG de mesmo índice SSIM, uma medida de semelhança com a imagem original; para o modo sem perdas, a empresa informa 26% a menos que o PNG. Para o AVIF, os autores do guia do web.dev, site do Google, relatam economia superior a 50% sobre o JPEG, com a ressalva de que o ganho depende do conteúdo, das configurações e da qualidade desejada.

São números de quem desenvolve os formatos. O comparador de JPG para WebP mostra o ganho real na sua imagem.

Tenho X e preciso de Y: qual formato usar

JPG não tem canal alfa: quando um PNG transparente vira JPG, a área vazia recebe cor sólida (no LivreImage, branco) e não há como desfazer. Guarde o PNG original.

Quatro erros que custam qualidade ou megabytes

Salvar foto em PNG

O PNG guarda cada pixel exatamente, e fotografia quase não tem repetição para ele aproveitar. A Biblioteca do Congresso dos EUA registra que configurações típicas de JPEG reduzem o arquivo na proporção de 10:1 a 20:1. Uma foto de 12 megapixels ocupa 36 MB sem compressão (3 bytes por pixel); nessas proporções, o JPEG fica entre 1,8 e 3,6 MB.

Salvar print ou texto em JPG

A documentação da libjpeg-turbo, herdada do Independent JPEG Group, avisa para não converter desenhos de linha nem imagens com poucas cores distintas, e a MDN descreve o que acontece: borrão e franjas coloridas em volta do texto. E o peso pode nem compensar: segundo o Google, um PNG de poucas cores convertido para formato com perdas pode sair maior.

Regravar o mesmo JPG várias vezes

Cada edição salva em JPG é mais uma rodada de perdas. A documentação da libjpeg-turbo diz que a perda de qualidade se acumula e que, depois de uns dez ciclos, a imagem pode ficar visivelmente pior do que após o primeiro. Edite num arquivo sem perdas e gere o JPG uma vez, no fim.

Converter JPG em PNG para recuperar qualidade

O PNG preserva, com perfeição, os defeitos que o JPG já tinha. O que a compressão com perdas descartou não volta, e a documentação do WebP acrescenta que converter uma fonte com perdas, como um JPEG, para WebP sem perdas ou PNG costuma resultar em arquivo maior. JPG para PNG só faz sentido quando o destino exige PNG.

GIF, BMP e ICO: quando ainda fazem sentido

O GIF é de 1987 e guarda no máximo 256 cores por paleta; cada pixel é totalmente opaco ou totalmente transparente, sem bordas suaves. A especificação GIF89a diz que o formato não foi pensado como plataforma de animação, embora ela seja possível de forma limitada. Para imagem parada a MDN indica PNG; para animação, WebP, AVIF ou APNG.

O BMP comum não comprime nada: são 3 bytes por pixel, e por isso a MDN recomenda evitá-lo em sites. Serve para programa antigo que só aceita .bmp.

O ICO é um contêiner do Windows que pode reunir vários ícones, cada um em BMP ou PNG, com no máximo 256 × 256 pixels. Em sites, a MDN observa que o favicon em ICO vem cedendo lugar ao PNG.