Imagens para sites: Formatos e tamanhos ideais

Escolher os formatos e tamanhos ideais de imagens para sites é fundamental para performance e experiência do usuário.

Formatos recomendados por tipo

Para fotos

1. WebP - Primeira escolha (25-35% menor)
2. JPG - Fallback universal
3. AVIF - Futuro (ainda limitado)

Para gráficos e logos

1. SVG - Vetores escaláveis
2. PNG - Quando precisa de transparência
3. WebP - Alternativa com boa compressão

Para ícones

1. SVG - Ideal para ícones
2. PNG - Fallback
3. ICO - Para favicons

Tamanhos recomendados

Uso	Tamanho recomendado
Hero banner	1920 x 1080 px
Card de blog	800 x 600 px
Thumbnail	400 x 300 px
Favicon	32 x 32 px
Social share	1200 x 630 px

Densidade de pixels (DPI)

Para telas Retina:

• Forneça imagens 2x o tamanho de exibição
• Use srcset para responsive images
• Ou use SVG quando possível

Ferramentas de conversão

Use nossos conversores gratuitos:

• Converter para WebP
• Converter para PNG
• Converter para ICO

Conclusão

Use WebP para fotos, SVG para vetores, e sempre dimensione suas imagens corretamente para máxima performance!