Todo formato de imagem é um conjunto de trade-offs entre tamanho de arquivo, qualidade e recursos como transparência ou animação. Escolha o errado e você fica com arquivos inchados, texto borrado ou gráficos que não aparecem. Aqui está cada um dos formatos comuns em termos simples, seguidos de uma tabela para você manter por perto.
As duas grandes famílias
Antes dos formatos individuais, uma distinção explica a maioria deles:
- Imagens raster são grades de pixels. Fotos são raster. Dê zoom o bastante e você vê quadradinhos. PNG, JPG, WebP, AVIF e GIF são todos raster.
- Imagens vetoriais são matemática — linhas, curvas e formas definidas por coordenadas. Elas escalam para qualquer tamanho sem borrar. SVG é o formato vetorial na web.
A outra ideia-chave é com perda vs sem perda. Formatos com perda (JPG, geralmente AVIF/WebP) descartam algum detalhe para encolher o arquivo. Formatos sem perda (PNG, GIF, WebP sem perda) mantêm cada pixel exatamente.
Os formatos, um por um
JPG (JPEG) — O cavalo de batalha para fotografias. Com perda, pequeno e legível literalmente em todo lugar. Sem transparência, sem animação. Salvar repetidamente degrada aos poucos. Use para fotos e qualquer lugar que precise de máxima compatibilidade.
PNG — Sem perda, suporta transparência. A escolha certa para capturas de tela, logos, ícones e diagramas — qualquer coisa com texto ou bordas nítidas. Fotos em PNG são grandes, então não use para elas.
WebP — Um formato moderno que faz os dois trabalhos: o modo com perda supera o JPG em tamanho (~25–35% menor), o modo sem perda suporta transparência e permanece compacto. Também lida com animação. Universalmente suportado nos navegadores hoje. Ideal para a web; menos para e-mail ou software antigo.
AVIF — O mais novo e melhor compressor aqui, cerca de metade do tamanho do JPEG em qualidade similar, com transparência e HDR. Os navegadores conseguem exibi-lo bem, mas não conseguem codificá-lo de forma confiável a partir de um canvas — então ferramentas baseadas em navegador recorrem ao WebP quando você pede AVIF. Uma codificação AVIF de verdade precisa de um servidor ou aplicativo nativo.
GIF — Antigo, limitado a 256 cores, mas o clássico para animação simples. Para qualquer coisa além de um loop curto, WebP (ou um vídeo) é menor e mais nítido. Bom para ícones animados minúsculos; ruim para fotos.
SVG — Vetorial, então escala infinitamente sem borrar e permanece minúsculo para gráficos simples. Perfeito para logos, ícones e ilustrações. É código, não pixels, então não consegue representar uma fotografia.
Tabela comparativa
| Formato | Tipo | Compressão | Transparência | Animação | Melhor para |
|---|---|---|---|---|---|
| JPG | Raster | Com perda | Não | Não | Fotos, compatibilidade máxima |
| PNG | Raster | Sem perda | Sim | Não | Capturas de tela, logos, texto |
| WebP | Raster | Ambas | Sim | Sim | Imagens web, pequeno + alfa |
| AVIF | Raster | Com/sem perda | Sim | Sim | Compressão máxima (no servidor) |
| GIF | Raster | Sem perda | Só 1-bit | Sim | Animações simples |
| SVG | Vetorial | N/A | Sim | Sim (com CSS/JS) | Logos, ícones, ilustrações |
Como escolher, rápido
- Fotografia? JPG para compatibilidade, WebP para a web.
- Captura de tela, logo ou texto? PNG (raster) ou SVG (se for um gráfico vetorial de verdade).
- Precisa de transparência? PNG, WebP, AVIF ou SVG — nunca JPG.
- Animação? WebP para qualidade e tamanho, GIF só pela simplicidade legada.
- Publicando em um site? WebP costuma ser o padrão inteligente.
Convertendo entre eles
Quando você está com o formato errado, não precisa enviar nada para corrigir. O Conversor de Imagens alterna entre PNG, JPG e WebP direto no seu navegador usando Canvas — sem conta, nada transmitido, e funciona offline após a primeira visita. Ele lida com lotes e, se você pedir AVIF, recorre ao WebP (menor que JPG/PNG e suportado em todo lugar), já que os navegadores não conseguem codificar AVIF de forma confiável.
Mantenha a tabela acima em mente e a escolha de formato deixa de ser adivinhação: combine o formato ao conteúdo (foto vs gráfico), depois ao destino (web, e-mail, impressão), e você vai acertar quase todas as vezes.