Redimensionar ou comprimir? A ordem certa para reduzir imagens

"Reduzir uma imagem" pode significar duas coisas bem diferentes: diminuir as dimensões (redimensionar) ou deixar o arquivo mais leve nas mesmas dimensões (comprimir). Muita gente confunde as duas, mas na ordem errada você não reduz o suficiente ou perde qualidade à toa. Entender a diferença — e a ordem certa — é a chave para arquivos pequenos que continuam bonitos.

O que o redimensionamento faz

Redimensionar muda as dimensões em pixels, por exemplo de 4000×3000 para 1200×900. Como o tamanho do arquivo cresce com o número de pixels, cortar dimensões tem efeito enorme: reduzir largura e altura pela metade elimina cerca de 75% dos pixels — e normalmente a maior parte do peso.

O que a compressão faz

A compressão reduz os bytes necessários para armazenar os mesmos pixels, descartando detalhes quase imperceptíveis (com perdas) ou empacotando os dados com mais eficiência (sem perdas). Ela reduz o peso sem mudar as dimensões, ao custo de alguma qualidade nos formatos com perdas.

Qual fazer primeiro?

Redimensione primeiro, depois comprima. Não faz sentido comprimir com capricho milhões de pixels que você vai jogar fora. Redimensione a imagem para o maior tamanho em que ela será exibida e aplique a compressão nessa imagem menor. Na ordem inversa, a informação que você comprimiu com esforço é descartada de novo pelo redimensionamento — trabalho em dobro.

Uma regra simples

• Defina o tamanho máximo de exibição (some ~2x para retina)
• Redimensione a imagem para esse tamanho
• Converta para WebP ou AVIF com qualidade por volta de 75
• Compare antes/depois e ajuste se preciso

Combine as duas para o melhor resultado

Os maiores ganhos vêm de fazer ambas. Uma foto de 5 MB exibida na coluna estreita de um blog pode cair para bem menos de 100 KB depois de redimensionada para a largura certa e comprimida em WebP — sem diferença visível. O Scrunch cuida da conversão e compressão: combine com um tamanho de exibição sensato e suas imagens ficarão o mais leves possível.

Perguntas frequentes

Redimensionar prejudica a qualidade?

Se você reduzir aproximadamente para o tamanho de exibição — e não menor —, a imagem até parece mais nítida na tela. Ela só fica borrada se encolher abaixo do espaço que ocupa: use o tamanho de exibição (cerca de 2x para retina) como alvo.

Só comprimir não basta?

Se as dimensões originais são muito maiores que o tamanho de exibição, a compressão sozinha tem limites — você está comprimindo pixels desnecessários. Reduzir primeiro a contagem de pixels com o redimensionamento rende muito mais.

Posso redimensionar e comprimir de uma vez?

Pode. Aplique os dois passos em ordem: redimensione para o tamanho de exibição e depois comprima para WebP ou AVIF. Mantendo essa ordem, você obtém o menor arquivo para uma dada qualidade.

Para qual largura devo redimensionar?

Use a largura máxima em que a imagem é realmente exibida. Se sua coluna de conteúdo tem 800 pixels, cerca de 1600 pixels cobrem telas retina. Maior que isso só desperdiça banda; menor, fica borrado na tela.