JPG vs PNG vs WebP vs AVIF: qual formato de imagem usar?

Cada formato de imagem é um equilíbrio diferente entre tamanho de arquivo, qualidade, compatibilidade e recursos como transparência. Escolha bem e seus arquivos ficam pequenos e abrem em qualquer lugar; escolha mal e você acaba com digitalizações de 30 MB ou logotipos com bordas brancas serrilhadas. Eis para que cada formato realmente serve.

Privacidade em primeiro lugar: cada imagem é processada localmente no seu navegador. Nada é enviado, armazenado ou transmitido a nenhum servidor.

JPG — o formato universal de fotos

O JPG (1992) comprime fotografias descartando detalhes que o olho mal percebe, ajustável por um parâmetro de qualidade. Em qualidade 75–85 os arquivos ficam pequenos e com ótima aparência; todo dispositivo e programa do planeta os abre. Seus limites: sem transparência, e cada novo salvamento perde um pouco mais de detalhe. Use para fotos que precisam funcionar absolutamente em qualquer lugar.

PNG — sem perdas, com transparência

O PNG armazena os pixels com exatidão e suporta transparência alfa completa, o que o torna o padrão para logotipos, capturas de tela, gráficos de interface e qualquer imagem que será editada repetidamente. O custo é o tamanho: fotografias salvas como PNG incham para várias vezes o tamanho em JPG, porque o ruído fotográfico não se comprime sem perdas. Use PNG para gráficos e cópias de trabalho, não para entregar fotos.

WebP — o padrão moderno da web

O WebP faz os dois trabalhos: compressão com perdas cerca de 25–35% menor que um JPG de qualidade equivalente, e modo sem perdas com transparência bem menor que o PNG. Todos os navegadores o suportam desde 2020. Sua única fraqueza está fora da web — softwares de desktop antigos, impressoras e alguns formulários de upload ainda o rejeitam. Use WebP para qualquer coisa exibida em um site.

AVIF — os menores arquivos, o formato mais novo

O AVIF, construído sobre o codec de vídeo AV1, produz os menores arquivos entre os formatos populares — muitas vezes metade do tamanho de um JPG na mesma qualidade — e suporta transparência e HDR. O suporte dos navegadores já é universal, mas as ferramentas e o software fora da web ainda ficam para trás. Use onde os bytes importam mais e você controla a entrega, com um plano B para ambientes antigos.

GIF, SVG e HEIC — os especialistas

O GIF sobrevive apenas para animações simples; para imagens estáticas está obsoleto (256 cores, arquivos enormes). O SVG não é pixel, é geometria vetorial — perfeito para ícones e logotipos que precisam escalar, sem sentido para fotos. O HEIC é o formato eficiente de câmera da Apple: ótimo no aparelho, incômodo em todo o resto, e geralmente convertido para JPG assim que o arquivo sai do ecossistema Apple.

A decisão, resumida

Foto para compartilhar em geral → JPG. Qualquer coisa em um site → WebP (ou AVIF, se você puder administrar os planos B). Logotipo, captura de tela ou transparência → PNG (WebP se for só web). Precisa escalar para qualquer tamanho → SVG. Veio de um iPhone e vai para outro lugar → converta HEIC para JPG. Na dúvida, JPG para fotos e PNG para gráficos nunca é um desastre.