Como escolher o formato certo para imagens

Não existe um formato perfeito para tudo. A escolha depende do tipo de imagem, da necessidade de transparência, do nível de compressão e de onde o arquivo será exibido.

JPEG

É uma boa escolha para fotografias e imagens com muitas variações de cor. Usa compressão com perdas, então arquivos menores normalmente significam alguma perda de informação.

PNG

É útil quando precisamos preservar detalhes, linhas, textos ou transparência. Para fotografias costuma gerar arquivos maiores que alternativas modernas.

WebP

É uma ótima escolha geral para a web. Pode trabalhar com compressão com ou sem perdas, transparência e animação.

AVIF

Pode entregar arquivos ainda menores mantendo boa qualidade visual, especialmente em fotografias e imagens grandes.

SVG

É ideal para logos, ícones e ilustrações vetoriais porque pode ser redimensionado sem perder definição.

Regra rápida

• Fotos: AVIF, WebP ou JPEG.
• Logos e ícones: SVG.
• Screenshots: WebP sem perdas ou PNG.
• Transparência: SVG, WebP, AVIF ou PNG, dependendo do conteúdo.

Também é importante gerar dimensões adequadas para cada tela. Trocar apenas a extensão de uma imagem enorme não resolve o problema de performance.