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 — 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.