Redimensionar imagens

Porquê redimensionar as suas imagens?

Os telemóveis e as câmaras modernas captam imagens enormes: uma única fotografia pode ter 6000 píxeis de largura e pesar dez megabytes ou mais. É muito mais detalhe do que quase qualquer ecrã, e-mail ou página web alguma vez mostrará. O cabeçalho de um blogue pode aparecer a 1200 píxeis de largura; uma fotografia de perfil a 400; a assinatura de um e-mail a 150. Enviar um ficheiro de 6000 píxeis para um espaço de 1200 píxeis desperdiça largura de banda, torna o carregamento das páginas mais lento e inflaciona os anexos sem qualquer benefício visível.

Redimensionar é também a alavanca mais poderosa que tem sobre o tamanho do ficheiro. Como os dados de uma imagem escalam com o seu número total de píxeis, reduzir para metade tanto a largura como a altura elimina cerca de três quartos dos píxeis —e, por conseguinte, a maior parte do tamanho do ficheiro— antes mesmo de qualquer compressão. Baixar a qualidade JPEG pode cortar entre 30 e 50 %; redimensionar uma fotografia demasiado grande para o seu tamanho real de exibição corta habitualmente entre 80 e 95 %. Se um ficheiro lhe parecer demasiado grande, redimensione primeiro e comprima depois.

E como esta ferramenta funciona por completo no seu dispositivo, é a forma privada de o fazer. Outros redimensionadores online enviam as suas fotografias para um servidor remoto, processam-nas lá e devolvem-nas. Aqui as suas imagens são lidas para a memória, redimensionadas localmente e devolvidas-lhe de imediato: nunca tocam numa rede.

Como o redimensionamento afeta a qualidade

Reduzir o tamanho de uma imagem é, por natureza, suave para a qualidade, mas como os píxeis são combinados importa muito. O escalonamento simples limita-se a descartar píxeis, o que produz contornos serrilhados e cintilação nos detalhes finos. Esta ferramenta usa, em vez disso, a reamostragem Lanczos de alta qualidade, que pondera uma vizinhança de píxeis circundantes para cada píxel de saída. O resultado mantém os contornos nítidos e o texto legível, de modo que uma imagem reduzida fica limpa em vez de desfocada ou serrilhada.

A única operação que realmente prejudica é o escalonamento para cima: ampliar uma imagem para além das suas dimensões originais. Nenhum reamostrador consegue inventar detalhe que nunca foi captado, por isso uma fotografia ampliada fica mole e esborratada. Por regra, redimensione sempre apenas para baixo: escolha o maior tamanho de que realmente precisa e redimensione para esse, nunca acima das dimensões de origem. Quando além disso converte para um formato com perdas, lembre-se de que a compressão e o redimensionamento se acumulam: uma imagem redimensionada tem menos píxeis para comprimir, que é exatamente a razão pela qual ambos juntos produzem ficheiros tão pequenos.

Píxeis, percentagem e tamanhos pretendidos habituais

O modo percentagem é ideal para lotes: defina 50 % e cada imagem reduz-se de forma proporcional independentemente do seu tamanho de partida. O modo píxeis é para alvos precisos: escreva uma largura (ou uma altura) e, com a proporção bloqueada, a outra dimensão é calculada por si para que nada fique esticado. A proporção não é mais do que a relação entre a largura e a altura (16:9, 4:3, 1:1); mantê-la intacta é o que evita que rostos e logótipos fiquem achatados. Pode ler mais sobre como as imagens e as suas dimensões funcionam no guia de imagens na web da MDN.

Alvos úteis a ter presentes: a maior parte do conteúdo web fica ótima entre 1200 e 2000 píxeis no lado mais comprido (use o extremo maior para imagens hero a toda a largura em ecrãs de alta densidade). Os anexos e assinaturas de e-mail devem normalmente manter-se em 800 píxeis ou menos para não sobrecarregar as caixas de entrada. Para as redes sociais, as dimensões habituais são aproximadamente 1080×1080 para uma publicação quadrada de Instagram, 1080×1920 para stories e reels verticais, 1200×630 para uma pré-visualização de ligação do Facebook ou Open Graph, e 1500×500 para um cabeçalho do X/Twitter. Em caso de dúvida, redimensione para o maior local onde a imagem vai aparecer e deixe a plataforma reduzi-la a partir daí.

Dicas para obter os melhores resultados

• Nunca escale para cima. Ampliar para além do tamanho original só acrescenta desfoque. Escolha a maior dimensão de que realmente precisa e pare aí.
• Redimensione antes de comprimir. Menos píxeis significam um ficheiro mais pequeno e menos trabalho para o codificador. Para obter as fotografias mais pequenas, redimensione-as aqui e depois passe-as pela compressão JPEG.
• Bloqueie a proporção. Introduza apenas a largura ou apenas a altura e deixe a outra dimensão preencher-se automaticamente: é a forma mais fácil de evitar imagens esticadas e deformadas.
• Converta enquanto redimensiona. Mudar para WebP ou AVIF com o conversor de imagens pode reduzir uma fotografia redimensionada mais 25-50 % sem perda de qualidade visível.
• Conserve os seus originais. Redimensione de cada vez a partir de um original em resolução completa em vez de voltar a redimensionar uma cópia já reduzida, o que acumula perda de qualidade.