Formatos de imagem explicados: JPEG, PNG, WebP, AVIF e mais

Toda imagem na web usa um formato. JPEG, PNG, WebP, AVIF. Cada um comprime de forma diferente, tem recursos distintos e funciona melhor para certos tipos de imagem.

Escolha o formato errado e suas imagens ficam maiores do que precisam. Suas páginas carregam mais devagar. Seus visitantes vão embora. Escolha o certo e você tem imagens nítidas com uma fração do tamanho.

Este guia explica cada formato importante. Você vai aprender o que cada um faz, onde ele brilha e qual usar no seu projeto.

O que é um formato de imagem e por que isso importa?

Um formato de imagem é como uma foto é salva em arquivo. Ele controla três coisas: tamanho do arquivo, qualidade visual e quais recursos a imagem suporta.

Alguns formatos usam compressão com perda (lossy). Eles descartam dados que seus olhos não percebem para deixar os arquivos menores. O JPEG faz isso. WebP e AVIF também.

Outros formatos usam compressão sem perda (lossless). Eles reduzem o arquivo sem perder um único pixel de detalhe. O PNG funciona assim. O WebP também tem modo sem perda.

O formato que você escolhe afeta:

• Tamanho do arquivo. Uma foto salva como AVIF pode ser 50% menor que a mesma foto em JPEG.
• Qualidade. Alguns formatos lidam melhor com gradientes e tons de pele. Outros preservam texto nítido e bordas.
• Recursos. Precisa de transparência? PNG, WebP e AVIF suportam. JPEG não. Precisa de animação? GIF, WebP e AVIF conseguem.
• Velocidade. Arquivos menores carregam mais rápido. Para sites, a escolha do formato afeta diretamente a velocidade da página e os Core Web Vitals.

Para um olhar detalhado sobre como a compressão funciona, nosso guia completo de compressão de imagens cobre os fundamentos.

O que é JPEG e quando você deve usá-lo?

JPEG é o formato de imagem mais usado no mundo. Criado em 1992, é suportado por todo dispositivo, navegador, app e sistema operacional.

O JPEG usa compressão com perda. Ele analisa a imagem em pequenos blocos de 8x8 pixels e remove detalhes difíceis de ver. Em configurações de alta qualidade (80-95%), a perda é invisível. Em configurações mais baixas, você começa a ver artefatos em blocos.

JPEG é melhor para:

• Fotos e imagens com muitas cores
• Compartilhar imagens por email ou mensagens
• Fluxos de impressão onde compatibilidade universal importa
• Qualquer situação onde você precisa que "funcione em todo lugar"

JPEG não é ideal quando:

• Você precisa de transparência (JPEG não suporta)
• Você está comprimindo capturas de tela, texto ou gráficos com bordas nítidas (artefatos aparecem rápido)
• Você quer o menor tamanho de arquivo possível (WebP e AVIF ganham por 25-50%)

As configurações de qualidade do JPEG vão de 0 a 100. Para uso na web, 75-85 oferece o melhor equilíbrio entre tamanho e qualidade. Acima de 90, o arquivo cresce sem melhoria visível.

O JPEG ainda é a escolha segura para compartilhar fotos. Mas para a web, formatos mais novos comprimem melhor. Não há motivo para servir JPEG no seu site em 2026 quando o WebP faz o mesmo trabalho com 30% menos tamanho.

O que é PNG e como ele difere do JPEG?

O PNG usa compressão sem perda. Cada pixel permanece exatamente como estava. Nada é descartado.

Isso torna o PNG perfeito para imagens onde precisão importa. Capturas de tela, logos, diagramas, elementos de interface e qualquer coisa com texto ou linhas nítidas. O PNG mantém essas bordas perfeitas.

O PNG também suporta transparência. Você pode ter um logo com fundo transparente ou um gráfico que se mistura suavemente com qualquer cor de página. O JPEG não faz isso.

A desvantagem é o tamanho. Uma foto salva como PNG é 3 a 10 vezes maior que a mesma foto em JPEG. Isso acontece porque fotos têm milhões de valores de cor ligeiramente diferentes, e a compressão sem perda não consegue reduzi-los tão bem quanto a compressão com perda.

PNG é melhor para:

• Capturas de tela e mockups de interface
• Logos e ícones com fundo transparente
• Gráficos com texto, linhas nítidas ou cores sólidas
• Arquivos fonte em fluxos de edição onde você precisa de zero perda de qualidade

PNG não é ideal quando:

• Você está servindo fotos na web (tamanho grande demais)
• O tamanho do arquivo importa mais que precisão pixel a pixel
• Você precisa de animação (use GIF, WebP ou AVIF)

Existem duas variantes do PNG. O PNG-8 suporta apenas 256 cores (como GIF) e cria arquivos pequenos para gráficos simples. O PNG-24 suporta milhões de cores e transparência total. A maioria das ferramentas gera PNG-24 por padrão.

Para gráficos na web, o PNG está sendo substituído por WebP e SVG. O WebP sem perda é 25-30% menor que PNG com qualidade idêntica. O SVG é ainda menor para logos e ícones porque usa matemática em vez de pixels.

O que é WebP e por que ele está substituindo o JPEG?

WebP é um formato moderno criado pelo Google em 2010. Ele faz tudo que JPEG e PNG fazem, mas com arquivos menores.

O WebP suporta compressão com e sem perda. Ele lida com transparência. Suporta animação. Um único formato cobre todos os casos que antes precisavam de JPEG, PNG e GIF separadamente.

Os números falam por si:

• WebP com perda é 25-35% menor que JPEG na mesma qualidade
• WebP sem perda é 25-30% menor que PNG
• WebP animado é 30-50% menor que GIF

O suporte dos navegadores é quase universal. Chrome, Firefox, Safari, Edge e todos os principais navegadores mobile suportam WebP. Mais de 97% dos usuários globais podem ver imagens WebP nativamente.

WebP é o padrão prático para imagens na web em 2026. Ele oferece economia real de tamanho sem preocupação com compatibilidade.

Cobrimos os detalhes técnicos no nosso guia dedicado: Compressão WebP: Por que é melhor que JPEG.

O que é AVIF e ele é melhor que WebP?

AVIF é o mais novo formato de imagem popular. Ele é baseado no codec de vídeo AV1, desenvolvido por um grupo que inclui Google, Apple, Mozilla e Netflix.

O AVIF comprime ainda melhor que o WebP. Os arquivos são tipicamente 20-30% menores que WebP na mesma qualidade visual. Comparado ao JPEG, arquivos AVIF podem ser 50% menores.

O AVIF se destaca em fotos com gradientes suaves, tons de pele e transições sutis de cor. Ele mantém a qualidade melhor que qualquer outro formato em tamanhos muito pequenos. Quando você força a compressão, o AVIF continua limpo enquanto JPEG e WebP mostram artefatos.

Formato	Tamanho típico vs JPEG	Transparência	Animação	Suporte nos navegadores
JPEG	Referência	Não	Não	100%
PNG	3-10x maior	Sim	Não	100%
WebP	25-35% menor	Sim	Sim	97%+
AVIF	40-50% menor	Sim	Sim	93%+

As desvantagens? O AVIF codifica 5-20 vezes mais devagar que o WebP. Isso importa para compressão em tempo real e processamento em lote. O suporte dos navegadores está em cerca de 93%. Ótimo, mas não totalmente universal.

Para uma comparação detalhada, leia AVIF vs WebP: Qual comprime melhor?

E o GIF, SVG e JPEG XL?

Além dos quatro principais, vários outros formatos servem propósitos específicos.

GIF

GIF é o formato original de imagem animada. Ele suporta apenas 256 cores, o que o torna péssimo para fotos, mas funciona bem para animações simples, memes e reações.

Arquivos GIF são grandes comparados a alternativas modernas. WebP e AVIF animados produzem arquivos muito menores com qualidade superior. Mas o GIF funciona em todo lugar sem exceção. E o formato está tão enraizado na cultura de mensagens que não vai desaparecer.

Use GIF para: Animações rápidas compartilhadas em redes sociais e apps de mensagem. Para todo o resto, prefira WebP animado.

SVG

SVG é fundamentalmente diferente de todos os outros formatos desta lista. É um formato vetorial. Em vez de guardar cores de pixels, ele guarda descrições matemáticas de formas, linhas e curvas.

Isso significa que imagens SVG escalam para qualquer tamanho sem perder qualidade. Um logo fica igualmente nítido em 16px e em 1600px. E arquivos SVG são minúsculos para gráficos simples. Um logo que tem 50 KB em PNG pode ter 3 KB em SVG.

Use SVG para: Logos, ícones, ilustrações, gráficos e qualquer imagem feita de formas e texto. Nunca use SVG para fotos.

JPEG XL

JPEG XL foi projetado como o verdadeiro sucessor do JPEG. Ele oferece compressão melhor que WebP e AVIF, suporta modos com e sem perda, lida com HDR e gama de cores ampla, e pode transcodificar arquivos JPEG existentes sem perda (recomprimindo 20% menor sem qualquer perda de qualidade).

No papel, JPEG XL é o melhor formato de imagem já criado. Na prática, ele tem um problema: o Chrome abandonou o suporte em 2023. Sem o Chrome, o formato não consegue ganhar força na web. O Safari suporta. O Firefox tem suporte atrás de uma flag.

O JPEG XL ainda pode encontrar seu lugar em fluxos de fotografia e arquivamento. Mas para a web, fique com WebP e AVIF.

Como escolher o formato certo?

Aqui vai uma árvore de decisão simples:

É um logo, ícone ou gráfico simples? Use SVG. Se SVG não for uma opção, use PNG ou WebP sem perda.

É uma foto para a web? Use WebP. Se seu setup suporta negociação de formato, sirva AVIF com fallback em WebP.

É uma foto para compartilhar ou imprimir? Use JPEG. Funciona em todo lugar.

Precisa de transparência? Use WebP ou PNG. Evite AVIF se precisa de máxima compatibilidade.

É uma animação? Use WebP para qualidade. Use GIF para máxima compatibilidade.

É uma captura de tela ou imagem com texto? Use PNG ou WebP sem perda. Compressão com perda cria artefatos ao redor do texto.

Para a maioria dos sites, a estratégia prática é:

1. Use SVG para logos e ícones
2. Use WebP para todas as fotos e imagens de conteúdo
3. Mantenha JPEG como fallback para os poucos usuários em navegadores antigos

Se você tem um site com muito tráfego e quer os menores arquivos possíveis, adicione AVIF ao mix. Sirva para navegadores que suportam e use WebP como fallback para o resto.

Para ajuda na escolha das configurações de compressão certas, confira nosso guia sobre compressão com perda vs sem perda.

Qual é o futuro dos formatos de imagem?

A tendência é clara: os formatos continuam melhorando a compressão enquanto mantêm a qualidade alta.

O AVIF ainda está ganhando adoção. Conforme as velocidades de codificação melhoram e o suporte dos navegadores se amplia, ele provavelmente se tornará o novo padrão nos próximos anos.

O JPEG XL pode ressurgir se o Chrome reverter sua decisão ou se um grande caso de uso (como o ecossistema da Apple) impulsionar a adoção.

A compressão baseada em IA também está surgindo. Codecs neurais de imagem podem comprimir ainda mais que AVIF ao aprender padrões nos dados de imagem. São experimentais hoje, mas podem transformar a compressão de imagens no futuro.

Por enquanto, o conselho prático é simples. Use WebP como formato padrão para a web. Adicione AVIF onde fizer sentido. Mantenha JPEG e PNG para casos específicos onde compatibilidade ou precisão sem perda importam.

Suas imagens representam a maior parte do peso da sua página. O formato certo pode cortar esse peso pela metade. O CompressIMG facilita tudo. Faça upload das suas imagens, comprima no melhor formato e veja a diferença na hora. Sem precisar criar conta.