Format Atlas

Guias

Escolher formatos de compressão e animação para imagens web

Diferencie fotos, transparência, animação e compatibilidade. Compare arquivos reais no destino sem presumir tamanho ou qualidade pelo nome.

Qual formato você deve escolher?

Escolha conforme a função de cada arquivo no fluxo de trabalho.

  • Fotos para ampla distribuição → JPEG
  • Imagem estática transparente → PNG
  • Distribuição web otimizada → WebP ou AVIF
  • Animação curta sem perdas com transparência → APNG
  • Avaliar compressão onde JPEG XL é aceito → JPEG XL

Confirme primeiro a compatibilidade

O suporte a formatos novos varia entre navegadores, aplicativos, CDN e conversores. Defina ambientes de destino e teste alternativas antes de adotar.

Separe animação de vídeo

APNG, GIF e WebP animado servem para loops curtos ou efeitos de interface. Conteúdo longo ou com áudio exige contêiner e codec de vídeo.

Formatos a considerar

JPEG

Indicado para: Fotos que precisam de amplo suporte

Menos indicado para: Ilustrações que exigem transparência

PNG

Indicado para: Imagens estáticas transparentes e ilustrações

Menos indicado para: Redução do tamanho de fotos

WebP

Indicado para: Otimizar distribuição de imagens web

Menos indicado para: Uso obrigatório sem verificar suporte

AVIF

Indicado para: Distribuição web com suporte AVIF confirmado

Menos indicado para: Distribuição irrestrita para ambientes antigos

APNG

Indicado para: Animação transparente curta

Menos indicado para: Distribuição de vídeo longo

JPEG XL

Indicado para: Avaliar imagens onde JPEG XL é aceito

Menos indicado para: Distribuição geral sem verificar compatibilidade

Antes de exportar

  • Configurações de codificação, conteúdo e tamanho de exibição afetam peso e qualidade.
  • Confira navegadores de destino e imagens alternativas antes de adotar um formato novo.

Comparações relacionadas

JPEG vs PNGJPEG costuma usar compressão com perda e atende bem a muitas fotografias; PNG preserva os pixels sem perda e aceita transparência. A escolha depende do conteúdo, da edição e dos requisitos do destino.JPEG vs WebPJPEG tem ampla compatibilidade para fotografias, enquanto WebP aceita compressão com ou sem perda e transparência. Na web, o resultado depende da imagem, das configurações do codificador e dos navegadores de destino.JPEG XL vs AVIFJPEG XL e AVIF são formatos de codificação de imagem diferentes, com recursos e suporte de implementação próprios. A escolha prática depende de navegadores, aplicativos, codificadores e do fluxo de entrega, não apenas dos recursos anunciados.JPEG XL vs WebPJPEG XL e WebP são formatos distintos, com recursos e suporte diferentes em navegadores e ferramentas. WebP já está presente em muitos fluxos web; JPEG XL só deve ser considerado quando o suporte dos clientes e de todo o processo de entrega estiver confirmado.GIF vs APNGGIF e APNG podem conter vários quadros. GIF é amplamente conhecido para loops simples; APNG estende PNG com animação, quadros sem perdas e transparência. Compare suporte e tamanho real.APNG vs WebPAPNG e WebP aceitam animação e transparência. APNG estende PNG com animação sem perdas; WebP oferece codificação com e sem perdas para a web.

Guias

Escolha um formato de imagem para webAntes de escolher, defina o tipo de imagem e quais navegadores e ferramentas precisam aceitá-la.Escolha um formato para fotografiasPara fotos, a escolha depende da prioridade: compartilhar facilmente, reduzir arquivos na web ou atender a exigências de produção e edição.Escolha um formato de imagem transparentePara transparência, considere se precisa de semitransparência, detalhes fotográficos ou arte vetorial escalável e confira o suporte no destino.Escolha um formato para animaçãoUse GIF ou WebP/AVIF animados para loops curtos. Considere vídeo quando precisar de mais duração, áudio ou controles; teste arquivos reais no ambiente de destino.

Referências e especificações