Redimensionar imagens
Pixels exatos ou porcentagem, em lote.
Solte imagens para redimensionar
Cada imagem é medida sozinha, então formatos misturados saem certos.
Guia: Dimensões ou porcentagem4 min de leitura
Dimensões ou porcentagem
Por dimensões mira um tamanho exato em pixels. Preencha só a largura e a altura é calculada — que é o que você quer quase sempre, porque garante as proporções. Preencha as duas e cada imagem é ajustada para caber dentro da caixa, então um lote misto de retratos e paisagens sai todo dentro do espaço permitido. Por porcentagem reduz cada imagem em relação ao próprio tamanho — use quando as fotos são diferentes entre si e você quer todas na mesma proporção de redução.
Que tamanho as imagens deveriam ter?
A regra que cobre a maioria dos casos: o espaço que a imagem ocupa, dobrado para telas de alta densidade.
- Imagens de post ou artigo — 1200 a 1600 pixels de largura.
- Banners de largura cheia — 1920 é suficiente.
- Miniaturas e avatares — 300 a 600 pixels.
- Anexos de e-mail — 1600 mantém nitidez num arquivo que dá para enviar.
Acima de uns 2400 pixels de largura, você quase sempre está despachando bytes que ninguém vê: o navegador baixa todos e joga o excedente fora, por conta do seu visitante.
Redimensionar é o jeito mais eficaz de encolher um arquivo
O tamanho do arquivo escala com a contagem de pixels, e ela escala com o quadrado das dimensões. Reduzir largura e altura à metade elimina três quartos dos pixels — economia maior do que qualquer controle de qualidade entrega sem dano visível. O melhor resultado vem de fazer as duas coisas em ordem: redimensionar para cerca do dobro do tamanho de exibição, e depois comprimir. Uma foto de celular de 5 MB vira rotineiramente 150 KB assim, sem perda que se veja.
Ampliar não cria detalhe
Aumentar além de 100% não recupera informação que nunca foi capturada. O navegador interpola — inventa pixels intermediários pela média dos vizinhos — e o resultado sai macio em vez de nítido. Até uns 150% é tolerável para imagem de fundo; além disso, fica óbvio. Se você precisa de uma versão maior, a resposta é sempre achar o arquivo original, nunca ampliar uma cópia pequena.
Proporção, e quando quebrá-la
Com a proporção travada, nada é distorcido. Destravar força as duas dimensões exatas, esticando ou achatando a imagem — ocasionalmente útil para textura ou fundo, quase nunca certo para foto de pessoa. Se o que você precisa é um quadrado exato a partir de um retângulo, o que você quer é cortar, não redimensionar.
Por que existe um tamanho máximo
Navegadores limitam a área de desenho, e o limite é bem menor no celular do que no computador. Peça mais e o navegador devolve uma imagem em branco, sem erro nenhum. Em vez de deixar isso acontecer, a ferramenta limita a saída ao maior tamanho que o aparelho aguenta com segurança e avisa quando o fez — uma imagem real, um pouco menor que o pedido, em vez de um vazio misterioso.
Perguntas frequentes
Dimensões ou porcentagem — qual uso?
Dimensões quando você precisa de um tamanho exato: preencha só a largura e a altura é calculada, o que preserva as proporções. Porcentagem quando as imagens são diferentes entre si e você quer todas reduzidas na mesma medida, sem forçá-las a um tamanho comum.
Que tamanho minhas imagens deveriam ter?
A regra que cobre a maioria dos casos: o espaço que a imagem ocupa, dobrado para telas de alta densidade. Imagens de artigo, 1200 a 1600 pixels de largura; banner, 1920 basta; miniaturas, 300 a 600; anexo de e-mail, 1600 mantém nitidez com tamanho razoável. Acima de uns 2400 pixels você quase sempre está enviando bytes que ninguém vê.
Redimensionar diminui mais que comprimir?
Em geral, sim. O tamanho do arquivo escala com a contagem de pixels, e ela escala com o quadrado das dimensões — reduzir largura e altura à metade elimina três quartos dos pixels. O melhor resultado vem de fazer os dois em ordem: redimensionar primeiro, comprimir depois.
Ampliar melhora a imagem?
Não. Aumentar além de 100% não recupera detalhe que nunca foi capturado — o navegador apenas inventa pixels intermediários pela média dos vizinhos, e o resultado fica macio. Até uns 150% é tolerável para fundo; além disso, é visível. Se precisa maior, o caminho é achar o arquivo original.
Por que existe um tamanho máximo?
Navegadores limitam a área de desenho, e o limite é bem menor no celular. Em vez de devolver uma imagem em branco — que é o que acontece ao passar do teto — a ferramenta limita a saída ao maior tamanho seguro do aparelho e avisa quando fez isso.