Preparar fotos para um site: tamanho, formato, peso
Atualizado em 29 de outubro de 2026
Uma foto direto da câmera tem 5 MB e 6000 pixels de largura; uma foto numa página tem no máximo 1 ou 2 milhões de pixels e deveria pesar de 100 a 300 KB. Tudo entre esses dois números é velocidade de página que você está jogando fora.
Três decisões resolvem: o tamanho em pixels, o formato e a qualidade. Estes são os números que funcionam em 2026 e as ferramentas que os aplicam no navegador.
Tamanho: exporte para o maior lugar onde a foto será mostrada
Um «hero» de largura total no desktop tem de 1600 a 1920 pixels; uma imagem de blog 1200; uma miniatura de produto 600; um avatar 256. Dobre esses valores só para imagens mostradas pequenas mas ampliadas ao clicar. Redimensione pelo lado mais longo com a ferramenta de redimensionar; ela mantém as proporções e nunca amplia.
Dois tamanhos por imagem (grande e pequeno) com o atributo srcset é a configuração comum em produção; a ferramenta de redimensionar pode produzir os dois de uma só vez.
Formato: WebP por padrão, AVIF para os maiores ganhos, JPG na dúvida
WebP é suportado em todo lugar e é de 25 a 35 por cento menor que JPG com a mesma aparência. AVIF vai além (muitas vezes metade do JPG) e é suportado por todos os navegadores atuais; codifica devagar, o que não importa para algumas fotos. PNG é para gráficos com bordas nítidas ou transparência, nunca para fotos.
A ferramenta de converter imagens alterna entre todos; a de comprimir faz redimensionar, converter e qualidade numa só passada.
Qualidade: de 75 a 82
Qualidade 80 em JPG ou WebP é o ponto em que mais qualidade fica invisível na tela e o arquivo continua encolhendo abaixo dela. Vá a 70 para fundos e miniaturas. Use a configuração de tamanho alvo quando uma plataforma impõe um limite (200 KB é comum em marketplaces).
Dicas
- Remova o EXIF a menos que precise: os metadados de uma câmera podem ter 50 KB e incluem a localização.
- Use o controle antes/depois da ferramenta de comprimir para julgar, com zoom de 100 por cento.
- Guarde os originais; exporte de novo a partir deles quando o design mudar.
Perguntas
- Devo usar AVIF em 2026?
- Sim para páginas cheias de fotos; todo navegador atual decodifica. Ofereça uma alternativa WebP ou JPG só se ainda der suporte a navegadores muito antigos.
- Redimensionar perde qualidade?
- Reduzir remove pixels que você não consegue mostrar de qualquer jeito. A reamostragem usada aqui (Lanczos) mantém as bordas nítidas.
- E os HEIC do iPhone?
- Converta primeiro para JPG ou WebP; os navegadores não exibem HEIC em páginas web.