Guia de formatos de imagem — JPG, PNG, WebP, SVG, GIF, AVIF
Escolher o formato de imagem certo afeta a velocidade de carga, qualidade visual e experiência do usuário. Nosso guia compara os 6 formatos mais usados: JPG, PNG, WebP, SVG, GIF e AVIF. Veja as características de cada um, prós e contras, suporte em navegadores e recomendações por caso de uso.
Atualizado:
Joint Photographic Experts Group
.jpg / .jpeg | Raster (pixeles)
Mejor para
- Fotos
- Imagenes con muchos colores
- Fondos de pantalla
Mediano
100%
Ventajas
- Soporte universal
- Buen ratio compresion/calidad
- Ideal para fotografias
Desventajas
- Sin transparencia
- Pierde calidad al recomprimir
- No soporta animaciones
Tabla comparativa
| Formato | Transp. | Anim. | Tamano | Soporte |
|---|---|---|---|---|
JPG | Mediano | 100% | ||
PNG | Grande | 100% | ||
WebP | Pequeno | 97%+ | ||
SVG | Muy pequeno | 100% | ||
GIF | Grande | 100% | ||
AVIF | Muy pequeno | 93%+ |
Guia rapida: que formato usar
Foto para web: WebP (con fallback JPG)
Logo o icono: SVG (o PNG si necesitas raster)
Screenshot: PNG
Animacion corta: GIF (o WebP animado)
Maximo rendimiento: AVIF (con fallback WebP)
Redes sociales: JPG o PNG (segun transparencia)
Como funciona
Selecione um formato
Clique em qualquer um dos 6 formatos (JPG, PNG, WebP, SVG, GIF, AVIF) para ver suas características completas.
Compare características
Revise a tabela comparativa para ver transparência, animação, tamanho médio e suporte de cada formato lado a lado.
Consulte o guia rápido
Use a seção de guia rápido no final para saber imediatamente qual formato usar conforme o caso: foto, logo, screenshot, animação, etc.
Guia prático para escolher o formato de imagem correto
A diferença entre JPG e PNG parece técnica, mas tem impacto direto na sua experiência como criador. JPG é compressão com perda: cada vez que você salva uma imagem em JPG, ela perde um pouco de qualidade. É perfeito para fotos onde essa perda é imperceptível. PNG não perde qualidade e suporta transparência, mas os arquivos são muito mais pesados.
WebP é o formato que todo mundo deveria estar usando em 2025. Pesa 30% menos que JPG com a mesma qualidade, suporta transparência como PNG e animações como GIF. 97% dos navegadores suportam. Se você publica conteúdo na web ou na sua página de links, WebP é a melhor opção em quase todos os casos.
SVG é um caso especial: é vetorial, o que significa que escala para qualquer tamanho sem perder qualidade. É perfeito para logos, ícones e ilustrações simples. Mas não serve para fotos. Se seu logo está em PNG ou JPG e você amplia, ele pixeliza. Em SVG, pode colocar num outdoor e fica perfeito. Se ainda não tem seu logo em SVG, peça ao seu designer.
Perguntas frequentes
Qual o melhor formato para web?+
Quando devo usar PNG em vez de JPG?+
SVG funciona para fotos?+
Ferramentas relacionadas
Já sabe qual formato usar. Agora otimize sua presença.
Crie sua página de links com imagens otimizadas. Grátis.