Redimensionar uma imagem por porcentagem

Seus arquivos e sua privacidade

Suas imagens nunca são carregadas. Cada arquivo é lido nesta guia do navegador, reamostrado e codificado pelo próprio pipeline de imagens do navegador dentro de um Web Worker e devolvido como um baixar. O código da ferramenta não faz nenhuma solicitação carregando o arquivo, texto colado ou gerado saída. As solicitações de script de análise divulgadas são separadas e descritas no site Política de Privacidade.

O que esta ferramenta faz

Altere as dimensões em pixels de uma imagem, dimensionando-a para uma porcentagem ou inserindo um largura e uma altura. A reamostragem é feita pelo seu navegador no seu próprio dispositivo, e o o tamanho da saída planejada é mostrado antes de qualquer coisa ser escrita.

O redimensionamento altera quantos pixels a imagem é composta. A escala por porcentagem aplica um fator para ambos os eixos. Trabalhar em pixels permite digitar uma largura ou altura, e com o proporção bloqueada o outro eixo é derivado das proporções de origem; fornecer ambos e a imagem é ajustada dentro dessa caixa em vez de esticada para preenchê-la. Desbloqueie a proporção e os dois números são usados exatamente como digitados, e é assim que uma distorção deliberada é feita. Qualquer que seja o caminho que você tome, a imagem é redesenhada no novo tamanho, e esse redesenho inventa nenhum detalhe que já não tivesse.

Como usar

1. Escolha uma imagem ou um lote para redimensionar com as mesmas configurações.
2. Escolha Por porcentagem para uma escala simples ou Por pixels para digitar uma largura e uma altura.
3. Deixe Bloquear proporção de aspecto ativado e digitar uma dimensão preenche a outra; desligue-o apenas quando você pretende mudar a forma.
4. Selecione Converter e verifique a coluna Tamanho de saída de cada arquivo antes de fazer o download.

Exemplos de casos de uso

• Trazendo uma fotografia de câmera com 4000 pixels de largura até 1200 pixels de um modelo de página realmente exibe.
• Reduzir pela metade todas as imagens em uma pasta com uma porcentagem em vez de digitar dimensões vinte vezes.
• Ajustar uma imagem dentro de uma largura e altura máximas sem distorcê-la, inserindo ambos e deixando a proporção bloqueada.

Entrada e saída suportadas

Aceita

• JPEG, PNG e WebP, até 40 MB por arquivo
• GIF, decodificado como um único quadro estático

Produz

• PNG, JPEG ou WebP nas dimensões informadas pela tabela de plano
• Somente dimensões de pixel inteiro, nunca menores que um pixel em qualquer eixo
• Um ZIP denominado converted-images.zip para um lote

O que esta ferramenta não fará

• A ampliação não pode adicionar detalhes. Pixels extras são interpolados daqueles que já estão lá, portanto, um sofisticado parece mais suave do que mais nítido.
• O modo percentual aceita 1 a 400 e aplica o mesmo fator a ambos os eixos; não pode dimensionar largura e altura de maneira diferente.
• Com a proporção bloqueada e a largura e a altura fornecidas, o menor dos dois fatores de escala vencem, então a forma é preservada e um eixo fica aquém do número que você digitado.
• Cada redimensionamento faz uma nova amostragem da imagem e altera os valores dos pixels, mesmo quando o formato de saída é PNG. Um redimensionamento nunca é isento de perdas.
• As dimensões finais são limitadas a um orçamento de pixels para o seu dispositivo e um aviso indica o tamanho reduzido sempre que aquele guarda dispara.
• Rotação e inversão estão disponíveis no painel, mas não há retângulo de corte: o redimensionamento atua em todo o quadro.

Erros comuns

• Digitando uma largura e uma altura com a proporção bloqueada e esperando ambas exatamente; o a imagem é encaixada dentro da caixa e um eixo fica menor.
• Desbloquear a proporção para forçar os dois números e não perceber que a imagem agora está esticada, porque a tabela de planta informa as dimensões e não diz nada sobre a forma.
• Redimensionar, salvar e ampliar o arquivo salvo em vez do original. O detalhe removido na descida não volta na subida.
• Supondo que um PNG redimensionado permaneça inalterado porque PNG não tem perdas. O codificador não tem perdas; a reamostragem que aconteceu antes não é.

Notas técnicas

As dimensões alvo são pura aritmética realizada antes de qualquer pixel ser tocado: porcentagem o modo multiplica ambos os eixos, o modo pixel deriva o eixo ausente da fonte proporção ou, quando ambas são fornecidas e a proporção está bloqueada, assume a menor das duas escalas fatores para que o resultado caiba dentro da caixa solicitada. Cada valor é arredondado para um inteiro pixel e nunca permitido abaixo de um, porque uma tela de tamanho zero é exibida em alguns navegadores e produz uma imagem em branco em outros. A rotação é aplicada após o redimensionamento e troca os eixos em 90 e 270 graus, e um orçamento de pixels do dispositivo é aplicado por último, às dimensões realmente alocado. O redesenho em si é um único drawImage em um OffscreenCanvas com imageSmoothingQuality definido como alto.

Perguntas frequentes

Posso aumentar uma imagem sem perder a nitidez?

Na verdade. O upscaling interpola entre pixels existentes, então o resultado é um tamanho maior mas uma versão mais suave da mesma informação. Não há aqui nenhum modelo inventando detalhes, e nada é reivindicado.

Por que minha saída é menor que a largura que digitei?

Duas coisas causam isso. Com a relação bloqueada e ambos os eixos fornecidos, a imagem é ajustada dentro da caixa para que sua forma sobreviva. Separadamente, uma solicitação muito grande é limitada a um orçamento de pixels para o seu dispositivo e o painel nomeia as dimensões usadas.

O redimensionamento não terá perdas se eu gerar PNG?

Não. O codificador de PNG armazena exatamente os pixels que lhe são entregues, mas a reamostragem já foi alterada esses pixels. Somente a saída PNG nas dimensões originais deixa os valores de pixel intocado.