🖼️ Comparação de Formatos de Imagem Comuns

Formato	Tipo de Compressão	Qualidade	Transparência	Animação	Tamanho do Arquivo	Uso Típico
JPG / JPEG	Com perdas (Lossy)	⭐⭐⭐⭐ (ajustável)	❌	❌	Pequeno	Fotos, fotografia
PNG	Sem perdas (Lossless)	⭐⭐⭐⭐⭐	✅	❌	Maior	Ícones, UI, screenshots
WEBP	Com / Sem perdas	⭐⭐⭐⭐⭐	✅	✅	Muito pequeno	Imagens para web
AVIF	Com / Sem perdas	⭐⭐⭐⭐⭐⭐	✅	✅	Extremamente pequeno	Imagens para web de alta qualidade
GIF	Sem perdas (8-bit)	⭐⭐	✅ (básica)	✅	Grande	Animações, memes
HEIC	Com perdas (eficiente)	⭐⭐⭐⭐⭐	✅	❌	Muito pequeno	Fotos de celular (Apple)
BMP	Sem compressão	⭐⭐⭐⭐⭐	❌	❌	Extremamente grande	Armazenamento de imagem bruta (raw)
SVG	Vetorial (não usa pixel)	Infinta	✅	Limitada	Muito pequeno	Ícones, logotipos

🔍 Explicação de Cada Formato

👉 Ideal para: retratos, paisagens, fotografia em geral

Compressão sem perdas (nenhuma perda de qualidade)
Prós
- Suporta transparência (recurso importante)
- Alta qualidade de imagem
Contras
- Tamanho de arquivo maior

👉 Ideal para: design de interface (UI), ícones, capturas de tela (screenshots), imagens transparentes

Um formato de imagem moderno para a web
Prós
- Menor que JPG/PNG
- Suporta transparência e animações
Contras
- Dispositivos muito antigos podem não suportar (hoje já funciona na grande maioria)

👉 Ideal para: otimização de sites (escolha recomendada)

👉 Ideal para: imagens web de alta qualidade, uso futuro

Formato clássico de animação
Prós
- Suporta animações
- Amplamente compatível
Contras
- Limitado a 256 cores (baixa qualidade)
- Tamanho de arquivo grande

👉 Ideal para: memes, animações simples

👉 Ideal para: armazenamento de fotos no celular (especialmente iPhone)

👉 Ideal para: processamento de imagem de baixo nível (pouco prático para o dia a dia)

Não é baseado em pixels, usa formas matemáticas
Prós
- Escalabilidade infinita (sem perda de qualidade)
- Tamanho de arquivo muito pequeno
Contras
- Não é adequado para fotos

👉 Ideal para: logotipos, ícones, ilustrações