Como redimensionar uma imagem sem perder qualidade (e o que essa frase realmente significa)

Primeiro, dois significados — só um deles funciona

Quando você busca como redimensionar sem perder qualidade, quer dizer uma de duas coisas opostas. Ou você quer reduzir uma foto grande a um tamanho útil e mantê-la com aparência nítida, ou quer ampliar uma imagem pequena e mantê-la com aparência nítida. A primeira é alcançável com cuidado. A segunda não é alcançável por nenhum redimensionador, porque pixels que nunca foram capturados não existem em lugar nenhum de onde recuperá-los.

Reduzir descarta pixels. Não há como contornar isso: uma imagem com metade da largura e metade da altura guarda um quarto dos pixels. O que você controla é com quanta elegância esse descarte acontece — como o reamostrador constrói cada pixel novo a partir da sua vizinhança, se você redimensiona uma vez ou várias, se exporta uma vez ou recodifica várias vezes, e se aplica um pouco de nitidez depois. Bem feita, uma redução fica invisível nos tamanhos de visualização normais.

Ampliar não pode fazer o mesmo acordo. Um redimensionador que leva a imagem ao 200% inventa cada pixel entre os que você tem. O resultado pode parecer mais suave, e suavidade tem usos reais, mas ele não contém nenhum detalhe genuíno adicional. Qualquer ferramenta que “amplia imagens sem perda de qualidade” está te vendendo reamostragem com marketing bom. Um reamostrador honesto — incluindo a ferramenta de navegador linkada no fim deste guia — é reamostragem pura: ele reorganiza o seu detalhe, nunca adiciona nenhum.

• Reduzir: perda de pixels real e permanente. Suas alavancas são a qualidade da reamostragem, o tamanho alvo e uma única codificação limpa.
• Ampliar: ganho real de pixels, ganho zero de detalhe. Maior e mais suave, nunca mais nítido.
• Tudo abaixo trata de fazer bem a redução; a seção sobre quando você precisa de um arquivo maior explica as opções honestas para o caso de ampliar.

O que redimensionar faz de verdade com os seus pixels

Uma imagem é uma grade fixa. Uma foto de 4000 × 3000 tem 4000 pixels de largura e 3000 de altura — 12,000,000 de pixels no total. Redimensionar coloca uma grade nova de outro tamanho sobre a imagem e, para cada célula da grade nova, pergunta: que cor deve ter este pixel? A resposta é calculada a partir dos pixels de origem em torno daquele ponto. Esse cálculo é a reamostragem — o trabalho inteiro que toda ferramenta de redimensionamento executa.

Quando você reduz, cada pixel de saída representa um bloco de pixels de origem. Divida as duas dimensões pela metade e cada pixel novo resume uma área de quatro pixels de origem, de modo que a sua grade alvo de 3,000,000 de pixels é espremida a partir de 12,000,000 de originais. Um método grosseiro escolhe o pixel de origem mais próximo e joga o resto fora, o que produz bordas serrilhadas e padrões de moiré em detalhe repetitivo. Um método de suavização faz a média de uma vizinhança mais ampla, e é isso que mantém proporções, cores e bordas fiéis depois do resumo.

É por isso que a suavização de alta qualidade importa mais quando você reduz muito. Uma redução de 10% parece quase idêntica sob qualquer método razoável. Levar uma foto de 4000 pixels de largura a 1000 pixels força o reamostrador a condensar cada pixel restante a partir de uma área de dezesseis originais, e uma vizinhança estreita simplesmente descarta informação que uma vizinhança ampla mistura. Os navegadores expõem isso como uma dica de qualidade de suavização: o redimensionador linkado pede ao navegador suavização de alta qualidade e desenha a imagem em uma única passada no tamanho alvo. A página chama esse filtro de bilinear; na prática o código só define a dica de qualidade, e o algoritmo exato é decisão do navegador.

A suavidade que você às vezes vê depois de uma grande redução não é um defeito — é a própria média, a mesma coisa que mantém a imagem fiel. A compensação padrão é uma passada leve de nitidez depois de redimensionar, num editor que tenha controles de nitidez. A nitidez posterior recupera a aparência de bordas definidas aumentando o contraste ao longo de bordas que já existem; ela não adiciona informação, e é por isso que exagerar faz uma foto reduzida parecer dura e artificial.

Redimensione para o tamanho de exibição em vez de escalar depois

O jeito mais comum de “perder qualidade” é nunca redimensionar. Coloque uma foto de 4000 × 3000 num espaço de 640 pixels de largura e o navegador ou o programa de documentos a encolhe toda vez que a página é pintada. Parece mais ou menos certo, então ninguém nota o custo — mas você enviou um arquivo inutilmente enorme a cada visitante, e o encolhimento em si é feito pelo caminho rápido que aquele mecanismo de renderização estiver usando, por dispositivo, por carregamento, às vezes num padrão inferior ao de um redimensionamento deliberado.

Redimensione uma vez para o tamanho em que a imagem vai realmente aparecer na tela, e a decisão acontece uma única vez, por você, com boa suavização, sobre a sua fonte da melhor qualidade. O arquivo fica menor, a correspondência na tela é exata — um pixel de imagem por pixel de tela — e cada visitante vê o resultado idêntico. Para telas de alta densidade, planeje o dobro: uma imagem exibida com 640 pixels de largura quer ter 640 pixels de lado numa tela padrão e 1280 numa de densidade dupla.

A mesma lógica vale para as imagens que você envia em vez de publicar: uma versão de 1600 pixels de largura de uma foto de câmera parece igual no celular e chega mais rápido. Guarde o original como o seu mestre e trate cada tamanho entregue como um redimensionamento deliberado a partir dele — nunca um redimensionamento de uma entrega anterior.

A armadilha da dupla compressão

O JPEG cobra qualidade no momento de salvar, não no de abrir. Decodificar um JPEG devolve pixels; codificar é a etapa com perdas, que descarta informação para encolher o arquivo. Isso significa que o dano num fluxo de trabalho é contado em codificações, não em visualizações. Cada salvamento JPEG novo de uma imagem que já era JPEG repassa uma etapa com perdas sobre dados que já eram um compromisso, e as perdas se acumulam geração após geração.

A armadilha é que redimensionar quase sempre esconde uma segunda codificação. Você redimensiona um JPEG numa ferramenta e ela exporta JPEG — essa é a codificação um. Depois você o envia por e-mail por um app que recomprime, sobe a um site que o “otimiza”, ou salva mais uma vez para ajustar um detalhe — essas são mais duas. É aqui que a frase “redimensionar sem perder qualidade” costuma ser derrotada, e não pela reamostragem: uma redução limpa e única quase não custa nada, e uma cadeia de recodificações descuidadas é o que transforma a imagem em mingau.

A disciplina: redimensione uma vez, a partir do seu melhor original, e exporte uma vez, no tamanho e formato finais. Se você precisa de um arquivo de trabalho entre as duas etapas — por exemplo, redimensiona agora e corta depois em outro programa —, salve o intermediário como PNG, que não tem geração com perdas para acumular, e deixe o JPEG acontecer só na etapa final.

Quando você exporta, a configuração de qualidade importa mais do que o filtro de reamostragem exato. No redimensionador linkado o controle vai de 1 a 100 e vem em 85 por padrão, e a própria orientação da página diz que 80 a 85 é o ponto ideal para JPG e WebP — alto o suficiente para que os artefatos de compressão continuem invisíveis em fotografias, baixo o suficiente para que o arquivo continue pequeno. Subir na direção de 100 infla o arquivo bastante por uma diferença que você vai ter dificuldade para ver, e cair bem abaixo de 80 é onde os blocos e o ringing em torno das bordas começam a aparecer.

Escolhendo o formato de saída: JPEG, PNG ou WebP

Depois que os pixels estão reamostrados, o codificador decide como o arquivo realmente os guarda, e a escolha certa depende do conteúdo, não da moda.

• Foto, sem necessidade de transparência: JPEG ou WebP, qualidade na casa dos 80.
• A transparência precisa sobreviver: PNG ou WebP.
• Capturas de tela e gráficos com muito texto: PNG.
• O controle de qualidade não vale para o PNG — ele fica desativado ali porque o PNG não tem camada com perdas.

JPEG: fotografias sem transparência

O JPEG continua sendo o padrão para fotos redimensionadas: o controle de qualidade dá mando direto sobre a troca entre tamanho e fidelidade, e todo visualizador o suporta. Um comportamento a considerar: o JPEG não tem transparência, então o redimensionador achata as áreas transparentes sobre branco quando você exporta em JPEG. Uma logomarca com fundo recortado sai assentada sobre um retângulo branco. Se qualquer coisa fora do assunto importa, o JPEG é a resposta errada.

PNG: gráficos, texto e transparência

O PNG é a saída certa para capturas de tela, arte linear, logomarcas e qualquer imagem com texto, e ele mantém o canal alfa intacto — fundos transparentes sobrevivem ao redimensionamento. A compressão dele é sem perdas, e é exatamente por isso que o controle de qualidade fica desativado quando você escolhe saída PNG: não existe disco de qualidade dentro de uma compressão sem perdas, e uma configuração que fingisse o contrário não significaria nada.

O custo é o tamanho. Uma fotografia exportada como PNG produz um arquivo muitas vezes maior que o JPEG que parece igual. PNG para gráficos; não para fotos que você pretende enviar em quantidade.

WebP: um formato que cobre os dois trabalhos

O WebP mantém a transparência do jeito que o PNG faz e aceita o mesmo tipo de controle de qualidade com perdas para fotografias que o JPEG, o que o torna a escolha padrão sensata quando você não sabe em qual categoria a sua imagem se encaixa. A orientação do redimensionador o trata como JPEG: 80 a 85 é o ponto ideal.

Por que capturas de tela e arte linear sobrevivem à redução de outro jeito

Uma fotografia é quase toda suavidade: pixels vizinhos parecidos, variações mínimas de tom e textura. Quando um reamostrador faz a média e elimina blocos disso, a perda é gradual, e nos tamanhos de visualização normais o olho mal registra. Uma foto pode absorver ser reduzida à metade e ainda parecer nítida.

Uma captura de tela, um ícone ou um desenho de linhas é o oposto: texto preto sobre branco, traços de um pixel, bordas duras sem nada entre elas. Reduzir força o reamostrador a fazer a média de cada traço fino com o branco em volta, então os fios finíssimos viram cinza, as letras pequenas viram borrões e os traços finos podem desaparecer por completo. O texto é o caso implacável, porque legibilidade é binária — um glifo é legível ou não é —, enquanto a qualidade fotográfica é um contínuo.

Regras práticas para as categorias difíceis:

• Capturas de tela e de interface: redimensione exatamente para o tamanho de exibição numa única passada com suavização de alta qualidade, e exporte como PNG para que o texto não tenha que lutar também contra os artefatos de compressão.
• Se a captura precisa ficar bem menor, capture a janela de origem menor em vez de encolher os pixels depois — exporte de novo a partir do documento ou app original no tamanho que você precisa.
• Arte linear e logomarcas: a correção de verdade é uma fonte vetorial, porque reamostrar instruções sempre vence reamostrar pixels.
• Pixel art: ampliações só funcionam em múltiplos inteiros com a suavização desligada; reduzir destrói a grade sobre a qual a arte é construída.

Redimensionar no Photoshop, no GIMP e no Illustrator

Os três programas que o autocomplete sugere se dividem em duas categorias. Photoshop e GIMP são editores de bitmap: executam a mesma matemática de pixels de qualquer outro redimensionador, com mais controles. Illustrator é um editor vetorial, e “redimensionar” lá é um ato de natureza diferente. Saber em qual categoria você está evita a maior parte da decepção.

Photoshop e GIMP: o diálogo de reamostragem

Os dois programas colocam a decisão num diálogo de tamanho da imagem: você informa novas dimensões em pixels, ou um tamanho de impressão junto com um número de resolução, e escolhe um método de reamostragem. As convenções são as mesmas nos dois: métodos recomendados separados para reduções e para ampliações — opções de vizinhança mais ampla e mais suave ao reduzir, opções de preservação de detalhe ao ampliar — e, na maioria das versões, um controle de nitidez por quantidade aplicado como parte da reamostragem, que é a resposta profissional ao problema de suavidade descrito antes. O diálogo também separa as dimensões em pixels das dimensões de impressão: um número de resolução só muda o tamanho a que a grade fixa de pixels deve ser impressa; ele nunca cria nem destrói pixels.

Fora da reamostragem em si, os editores de desktop diferem de uma ferramenta simples de navegador exatamente nas áreas que este guia apontou: eles levam metadados e perfis de cor até a exportação, permitem aplicar nitidez depois de redimensionar e oferecem controles de codificação por formato. O ofício é idêntico — uma passada, suavização ampla, nitidez leve depois, exportar uma vez — com instrumentos melhores para cada etapa.

Illustrator: escalar é renderizar de novo, não reamostrar

A arte vetorial é guardada como instruções — curvas, formas, espessuras de traço —, não como uma grade de pixels. Escale um vetor para cima ou para baixo e o aplicativo redesenha a geometria no novo tamanho, então as bordas são matematicamente nítidas com 100 pixels de largura ou com 10,000. Esta é a única versão de “redimensionar sem perder qualidade” que é literalmente verdadeira, e ela vale só para conteúdo que realmente vive como vetores.

Duas ressalvas mantêm isso honesto. Primeira: as imagens colocadas dentro de um documento vetorial continuam sendo fotografias: escalar o documento amplia a grade fixa de pixels delas, e exportar a página com dimensões de bitmap enormes só reamostra aqueles pixels como qualquer redimensionamento faria. Segunda: no instante em que você exporta arte vetorial como JPEG, PNG ou WebP, a qualidade passa a ser uma escolha que você faz uma única vez: escolha um tamanho de exportação em pixels com folga, porque o arquivo que você exporta não pode mais ser redesenhado.

Quando você realmente precisa de uma imagem maior

Às vezes o requisito é inevitável: um formulário exige 2000 pixels de largura, um espaço de impressão pede um arquivo maior, uma logomarca antiga só existe como miniatura. Ordene as opções com honestidade.

O melhor: refotografar ou exportar de novo em resolução maior a partir da fonte original. É o único caminho que produz detalhe adicional real. Um documento de design, um original de câmera ou um arquivo raw de foto muitas vezes podem ser exportados de novo com 6000 pixels onde você exportou 1000 antes, e cada um daqueles pixels extras carrega informação que realmente existia.

Segunda melhor opção para logomarcas, ícones e diagramas: reconstrua como vetores. Alguém pode vetorizar a sua miniatura como arte vetorial, e a partir dali qualquer tamanho é uma nova renderização, não uma ampliação. É por isso que designers entregam logomarcas como arquivos vetoriais em primeiro lugar.

Por último: aceite uma ampliação pelo que ela é. Se você só tem o bitmap pequeno, ampliá-lo com boa suavização torna o arquivo maior e, normalmente, visualmente mais suave. Essa é a resposta certa quando o requisito são as dimensões — um portal de envio que rejeita arquivos abaixo de uma largura mínima —, porque o que é verificado são as dimensões. É a resposta errada quando o requisito é a legibilidade: uma ampliação não torna legível um texto ilegível. Se você precisa ler aquilo, procure uma fonte melhor.

• Precisa de detalhe real: exporte de novo a partir do documento original ou refotografe.
• Precisa de uma logomarca escalável: redesenhe como vetor e exporte em qualquer tamanho.
• Precisa só de dimensões maiores: uma única ampliação suave resolve — ela só adiciona suavidade, não informação.
• Precisa ler um texto miúdo que já está ilegível: nenhum redimensionador ajuda; procure o original.

O fluxo inteiro, condensado

Tudo acima é um único procedimento. Execute nesta ordem e a versão alcançável de “sem perda de qualidade” é sua todas as vezes:

• Comece pelo melhor original que você tem — nunca por uma saída anterior.
• Decida as dimensões exatas em pixels do alvo: o tamanho em que a imagem vai realmente aparecer ou ser enviada.
• Redimensione uma vez, com suavização de alta qualidade, deixando Travar proporção ligado a menos que você queira distorcer.
• Escolha o formato pelo conteúdo: JPEG ou WebP para fotografias, PNG ou WebP quando a transparência precisa sobreviver, PNG para capturas de tela e texto.
• Para JPG e WebP, exporte com qualidade na casa dos 80 — a ferramenta linkada vem em 85 por padrão.
• Visualize no tamanho real antes de baixar; se o resultado parecer amolecido, o tamanho alvo era agressivo demais, não o método.
• Exporte uma vez e arquive o original intacto como o seu mestre.
• Aplique nitidez leve depois do redimensionamento só num editor que ofereça nitidez — depois de redimensionar, nunca antes.

O que o redimensionador linkado faz — e o que não sobrevive a ele

A ferramenta de navegador para a qual este guia te envia é um trabalho deliberadamente pequeno, e saber exatamente onde ficam as suas bordas faz parte de redimensionar bem.

Como ele redimensiona

Sem biblioteca e sem servidor: a página carrega a sua imagem num canvas, pede ao navegador suavização de alta qualidade e desenha a imagem para baixo ou para cima até o tamanho alvo em uma única passada, e então codifica o resultado. A página descreve esse filtro como bilinear; o código em si só define a dica de qualidade do navegador, então o algoritmo exato depende do seu navegador. É reamostragem pura — vale o limite honesto da primeira seção: ele pode reorganizar o seu detalhe, nunca adicionar nada.

Os controles são aqueles em torno dos quais este guia esteve ensinando: Largura (px) e Altura (px) de 1 a 20,000, ou uma Escala (porcentagem) de 1 a 4000; Travar proporção ligado por padrão; Formato de saída como PNG, JPEG ou WebP; e Qualidade (JPG/WebP) de 1 a 100, com 85 padrão, desativado automaticamente para PNG porque o PNG não tem camada com perdas. A exportação JPEG achata a transparência sobre branco; PNG e WebP mantêm o canal alfa. Você pode Visualizar antes de se comprometer, e o Baixar entrega o arquivo com o nome resized e a extensão que você escolheu — renomeie você mesmo, porque o nome original não é transportado.

O que ele aceita

Um arquivo por vez, de até uns 50 MB, em PNG, JPEG, WebP ou GIF. O caso do GIF merece atenção: um GIF animado é redimensionado para um único quadro estático, porque isto é um redimensionador, não um editor de animação. Se a animação importa, a ferramenta de navegador é a parada errada e você precisa de um software de GIF dedicado.

Os metadados não sobrevivem

Este é o limite mais importante da ferramenta, e a própria página dela não o menciona, então ele merece estar aqui em termos claros: o arquivo de saída é construído somente a partir dos pixels do canvas. O código nunca lê nem escreve EXIF, o que significa que coordenadas GPS, datas de captura, modelos de câmera e ajustes de exposição estão ausentes de todo arquivo redimensionado. Se essa informação importa para você — e para fotos de família, registros de procedência ou qualquer coisa que você precise depois datar ou geolocalizar, ela importa —, guarde os originais e trate a saída redimensionada como uma cópia de entrega descartável.

Um comportamento intimamente relacionado: se uma foto tirada de lado no seu celular sair na vertical depois do redimensionamento, não leia isso como se os metadados tivessem sobrevivido. O navegador aplica a orientação registrada quando decodifica a imagem, então a saída é gravada com aqueles pixels já girados; a marca de orientação em si não é transportada.

Perguntas frequentes