PNG, JPG ou WEBP: qual formato usar em cada situação

Escolher o formato certo é metade do trabalho de otimização. O outro metade é a compressão. Aqui vai um guia direto, sem enrolação.

JPG, PNG ou WEBP: quando usar cada um JPG Fotos fundo opaco ❌ logo e texto PNG Logos, ícones transparência ❌ fotos pesam WEBP Quase tudo ~30% menor ✓ web moderna
Na dúvida, WEBP — e mantenha um JPG de reserva para onde o WEBP ainda não pega.

JPG — o padrão para fotos

Use JPG quando: a imagem é uma foto (paisagem, retrato, produto com fundo) e não precisa de transparência. É o formato com a melhor relação tamanho/qualidade para fotografias.

  • ✅ Fotos de produto, banners, capas de blog, fotos pessoais.
  • ❌ Logos, ícones, prints com texto pequeno (vira embaçado).

PNG — o padrão para gráficos com transparência

Use PNG quando: a imagem tem fundo transparente, é um logo, ícone ou contém texto/linhas finas. PNG é "lossless" (sem perda), então cada pixel fica nítido.

  • ✅ Logos, ícones, screenshots, infográficos, badges.
  • ❌ Fotos comuns — o arquivo fica muito mais pesado que o JPG equivalente.

WEBP — o moderno, vence em quase tudo

WEBP é o formato do Google e funciona bem em todos os navegadores modernos (desde 2020). Entrega:

  • ~30% menor que JPG na mesma qualidade.
  • ~26% menor que PNG quando precisa de transparência.
  • Suporta animação (substituto do GIF).

Use WEBP sempre que sua plataforma aceitar. A única ressalva: alguns CMS antigos e o WhatsApp ainda têm suporte irregular.

Tabela rápida de decisão

  • Foto de produto no e-commerce: WEBP (com fallback JPG).
  • Foto para WhatsApp: JPG.
  • Logo do site: SVG > PNG.
  • Ícone com transparência: PNG ou WEBP.
  • Banner de blog: WEBP.
  • Stories do Instagram: JPG (Instagram converte tudo).
  • Print de tela: PNG (texto fica nítido).

E o GIF e o SVG?

GIF só vale para animações curtas — para qualquer outra coisa, WEBP é melhor. SVG é vetor, perfeito para logos e ícones simples: escala infinitamente sem perder qualidade e geralmente pesa pouquíssimos KB.

Resumindo

Se você está em dúvida e a imagem é uma foto, escolha WEBP com qualidade média. Se a plataforma não aceitar, vá de JPG. Para gráficos com transparência, PNG. E sempre passe pelo TinyFoto antes de subir — você reduz pela metade sem nem perceber.

Qualidade vs. tamanho — o ajuste fino

Compressão JPG e WEBP é controlada por um número de qualidade de 0 a 100. Na prática:

  • 90-100: diferença visual zero, mas arquivos quase do tamanho original. Útil só para arquivamento.
  • 75-85: a faixa "sweet spot" — qualidade indistinguível para o olho humano e redução de 50-70%.
  • 60-75: dá pra perceber um leve ruído em áreas lisas (céu, parede), mas ainda muito aceitável para web.
  • Abaixo de 60: aparecem artefatos visíveis. Use só quando o tamanho é mais importante que a qualidade.

Os níveis "Baixo / Médio / Alto" do TinyFoto correspondem grosso modo a qualidade ~85, ~75 e ~60.

Quando NÃO comprimir

Algumas situações pedem o arquivo original sem compressão extra:

  • Fotos para impressão profissional (catálogo, livro, gigantografia).
  • Arquivamento de fotos de família, casamentos, eventos únicos.
  • Material de portfólio entregue a um cliente que pediu "máxima qualidade".
  • Fotos que vão passar por edição pesada depois (cada nova exportação JPG adiciona perda).

Perguntas frequentes

WEBP perde qualidade ao salvar de novo? Sim, igual ao JPG — toda re-exportação adiciona um pouquinho de perda. Mantenha o original em PNG ou em qualidade 100 se for editar muitas vezes.

Posso converter PNG em JPG sem perder muito? Sim, desde que a imagem não dependa de transparência. PNG com transparência convertido para JPG fica com fundo branco ou preto.

HEIC (iPhone) entra nessa lista? HEIC é mais eficiente que JPG, mas o suporte fora da Apple ainda é irregular. Para web, converta para WEBP ou JPG — veja nosso guia de HEIC.

AVIF é melhor que WEBP? Tecnicamente sim — comprime mais para a mesma qualidade — mas o suporte em navegadores e ferramentas ainda está pegando velocidade. Em 2026, WEBP é a escolha segura para a maioria dos casos.

Comprimir uma imagem agora →