Guia de redimensionamento de imagens: dimensões ótimas para web e redes sociais
Escolher o tamanho de imagem correto para sites, redes sociais e e-mail afeta tanto a qualidade visual quanto a velocidade de carregamento da página.
Atualizado em:
Por que o tamanho da imagem importa
Imagens grandes aumentam o tempo de carregamento. Google Core Web Vitals: LCP deve ser inferior a 2,5 segundos. Imagens pequenas causam perda de qualidade. O tamanho correto otimiza tanto a qualidade quanto o desempenho.
Dimensões ótimas para sites
Hero/banner: 1920x1080 px (16:9), 200-400 KB. Capa de blog: 1200x628 px, 100-200 KB. Imagem de conteúdo: 800x600 px, 50-150 KB. Miniatura: 300x200 px, 20-50 KB. Logo: 200x50 px, 10-30 KB. Favicon: 32x32 ou 16x16 px.
Dimensões ótimas para redes sociais
Instagram: Quadrado 1080x1080, Retrato 1080x1350, Story 1080x1920. Facebook: Capa 820x312, Post 1200x630. Twitter/X: Cabeçalho 1500x500, Post 1200x675. LinkedIn: Capa 1584x396, Post 1200x627. YouTube: Miniatura 1280x720.
Dicas de redimensionamento
1. Bloqueie a proporção. 2. Use resolução 2x para Retina. 3. Use WebP. 4. Lazy loading. 5. Imagens responsivas (srcset).
Redimensionador de imagens do Utilgo
O redimensionador de imagens do Utilgo suporta redimensionamento por pixels ou porcentagem, bloqueio de proporção e seleção de formato (JPEG/PNG/WebP). Arquivos até 20 MB e 40 megapixels.
Ferramentas relacionadas
Guias passo a passo
Artigos práticos sobre este tema
Desempenho Web Móvel: Otimização e Melhores Práticas
O desempenho web móvel envolve desafios diferentes do desempenho de desktop.
Como deixar uma foto abaixo de 200 KB para um formulário
Um formulário pode rejeitar uma foto mesmo com dimensões aparentemente corretas.
Imagens Responsivas: srcset, sizes e Art Direction
Imagens responsivas servem imagens otimizadas para diferentes tamanhos de tela e resoluções.