Formatos de Imagem Comparados: JPG vs PNG vs WebP vs AVIF (2026)

O formato de imagem que você escolhe afeta o tempo de carregamento da página, o ranqueamento de SEO (Core Web Vitals), os custos de banda, a qualidade visual, a compatibilidade entre navegadores e a acessibilidade. Em 2026, a resposta não é mais “é só usar JPG”, os formatos modernos economizam de 50% a 70% no tamanho do arquivo com qualidade equivalente.

Este guia compara os quatro formatos que importam hoje: JPG, PNG, WebP, AVIF. Mais uma nota sobre HEIC (Apple), TIFF (impressão) e SVG (vetor).

Tabela de referência rápida

Formato	Compressão	Transparência	Animação	Suporte do navegador (2026)	Melhor para
JPG	Lossy	Não	Não	100%	Fotos, e-mail, máxima compatibilidade
PNG	Lossless	Sim	Não	100%	Logos, ícones, capturas de tela
WebP	Lossy ou lossless	Sim	Sim	96%	Web moderna (padrão em 2026)
AVIF	Lossy ou lossless	Sim	Sim	92%	Web com performance crítica
HEIC	Lossy	Sim	Sim	Apenas iOS/macOS	Armazenamento em dispositivos Apple
GIF	Lossless	Apenas 1 bit	Sim	100%	Apenas animações legadas
SVG	Vetor lossless	Sim	Sim	100%	Logos, ícones, ilustrações (qualquer tamanho)

JPG (JPEG)

Nasceu em 1992. Suporte universal. Compressão lossy com controle deslizante de qualidade (1-100). Em qualidade 75-85, é indistinguível do original a olho nu, sendo de 5 a 10 vezes menor que o RAW de origem.

Pontos fortes:

• Compatibilidade universal (literalmente em todo lugar).
• Arquivos minúsculos para fotos.
• Compressão madura e bem entendida.

Pontos fracos:

• Sem transparência (precisa de fundo sólido).
• Artefatos de compressão em qualidade baixa (blocos, halos).
• Sem animação.
• Padrão antigo, superado pela web moderna.

Use quando: enviar fotos por e-mail, mandar para sistemas antigos, máxima compatibilidade importa, transparência não é necessária.

PNG (Portable Network Graphics)

Nasceu em 1996. Compressão lossless. Duas variantes: PNG-8 (256 cores, substituto do GIF) e PNG-24 (16 milhões de cores, qualidade fotográfica). Ambos suportam transparência (canal alfa de 8 bits), o recurso matador.

Pontos fortes:

• Lossless: cópia bit a bit do original, sem artefatos jamais.
• Suporte a transparência (canal alfa).
• Nítido em qualquer nível de zoom (sem blocos de compressão).
• Compatibilidade universal.

Pontos fracos:

• Muito maior que JPG para fotografias (2 a 5 vezes mais).
• Sem animação (use APNG, mas o suporte é misto).
• Compressão menos eficiente que os formatos modernos.

Use quando: logos, ícones, capturas de tela, line art, ilustrações, em qualquer lugar onde você precisa de linhas nítidas ou transparência.

WebP

Criado pelo Google em 2010. Modo lossy rivaliza com o JPG, com compressão cerca de 25-35% melhor na mesma qualidade. Modo lossless rivaliza com o PNG, com compressão cerca de 25% melhor. Modo de animação rivaliza com o GIF, com qualidade e compressão muito melhores.

Em 2026, o suporte a WebP é de 96% globalmente, todo navegador moderno (Chrome, Firefox, Safari 14+, Edge) suporta nativamente. Apenas navegadores antigos e alguns clientes de e-mail não têm suporte.

Pontos fortes:

• Melhor equilíbrio entre eficiência de compressão, compatibilidade e conjunto de recursos.
• Um único formato cobre necessidades lossy, lossless e animadas.
• Suportado por todos os CDNs modernos de imagem (Cloudinary, Imgix, Cloudflare Images).
• Livre e aberto (sem royalties).

Pontos fracos:

• Decodificação ligeiramente mais lenta que JPG (insignificante em hardware moderno).
• Alguns softwares legados (Photoshop CS5 e anteriores) exigem plugin.
• Codificação um pouco mais lenta que JPG.

Use quando: em qualquer lugar na web moderna. WebP deve ser o seu padrão em 2026, a menos que haja motivo específico em contrário.

AVIF (AV1 Image File Format)

Lançado em 2019, baseado no codec de vídeo AV1. O formato mais eficiente em compressão amplamente suportado em 2026, normalmente 25-35% menor que WebP na mesma qualidade.

Suporte em 2026: cerca de 92% globalmente. Todos os principais navegadores suportam (Chrome 85+, Firefox 93+, Safari 16.4+, Edge). Alguns ambientes específicos (clientes de e-mail, software corporativo muito antigo) não.

Pontos fortes:

• Melhor compressão entre os formatos amplamente suportados.
• Suporta HDR (alta faixa dinâmica, profundidade de cor de 10/12 bits).
• Suporta transparência e animação.
• Aberto e livre de royalties.
• Excelente qualidade mesmo em bitrates muito baixos.

Pontos fracos:

• Codificação é lenta (10 a 30 vezes mais lenta que JPG). Não é boa para codificação em tempo de requisição.
• Decodificação mais lenta que WebP (ainda em milissegundos, mas mensurável).
• Um pouco menos compatível que WebP.
• Ainda não é onipresente em softwares de edição de imagem.

Use quando: sites com performance crítica onde cada KB importa. Pré-codifique em build time, sirva com fallbacks WebP e JPG.

A melhor prática de 2026: <picture> com fallbacks

Não escolha um único formato, sirva o melhor que cada navegador suporta:

<picture>
  <source srcset="/foto.avif" type="image/avif">
  <source srcset="/foto.webp" type="image/webp">
  <img src="/foto.jpg" alt="Descrição" width="1200" height="800" loading="lazy" decoding="async">
</picture>

Os navegadores modernos pegam AVIF, os ligeiramente mais antigos caem para WebP, os muito antigos recebem JPG. Tudo isso compartilhando a mesma semântica <img> e o mesmo alt.

Frameworks automatizam isso:

• Next.js: o componente <Image> lida com AVIF/WebP/JPG automaticamente.
• Astro: o <Image> do astro:assets faz o mesmo.
• Cloudinary / Imgix: servem com base no cabeçalho Accept: image/avif da requisição.

E o HEIC?

HEIC (High Efficiency Image Container) é o que o seu iPhone salva. Mesma família de compressão do AVIF (codec de vídeo HEVC). Excelente compressão, suporta transparência e HDR.

Problema: apenas dispositivos Apple suportam HEIC nativamente. Windows, navegadores Android, servidores web e softwares de imagem precisam de plugins ou conversão.

Melhor prática: converta HEIC para JPG ou WebP antes de compartilhar ou hospedar na web. O HEIC para JPG faz isso no seu navegador.

E TIFF, BMP, GIF?

• TIFF: pré-impressão / arquivamento de impressão profissional. Arquivos enormes, sem compressão por padrão. Não use na web.
• BMP: formato legado do Windows. Sem compressão. Não use em lugar nenhum em 2026.
• GIF: transparência de 1 bit, 256 cores, lossless. A animação funciona, mas é ineficiente, qualquer alternativa moderna (WebP, AVIF, até vídeo MP4) é melhor. Use apenas para compatibilidade legada.

E o SVG?

O SVG é vetorial, não um formato concorrente para fotografias, mas imbatível para logos, ícones, ilustrações e gráficos. Independente de resolução (escala infinitamente sem perda de qualidade), tamanho de arquivo minúsculo para gráficos simples, suporta estilização via CSS e interação com JS.

Use SVG para: logos, ícones (favicons), visualizações de dados, ilustrações simples, qualquer gráfico que seja desenhado em vez de fotografado.

O Gerador de Favicon entrega variantes em SVG para navegadores modernos.

Árvore de decisão para escolher um formato

1. É um logo, ícone ou gráfico simples? Use SVG.
2. Conteúdo fotográfico sem necessidade de transparência? AVIF (em build time), com fallback WebP, com fallback JPG.
3. Conteúdo fotográfico com transparência? AVIF ou WebP (ambos suportam alfa), com fallback PNG.
4. Logo, captura de tela ou gráfico com transparência? PNG (ou WebP-lossless para reduzir tamanho).
5. Máxima compatibilidade com e-mail/legado? JPG (sem transparência) ou PNG (com transparência).
6. Animação? WebP (ou AVIF se navegadores mais novos forem ok), com GIF apenas como último recurso.

Caminhos de conversão do mundo real

Fotógrafo entregando para cliente: mantenha o RAW master, entregue JPG qualidade 95 (web) ou TIFF (impressão).

Webmaster otimizando site existente: converta em massa todos os PNGs/JPGs para AVIF + WebP em build time. Sirva via <picture>.

Fotos de produto de e-commerce: WebP qualidade 80 é o ponto ideal. AVIF se o seu perfil de tráfego justificar o tempo de codificação.

Imagens de capa de blog: AVIF (com fallbacks WebP e JPG), os Core Web Vitals te recompensam por isso.

Imagem de capa para redes sociais: JPG ou PNG. A maioria das plataformas recodifica de qualquer jeito, então não se preocupe com WebP/AVIF no upload.

Assinatura de e-mail: PNG (máxima compatibilidade, suporte a transparência) ou JPG (menor).

Resumo

Em 2026, o stack moderno de imagens da web é AVIF para WebP para JPG, servido via <picture> com fallbacks, com PNG e SVG mantendo seus papéis para gráficos e logos.

Para conversões pontuais, o Converter Imagem cuida da matriz completa localmente, a sua imagem nunca chega a um servidor, suporta JPG, PNG, WebP e AVIF tanto como entrada quanto como saída. Use conforme a necessidade, mas entenda o que cada formato otimiza para que as suas escolhas sejam deliberadas.