Guia Definitivo de Tamanho de Arquivos de Imagem para Web
Toda imagem no seu site tem um orcamento de tamanho de arquivo. Passe dele e a pagina arrasta; fique dentro e tudo parece instantaneo. Este guia da alvos concretos em KB pra cada uso comum, as dimensoes em pixels correspondentes e o formato que te leva la.
Tabela de Referencia: 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 conteudo/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 | Variavel | 5-30 KB | SVG (preferido) ou PNG |
| Icone | 24-48px | 1-5 KB | SVG |
| Padrao 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 Numeros
A pagina 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 e 2.5 segundos. Pra atingir esse alvo numa conexao 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 Diferenca
A mesma foto na mesma qualidade visual pode ter tamanhos radicalmente diferentes dependendo do formato:
| Formato | Exemplo: foto 1200px | Tamanho relativo |
|---|---|---|
| PNG sem compressao | ~3.5 MB | Referencia |
| 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 comparacao detalhada, veja nosso guia WebP vs AVIF.
Converta agora: JPG pra WebP, qualquer formato pra AVIF, ou use conversao em lote pra varios arquivos.
Dimensoes em Pixels: O Multiplicador Oculto
Tamanho de arquivo e funcao de duas coisas: contagem de pixels e compressao. A maioria das pessoas foca na compressao e ignora a contagem de pixels — mas reduzir dimensoes tem efeito muito maior.
Exemplo: uma foto de 4000 x 3000 tem 12 milhoes de pixels. Redimensione pra 1200 x 900 e sao 1.08 milhao — reducao de 91% nos dados brutos. Mesmo antes da compressao, voce 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 Compressao: Encontrando o Ponto Ideal
Ponto de partida: Uma foto da camera, 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
Reducao de 99.3% do PNG original. A imagem resultante e visualmente indistinguivel da fonte. Pra recomendacoes detalhadas, veja nosso guia de compressao 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.
Portfolio de fotografia
Previews a 1200-1600px em WebP (qualidade 85), entre 150-250 KB. Ofereaca link separado pra versao em alta resolucao.
Compartilhamento social (Open Graph)
OG images a 1200 x 630px, abaixo de 150 KB. Facebook e Twitter aceitam JPEG e PNG; alguns ja suportam WebP.
Orcamento Total de Imagens por Pagina
Mire num peso total de imagens abaixo de 500 KB por pagina:
- 1 hero image: ~150 KB
- 3-4 imagens de conteudo: ~100 KB cada, total ~300-400 KB
- Thumbnails, avatares, icones: ~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 conteudo 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?
Tres passos: redimensione pro tamanho real de exibicao, converta pra WebP ou AVIF, e comprima a qualidade 75-85. Nessas configuracoes, a diferenca visual e indetectavel.
Existe um tamanho maximo de imagem recomendado pelo Google?
O Google nao publica um limite explicito em KB, mas o PageSpeed Insights sinaliza qualquer imagem que poderia ser significativamente menor. Na pratica, manter imagens individuais abaixo de 200 KB e o peso total de imagens abaixo de 500 KB da scores LCP consistentemente bons.
O tamanho do arquivo de imagem afeta o SEO?
Sim. Imagens impactam diretamente o Largest Contentful Paint (LCP), uma das tres Core Web Vitals do Google. Um LCP lento (acima de 2.5 segundos) prejudica o ranking.
Quais dimensoes usar pra imagens de produto?
Pra e-commerce, sirva imagens de produto a 800-1000px de largura na visualizacao 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
Gratis, privado, sem cadastro. Tudo roda no seu navegador.