Qual é o melhor formato de imagem para sites em 2026?

Suas imagens provavelmente são grandes demais. A página web média pesa mais de 2 MB. As imagens representam quase metade desse peso. Escolher o formato certo para cada imagem é o jeito mais fácil de acelerar seu site.

Mas com JPG, PNG, WebP, AVIF e SVG disponíveis, como escolher? Cada formato existe por um motivo. Usar o errado desperdiça banda. Usar o certo deixa suas páginas rápidas sem perder qualidade.

Aqui está exatamente qual formato usar e quando.

Qual formato você deve usar para fotos?

Fotos são as imagens mais pesadas na maioria dos sites. Paisagens, retratos, fotos de produtos, comida e viagens. Acertar o formato aqui tem o maior impacto.

Melhor escolha: AVIF. Produz os menores arquivos. Uma foto de 1 MB em JPG se torna 500-600 KB em AVIF com a mesma qualidade visual. Isso é uma redução de 40-50%. A compatibilidade com navegadores está em 93% e crescendo.

Segunda escolha: WebP. Arquivos são 25-35% menores que JPG. A compatibilidade com navegadores passa de 97%. Se você quer a opção moderna mais segura, WebP é a escolha certa. Veja como WebP supera o JPG na nossa comparação detalhada.

Alternativa: JPG. Ainda funciona em todo lugar. Use como último recurso para a pequena parcela de usuários com navegadores muito antigos.

Nunca: PNG para fotos. Uma foto salva como PNG é 5 a 10 vezes maior do que precisa ser. PNG não foi feito para conteúdo fotográfico. Se você vê fotos PNG no seu site, converta-as agora mesmo.

A configuração ideal usa o elemento HTML <picture>:

<picture>
  <source srcset="photo.avif" type="image/avif">
  <source srcset="photo.webp" type="image/webp">
  <img src="photo.jpg" alt="Description">
</picture>

O navegador escolhe o melhor formato que ele suporta. Navegadores modernos recebem AVIF. Os mais antigos recebem WebP. Os muito antigos recebem JPG.

E as imagens que precisam de transparência?

Imagens transparentes (logos em fundos coloridos, recortes de produtos, ícones que flutuam sobre qualquer superfície) precisam de um formato que suporte canais alfa.

Melhor escolha: WebP. Suporte completo a transparência. Arquivos são 30-70% menores que PNG com transparência. Compatível com mais de 97% dos navegadores. Leia sobre as diferenças entre WebP e PNG para saber mais.

Alternativa: AVIF. Ainda menor que WebP com transparência. Mas 93% de compatibilidade significa que você precisa de um fallback. Nossa comparação AVIF vs WebP mostra o panorama completo.

Fallback: PNG. Suporte perfeito a transparência. Arquivos maiores. Use como fallback no elemento <picture>.

Nunca: JPG para imagens transparentes. JPG não suporta transparência. Áreas transparentes ficam brancas (ou pretas). Não tem como resolver.

Um erro comum: salvar fotos de produtos com fundo transparente como PNG. Um único recorte de produto em PNG pode ter 2-3 MB. A mesma imagem em WebP fica com 200-400 KB. Multiplique por 50 produtos numa página de categoria e você economiza 100 MB de dados.

Você deve usar SVG para logos e ícones?

Sim. SVG é o melhor formato para gráficos vetoriais na web. Logos, ícones, ilustrações simples e diagramas quase sempre devem ser SVG.

Por que SVG ganha nos vetores:

• Escala para qualquer tamanho sem perder qualidade
• Tamanhos de arquivo são minúsculos (geralmente 2-10 KB)
• Pode ser estilizado com CSS
• Pode ser animado
• Acessível (leitores de tela conseguem ler texto SVG)

Quando não usar SVG:

• Fotos (SVG não consegue representar fotos de forma eficiente)
• Ilustrações complexas com muitas cores e degradês (o tamanho fica enorme)
• Quando a plataforma não aceita SVG (algumas redes sociais, clientes de e-mail)

Se você tem um logo como PNG de 80 KB, trocar por uma versão SVG de 5 KB economiza 94%. E a versão SVG fica mais nítida em qualquer tamanho de tela.

Para situações onde você não pode usar SVG (e-mail, redes sociais), converta para WebP ou PNG nas dimensões que você precisa.

Quanto o formato de imagem afeta a velocidade da página?

O impacto é enorme. A escolha do formato de imagem afeta diretamente três métricas importantes.

Largest Contentful Paint (LCP). Mede quando o maior elemento visível carrega. Na maioria das páginas, é uma imagem. Usar AVIF ou WebP no lugar de JPG/PNG pode reduzir o LCP em 1-3 segundos em conexões móveis.

Peso total da página. Trocar PNG por WebP em todas as imagens reduz o peso total em 40-60%. De JPG para WebP, espere uma redução de 25-35%.

Time to Interactive. Imagens menores significam menos dados para baixar. O navegador termina de carregar mais rápido. A página fica interativa antes.

Exemplo real: uma página de categoria de e-commerce com 30 fotos de produtos.

Formato	Peso total das imagens	Tempo de carregamento (3G)
PNG	45 MB	30+ segundos
JPG (85%)	9 MB	8 segundos
WebP (85%)	6 MB	5 segundos
AVIF (80%)	4 MB	3,5 segundos

A diferença entre PNG e AVIF é de mais de 10x. Mesmo de JPG para WebP economiza 33% e corta 3 segundos dos tempos de carregamento no celular.

O Google usa velocidade da página como fator de posicionamento. Páginas mais rápidas ficam melhor posicionadas. Melhores formatos de imagem melhoram o SEO diretamente. Você também pode comprimir suas imagens para economizar ainda mais, além da troca de formato.

Quais configurações de qualidade você deve usar?

O formato sozinho não basta. As configurações de qualidade determinam o equilíbrio entre tamanho de arquivo e nitidez visual.

Para imagens hero e conteúdo acima da dobra: Use qualidade de 85-90%. Essas imagens são grandes e visíveis. A qualidade importa aqui. A diferença de tamanho entre 85% e 95% é pequena, então vá mais alto.

Para imagens de conteúdo (fotos em artigos): Use 80-85%. Essas imagens são vistas em tamanhos menores. A diferença de qualidade em relação a 90% é invisível nas distâncias normais de visualização.

Para miniaturas e layouts em grade: Use 70-80%. Imagens pequenas não precisam de alta qualidade. No tamanho de miniatura, artefatos de compressão ficam invisíveis. Economize os bytes.

Para imagens de fundo atrás de texto: Use 60-75%. Essas imagens estão parcialmente cobertas. Qualidade mais baixa funciona bem e pode economizar mais de 50% no tamanho do arquivo.

Uma regra importante: sempre comece com a fonte de maior qualidade. Converter um JPG com 60% de qualidade para WebP não melhora magicamente. Use o melhor arquivo fonte que tiver. Se suas imagens fonte são de baixa resolução, você pode melhorar a resolução das imagens com IA antes de converter.

Você precisa dar suporte a navegadores antigos?

Em 2026, a questão não é tanto "se" mas "quanto esforço dedicar".

WebP: 97%+ de suporte. Os 3% sem suporte usam Internet Explorer ou navegadores anteriores a 2020. Para a maioria dos sites, um simples fallback com <picture> resolve.

AVIF: 93% de suporte. Os 7% que faltam são principalmente versões antigas do Safari e alguns navegadores móveis. Um fallback WebP cuida bem desses usuários.

JPG e PNG: 100% de suporte. Todo navegador já criado consegue exibir esses formatos.

A abordagem prática: sirva formatos modernos com fallbacks. Usuários modernos recebem imagens pequenas e rápidas. Navegadores antigos recebem imagens maiores, mas funcionais. Todo mundo vê algo.

Se suas análises mostram zero tráfego de navegadores antigos, pule os fallbacks. Sirva apenas WebP. Se preferir ser cauteloso, adicione o elemento <picture> com fallback JPG. São apenas algumas linhas extras de HTML.

Se quiser entender quando usar cada formato, leia nosso guia de formatos de imagem.

Como converter suas imagens para o melhor formato?

ConvertIMG converte entre todos os formatos principais. JPG, PNG, WebP, AVIF, TIFF, GIF, SVG e HEIC. Tudo roda no seu navegador. Sem uploads. Sem cadastro.

Arraste suas imagens, escolha o formato de destino, ajuste a qualidade e baixe. A conversão em lote processa pastas inteiras de uma vez. Suas imagens ficam no seu dispositivo o tempo todo. Pronto para converter seus PNGs? Converta suas imagens para WebP com nosso guia passo a passo.