JPG vs PNG vs WebP vs AVIF — qual formato de imagem usar em cada situação

No fim, a escolha de um formato de imagem depende de três critérios: qual é o conteúdo (uma foto ou um gráfico com muito texto e linhas), se é preciso fundo transparente e se quem recebe consegue abrir o formato. Este texto explica primeiro as diferenças estruturais entre os quatro formatos mais comuns e, no final, traz uma tabela de escolha por situação. Os números de suporte dos navegadores foram verificados nos dados do Can I use na data de referência (2026-09-23).

Tabela comparativa

Os percentuais de suporte se baseiam na participação global de uso de navegadores compilada pelo Can I use. Em ambientes em que é preciso considerar navegadores antigos ou visualizadores internos de empresas, JPG e PNG continuam sendo as opções mais seguras.

JPG — o padrão de 30 anos otimizado para fotos

O JPG divide a imagem em blocos de 8×8 pixels, converte cada bloco em componentes de frequência com a transformada discreta do cosseno (DCT) e descarta, com uma quantização grosseira, os componentes de alta frequência aos quais o olho humano é menos sensível. Muitas vezes a informação de cor também é armazenada com resolução menor que a de brilho (subamostragem de croma). Por isso, em fotos com transições suaves de cor, como céu e pele, é difícil notar diferença mesmo com qualidade em torno de 80; já em imagens com muito texto, linhas e bordas de cor sólida, aparecem manchas ao redor das bordas (ringing, ruído de blocos).

• Vantagens: praticamente todo dispositivo, programa e campo de upload aceita. O tamanho pode ser ajustado numa faixa ampla pelo valor de qualidade.
• Limitações: não tem transparência e acumula perdas a cada novo salvamento. Não é adequado como arquivo intermediário de edição.

PNG — o padrão para textos, logotipos e capturas de tela

O PNG é um formato sem perdas, que preserva os valores dos pixels exatamente. Em cada linha, aplica um filtro que calcula a diferença em relação aos pixels vizinhos e depois comprime com Deflate (da mesma família do zip). Em capturas de tela, diagramas e logotipos, com grandes áreas da mesma cor, fica menor e mais nítido que o JPG; em fotos, em que cada pixel tem um valor ligeiramente diferente, a compressão não funciona bem e o arquivo pode ficar várias vezes maior que um JPG.

A terceira edição do PNG, publicada pelo W3C em junho de 2025, incorporou oficialmente ao padrão o PNG animado (APNG), informações de cor HDR e o bloco EXIF. A compatibilidade com arquivos PNG existentes foi mantida.

WebP — JPG e PNG em um só formato

O WebP reúne em um único formato um modo com perdas (baseado no codec de vídeo VP8) e um modo sem perdas, e ambos suportam transparência e animação. O Google divulgou que, com o mesmo índice de qualidade SSIM, o WebP com perdas é de 25 a 34% menor que o JPG e o WebP sem perdas é 26% menor que o PNG. Como esses números vêm dos testes do próprio Google, a economia real varia conforme o conteúdo da imagem e a configuração do codificador.

Em novembro de 2024, a especificação do WebP e seu tipo de mídia (image/webp) foram registrados oficialmente como IETF RFC 9649. O Safari passou a suportá-lo a partir da versão 14 (no macOS, a partir do Big Sur); se muitos usuários ainda usam aparelhos Apple anteriores a 2020, é mais seguro preparar também uma imagem alternativa.

AVIF — o menor de todos, mas lento para codificar

O AVIF é um formato que armazena, num contêiner da família HEIF, imagens comprimidas com o codec de vídeo AV1, livre de royalties; a Alliance for Open Media (AOMedia) publicou a especificação 1.0.0 em fevereiro de 2019. Suporta cor de 10 e 12 bits por canal e HDR, e muitas vezes fica menor que o WebP com a mesma qualidade. Por outro lado, a codificação exige muito processamento, então converter várias fotos grandes demora, e, segundo o MDN, ele não suporta exibição progressiva.

O suporte nos principais navegadores começou no Chrome 85, Firefox 93, Safari 16.4 (suporte parcial no 16.1) e Edge 121. Como o Edge foi o último a aderir (início de 2024), a imagem pode não aparecer se o Edge de um computador corporativo estiver travado numa versão antiga.

A perda de qualidade também aparece de formas diferentes

Mesmo em "baixa qualidade", cada formato se degrada de um jeito diferente. Saber onde olhar ao conferir o resultado facilita a escolha do valor de qualidade.

• JPG: as bordas dos blocos de 8×8 aparecem como uma grade e surgem borrões ondulados (ringing) ao redor de textos e linhas. Em áreas suaves, como o céu, aparecem faixas em degraus.
• WebP (com perdas): há menos marcas de blocos que no JPG, mas os detalhes ficam borrados e as cores parecem vazar. Linhas finas vermelhas e azuis ficam especialmente apagadas.
• AVIF: quase não há marcas de blocos mesmo em baixa qualidade, mas texturas como pele, grama e cabelo podem ser alisadas e ficar com aparência de "aquarela".
• PNG: por ser sem perdas, não há perda de qualidade. Porém, se você reduzir o número de cores para diminuir o arquivo, aparecem faixas nos degradês.

Ao avaliar o resultado, em vez de olhar a imagem inteira, é melhor ampliar rostos, textos e céu a 100% ou mais e comparar com o original.

Onde ficam o JPEG XL e o HEIC

• JPEG XL: formato de nova geração com muitas vantagens, como regravar JPGs existentes sem perdas e em tamanho menor, mas, na data de referência, segundo o Can I use, só o Safari 17 ou superior oferece suporte parcial, e Chrome e Firefox não o exibem na configuração padrão. Ainda é cedo para usá-lo diretamente na web.
• HEIC: é o formato padrão das fotos do iPhone, mas, entre os navegadores, só o Safari 17 ou superior o exibe. O comum é convertê-lo para JPG antes de enviar ou compartilhar (guia de HEIC).

Fluxo de escolha por situação

1. O destino (órgão público, escola, loja virtual) define os formatos aceitos? → Siga essa lista. Na maioria das vezes é JPG.
2. Precisa de fundo transparente? → Para web, WebP; para edição e impressão, PNG.
3. É uma foto ou um gráfico? → Fotos: JPG (compatibilidade) ou WebP/AVIF (tamanho). Textos, linhas e diagramas: PNG ou WebP sem perdas.
4. Quer deixar um site mais rápido? → Use AVIF ou WebP e mantenha também um JPG para navegadores antigos.

O que saber ao converter

• Converter de um formato com perdas para outro com perdas acumula perdas. Ao passar um JPG para WebP, a perda do WebP se soma à informação que o JPG já descartou. Se tiver o original, converta a partir dele uma única vez.
• Na conversão de transparente para opaco (PNG·WebP → JPG), as áreas transparentes precisam ser preenchidas com uma cor de fundo, como o branco.
• Profundidade de cor e HDR caem para 8 bits no momento em que você converte para JPG.
• Quando mudar só o formato não reduz o tamanho, diminuir também a resolução é o que dá mais resultado. O princípio é explicado em detalhes em como funciona a compressão de imagens.

Você pode converter entre formatos na ferramenta conversor de formato de imagem, com todo o processamento feito dentro do navegador, e as especificações de cada formato estão reunidas no dicionário de formatos.

Perguntas frequentes

Atualizado em: 2026-09-23

Fontes

• MDN — Image file type and format guide
• Google for Developers — An image format for the Web (WebP)
• ITU-T Recommendation T.81 (09/92) — especificação JPEG
• W3C — PNG Specification (Third Edition)
• AOMedia — AV1 Image File Format (AVIF)
• Can I use — WebP image format
• Can I use — AVIF image format
• Can I use — HEIF/HEIC image format
• Can I use — JPEG XL image format