Format Atlas

Guias

Escolha um formato de imagem para web

Antes de escolher, defina o tipo de imagem e quais navegadores e ferramentas precisam aceitá-la.

Qual formato você deve escolher?

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

  • Principalmente fotos → comece com JPEG; considere WebP ou AVIF
  • Ilustração transparente → PNG ou WebP
  • Logos e formas geométricas → SVG

Separe fotos de ilustrações

Fotografias, ilustrações transparentes e logos escaláveis priorizam recursos diferentes; escolha conforme o material real.

Confira antes de publicar

Com formatos novos, verifique os navegadores de destino, o fluxo de conversão e como imagens alternativas serão entregues.

Formatos a considerar

JPEG

Indicado para: Fotos que exigem ampla compatibilidade

Menos indicado para: Imagens que precisam de transparência

PNG

Indicado para: Imagens transparentes, capturas e ilustrações

Menos indicado para: Fotos cujo tamanho é a principal preocupação

WebP

Indicado para: Fotos web ou imagens transparentes

Menos indicado para: Distribuição fixa sem conferir suporte

SVG

Indicado para: Imagens de logos e formas geométricas

Menos indicado para: Uma fotografia em si

Antes de exportar

  • Trocar de formato por si só não melhora sempre tamanho ou qualidade.
  • Vídeo pode ser mais adequado para algumas animações.

Comparações relacionadas

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.PNG vs WebPPNG e WebP podem oferecer transparência. PNG é um formato sem perdas e amplamente compatível; WebP é uma opção para otimizar a entrega na web e também pode ter animação. Compare arquivos reais e navegadores de destino.AVIF vs WebPAVIF e WebP são voltados a imagens na web e oferecem opções com e sem perdas, além de transparência. Compare qualidade, tamanho, velocidade de codificação e suporte usando as mesmas imagens; pode fazer sentido servir mais de um formato.

Guias

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.

Referências e especificações