Guia Definitivo de Tamanho de Arquivos de Imagem para Web
Toda imagem no seu site tem um orçamento de tamanho de arquivo. Passe dele e a página arrasta; fique dentro e tudo parece instantâneo. Este guia dá alvos concretos em KB pra cada uso comum, as dimensões em pixels correspondentes e o formato que te leva lá.
Tabela de Referência: Tamanhos Ideais por Uso
Estes alvos assumem WebP ou AVIF. Se estiver preso ao JPEG, adicione cerca de 25-30%.
| Uso | Largura em pixels | Tamanho alvo | Formato recomendado |
|---|---|---|---|
| Banner hero full-width | 1600-1920px | 100-200 KB | WebP ou AVIF |
| Imagem de conteúdo/blog | 800-1200px | 60-150 KB | WebP |
| Foto de produto (principal) | 800-1000px | 80-150 KB | WebP |
| Thumbnail de produto | 300-400px | 20-50 KB | WebP |
| Imagem de card/preview | 400-600px | 30-80 KB | WebP |
| Avatar/foto de perfil | 64-128px | 5-15 KB | WebP ou JPEG |
| Logo | Variável | 5-30 KB | SVG (preferido) ou PNG |
| Ícone | 24-48px | 1-5 KB | SVG |
| Padrão de fundo | 200-400px (ladrilhado) | 10-30 KB | WebP ou PNG |
| Compartilhamento social (OG) | 1200 x 630px | 80-150 KB | JPEG ou WebP |
De Onde Vem Esses Números
A página web mediana pesa cerca de 2.5 MB no celular, e imagens sozinhas respondem por aproximadamente 1 MB — cerca de 40% do peso total, segundo dados do HTTP Archive de 2025. O limiar "bom" do Google pra LCP é 2.5 segundos. Pra atingir esse alvo numa conexão 4G (throughput efetivo de ~1.5 MB/s), sua hero image precisa carregar em menos de um segundo — ou seja, ficar abaixo de 200 KB.
O Formato Faz a Maior Diferença
A mesma foto na mesma qualidade visual pode ter tamanhos radicalmente diferentes dependendo do formato:
| Formato | Exemplo: foto 1200px | Tamanho relativo |
|---|---|---|
| PNG sem compressão | ~3.5 MB | Referência |
| JPEG (qualidade 80) | ~180 KB | ~5% |
| WebP (qualidade 80) | ~130 KB | ~3.7% |
| AVIF (qualidade 65) | ~90 KB | ~2.5% |
Trocar JPEG por WebP economiza 25-35%. AVIF economiza cerca de 50% vs JPEG. Pra uma comparação detalhada, veja nosso guia WebP vs AVIF.
Converta agora: JPG pra WebP, qualquer formato pra AVIF, ou use conversão em lote pra vários arquivos.
Dimensões em Pixels: O Multiplicador Oculto
Tamanho de arquivo é função de duas coisas: contagem de pixels e compressão. A maioria das pessoas foca na compressão e ignora a contagem de pixels — mas reduzir dimensões tem efeito muito maior.
Exemplo: uma foto de 4000 x 3000 tem 12 milhões de pixels. Redimensione pra 1200 x 900 e são 1.08 milhão — redução de 91% nos dados brutos. Mesmo antes da compressão, você eliminou a maior parte do peso.
Use o redimensionador do Vizua pra trazer imagens pro tamanho exato. Depois comprima com o compressor JPEG ou PNG.
Qualidade de Compressão: Encontrando o Ponto Ideal
Ponto de partida: Uma foto da câmera, 4000 x 3000, salva como PNG — cerca de 14 MB.
- Redimensione pra 1200 x 900: ~3.5 MB como PNG
- Converta pra WebP qualidade 80: ~130 KB
- Converta pra AVIF qualidade 65: ~90 KB
Redução de 99.3% do PNG original. A imagem resultante é visualmente indistinguível da fonte. Pra recomendações detalhadas, veja nosso guia de compressão sem perda de qualidade.
Casos Especiais
E-commerce
Fotos de produto a 800-1000px (1600-2000px pra Retina) em WebP. Thumbnails em grid a 300-400px, em torno de 20-50 KB cada.
Portfólio de fotografia
Previews a 1200-1600px em WebP (qualidade 85), entre 150-250 KB. Ofereça link separado pra versão em alta resolução.
Compartilhamento social (Open Graph)
OG images a 1200 x 630px, abaixo de 150 KB. Facebook e Twitter aceitam JPEG e PNG; alguns já suportam WebP.
Orçamento Total de Imagens por Página
Mire num peso total de imagens abaixo de 500 KB por página:
- 1 hero image: ~150 KB
- 3-4 imagens de conteúdo: ~100 KB cada, total ~300-400 KB
- Thumbnails, avatares, ícones: ~50 KB combinados
Perguntas Frequentes
Qual o tamanho ideal de arquivo pra imagem de site?
Depende do uso. Hero images devem ficar abaixo de 200 KB, imagens de conteúdo abaixo de 150 KB e thumbnails abaixo de 80 KB. Esses alvos assumem WebP ou AVIF. Em JPEG, adicione 20-30% a mais.
Como reduzir o tamanho do arquivo sem perder qualidade?
Três passos: redimensione pro tamanho real de exibição, converta pra WebP ou AVIF, e comprima a qualidade 75-85. Nessas configurações, a diferença visual é indetectável.
Existe um tamanho máximo de imagem recomendado pelo Google?
O Google não publica um limite explícito em KB, mas o PageSpeed Insights sinaliza qualquer imagem que poderia ser significativamente menor. Na prática, manter imagens individuais abaixo de 200 KB e o peso total de imagens abaixo de 500 KB dá scores LCP consistentemente bons.
O tamanho do arquivo de imagem afeta o SEO?
Sim. Imagens impactam diretamente o Largest Contentful Paint (LCP), uma das três Core Web Vitals do Google. Um LCP lento (acima de 2.5 segundos) prejudica o ranking.
Quais dimensões usar pra imagens de produto?
Pra e-commerce, sirva imagens de produto a 800-1000px de largura na visualização principal e 300-400px pra thumbnails em grid. A maioria das fotos de produto comprime bem em WebP qualidade 80, ficando entre 80-150 KB.
Atinja seus alvos de tamanho
Grátis, privado, sem cadastro. Tudo roda no seu navegador.