Como redimensionar imagens sem perder qualidade

Redimensionar imagens parece simples ate acabar com um resultado desfocado. Aprenda a tecnica correta para reduzir, ampliar e manter a nitidez.

A relacao entre qualidade e tamanho

Quando redimensiona uma imagem, esta essencialmente a alterar o seu conteudo de pixeis. O resultado depende do algoritmo de reamostragem que a ferramenta usa, e de saber se esta a tornar a imagem mais pequena (reducao) ou maior (ampliacao).

Errar neste processo produz imagens desfocadas, pixeladas ou visivelmente degradadas. Aqui esta o que precisa de saber para fazer corretamente.

Reducao: tornar as imagens mais pequenas

A reducao e o caso mais comum e o mais tolerante. Quando reduz as dimensoes de uma imagem, varios pixeis de origem devem mapear para menos pixeis de saida, este processo chama-se reamostragem ou interpolacao.

Algoritmos de reamostragem

Lanczos, o padrao de ouro para reduzir fotografias. Produz resultados nítidos e de alta qualidade ao analisar uma area maior de pixeis circundantes. Mais lento de calcular, mas vale a pena para a saida final.

Bicubico, ligeiramente mais rapido do que o Lanczos, excelente para a maioria das tarefas de reducao de fotos. O padrao na caixa de dialogo "Tamanho da Imagem" do Photoshop.

Bilinear, mais rapido mas com resultado mais suave. Aceitavel para miniaturas web onde a velocidade importa mais do que a nitidez maxima.

Vizinho mais proximo, sem interpolacao; apenas escolhe o pixel mais proximo. Correto para pixel art (preserva arestas duras) mas terrivel para fotografias (resultado pixelado).

A tecnica em varios passos

Para reducoes grandes (reduzir uma imagem para menos de 50% do tamanho original), faze-lo num so passo pode perder detalhe. Em alternativa, reduza em varios passos de cerca de 50% cada. O resultado final reter mais detalhe nos meios-tons. A maioria das ferramentas modernas faz isto automaticamente, mas vale a pena saber se os resultados parecerem inesperadamente suaves.

Nitidez apos a reducao

A reducao torna naturalmente uma imagem ligeiramente mais suave. Aplique um filtro de mascara de nitidez suave apos o redimensionamento para recuperar a crisp. Um raio de 0,5-1 px e uma quantidade de 80-120% e um bom ponto de partida para imagens web.

Ampliacao: tornar as imagens maiores

A ampliacao e o caso dificil. Nao e possivel inventar detalhe que nao existia no original. Qualquer algoritmo de ampliacao tem de fazer suposicoes sobre como devem ser os pixeis em falta.

Ampliacao tradicional (bicubico)

A ampliacao bicubica simples produz um resultado desfocado porque interpola suavemente entre os valores de pixel existentes. Aceitavel para pequenos aumentos (110-150%), mas qualquer coisa acima de 2x parecera visivelmente suave.

Ampliacao por IA

As ferramentas modernas de ampliacao por IA (Topaz Gigapixel, Adobe Super Resolution, Stable Diffusion com modelos de ampliacao) usam aprendizagem automatica para adicionar detalhe plausivel durante a ampliacao. Produzem resultados dramaticamente melhores do que os algoritmos tradicionais para ampliacao de 2-4x de fotografias. A saida pode parecer quase indistinguivel de uma fotografia nativa de alta resolucao.

Quando tem de ampliar

O limite realista para ampliacao tradicional sem perda de qualidade visivel e cerca de 120-150% das dimensoes originais. Se precisar de imprimir uma imagem web pequena em grande formato, aceite que precisa do ficheiro original de resolucao mais elevada ou de uma ferramenta de ampliacao por IA.

Consideracoes de formato ao redimensionar

Se a fonte for um JPEG, cada ciclo de abrir-editar-guardar adiciona artefatos de compressao por cima dos ja existentes. Ao redimensionar um JPEG:

  1. Redimensione para as dimensoes alvo
  2. Guarde com qualidade 85-92% para web, ou 95%+ para impressao
  3. Nao guarde passos intermédios como JPEG, use PNG como formato de trabalho se precisar de fazer multiplas edicoes

Redimensionar para alvos especificos

Imagens web: redimensione para as dimensoes reais de exibicao (nao maiores). Servir uma imagem de 3000px onde aparece a 800px desperdicar largura de banda e atrasa o carregamento da pagina. Adicione srcset para servir diferentes tamanhos a diferentes larguras de viewport.

Redes sociais: cada plataforma tem dimensoes otimas. Twitter cards: 1200x628. Instagram quadrado: 1080x1080. Banner do LinkedIn: 1584x396. Verifique sempre as especificacoes atuais, pois as plataformas as atualizam.

Email: mantenha a largura abaixo de 600px e o peso total das imagens da mensagem abaixo de 200KB. Muitos clientes de email bloqueiam imagens por padrao de qualquer forma.

Redimensionar no browser

O Redimensionador de Imagens deste site redimensiona imagens diretamente no browser sem envio para servidor. Pode especificar dimensoes exatas ou uma percentagem, manter a proporcao e descarregar o resultado imediatamente.

Regras fundamentais

  1. Comece sempre a partir do original de resolucao mais elevada que tiver
  2. Para reducao, use Lanczos ou Bicubico, nunca vizinho mais proximo para fotos
  3. Aplique nitidez suave apos a reducao
  4. Nao guarde JPEG repetidamente, use PNG como formato de trabalho
  5. Para ampliacao alem de 150%, use uma ferramenta baseada em IA