Por que o tamanho importa?
Sites com imagens mal otimizadas carregam lentamente, aumentam a taxa de abandono e prejudicam o SEO.
60–70%
Do peso da página
2.5s
LCP bom (Google)
<1MB
Meta de imagens
Tamanhos recomendados
| Tipo de imagem | Largura máxima | Tamanho do arquivo | Formato |
|---|---|---|---|
| Hero / Banner | 1920px | Até 400KB | WebP ou JPG |
| Imagem de conteúdo | 800px | Até 150KB | WebP ou JPG |
| Thumbnail / Card | 400px | Até 60KB | WebP ou JPG |
| Logo | 200px | Até 20KB | SVG ou PNG |
| Foto de produto | 800px | Até 200KB | WebP ou JPG |
Regras de ouro
- Nunca carregue imagens maiores que o necessário
- Use WebP como formato padrão
- Defina width e height no HTML
- Use loading="lazy" fora da área visível
Como otimizar antes do upload
- Redimensione para as dimensões exatas
- Comprima com qualidade 80–85%
- Converta para WebP
💡 Use o Google PageSpeed Insights para verificar o impacto das imagens no seu site.
Ferramentas relacionadas