CodeKitHubO que é esta ferramenta?
Um redimensionador de imagens altera as dimensões em píxeis de uma imagem — ao contrário da compressão, que mantém as dimensões, mas recodifica a imagem de forma mais eficiente. O redimensionamento é o que precisa quando um formulário exige «máximo de 800 px», um avatar tem de ter 256×256 ou uma fotografia tirada com uma câmera de 4000 px é um exagero absurdo para uma coluna de blogue com 700 px de largura.
A redução de escala (tornar as imagens mais pequenas) não implica qualquer perda visual e reduz drasticamente o tamanho do arquivo — reduzir ambas as dimensões para metade diminui o número de píxeis em 75%. O aumento de escala (ampliar) também é suportado, mas não consegue criar detalhes: uma imagem esticada fica sempre um pouco desfocada. Esta ferramenta preserva automaticamente a proporção da imagem, para que nada pareça esmagado.
Por que usar?
- Dois modos intuitivos: largura exata em píxeis (para requisitos específicos) ou em porcentagem (para reduzir rapidamente).
- A proporção da imagem é bloqueada automaticamente — sem fotos distorcidas acidentalmente.
- Também converte o formato na saída, se quiser (JPG/PNG/WebP).
- Redimensione em lote dezenas de imagens com downloads individuais por arquivo.
- Local e privado: nada é carregado, sem limites de tamanho.
Como usar
- Arrasta as suas imagens para a caixa ou clica para as selecionar.
- Escolha um modo: insira uma largura pretendida em píxeis ou uma porcentagem.
- Opcionalmente, escolha um formato de saída diferente (por predefinição, mantém-se o original).
- Cada resultado apresenta as novas dimensões e o tamanho do arquivo — clique em «Descarregar».
Exemplo
Entrada
camera.jpg — 4032×3024, 3.9 MB, resized to width 1200Resultado
camera-1200x900.jpg — 1200×900, 260 KBO nome do arquivo de saída inclui as novas dimensões, para que as versões nunca sejam confundidas.
Casos de utilização comuns
- Cumprir um requisito exato em termos de pixels indicado num formulário, nas especificações do ícone de uma aplicação ou nas diretrizes de envio («o avatar deve ter 400×400 ou menos»).
- Reduzir o tamanho de um conjunto de fotografias tiradas com a câmera antes de as adicionar a uma página web, onde os originais com 4000 px de largura demoram muito mais tempo a carregar do que o necessário.
- Preparar um conjunto de miniaturas com um tamanho uniforme a partir de uma pasta com imagens originais de tamanhos diferentes.
- Reduzir as dimensões em píxeis de uma imagem antes de a colar num documento com limites rigorosos de largura de página.
Redimensionar vs. comprimir, e por que a ordem é importante
O redimensionamento e a compressão reduzem o tamanho do arquivo, mas atuam de formas diferentes: o redimensionamento reduz o número de píxeis (uma imagem com 50% menos largura e altura tem 75% menos píxeis para armazenar), enquanto a compressão recodifica os mesmos píxeis de forma mais eficiente. Se uma imagem tiver dimensões excessivas e não estiver comprimida, redimensioná-la primeiro proporciona um ganho maior — reduzir a contagem de píxeis de 4000px para 1200px elimina muito mais dados do que qualquer controlo deslizante de qualidade poderia fazer, e depois comprimir a imagem já redimensionada elimina o excesso restante. Fazer na ordem inversa (primeiro comprimir, depois redimensionar) também funciona, mas redimensionar primeiro significa que a etapa de compressão tem menos dados para processar, o que é ligeiramente mais rápido.
Por que é que o modo percentual é diferente de simplesmente introduzir uma largura em píxeis menor?
O modo «Percent» e o modo «Pixel-width» utilizam o mesmo cálculo por trás dos panos — ambos, em última análise, calculam uma largura alvo e uma altura proporcional — mas, na prática, resolvem problemas diferentes. O modo «Pixel» destina-se aos casos em que se sabe o número exato necessário (uma especificação indica 1200 px, pelo que se introduz 1200). O modo percentual serve para quando se está reduzindo um lote inteiro de imagens com tamanhos originais diferentes, mas se pretende que todas sejam redimensionadas proporcionalmente na mesma proporção — 50% reduz consistentemente todas as imagens para metade, independentemente de os originais terem 2000px ou 6000px de largura, o que o modo de pixels não consegue fazer numa única passagem por um lote misto sem distorcer algumas imagens ou deixar outras inalteradas.
Perguntas frequentes
A alteração do tamanho da imagem irá reduzir a qualidade da mesma?
A redução de escala parece, essencialmente, perfeita — está removendo píxeis que o tamanho de destino não consegue mostrar de qualquer forma. O aumento de escala para além de 100% não acrescenta detalhes e produz um efeito difuso; evite-o, a menos que tenha de cumprir um requisito de tamanho mínimo.
Como posso definir uma altura exata em vez de uma largura?
Calcule a largura que permite obter a altura pretendida: largura = altura × (largura original ÷ altura original). A ferramenta mantém a proporção por definição — o alongamento livre da largura × altura distorce as fotografias, o que quase nunca é o que as pessoas pretendem.
Que tamanho devo usar para a Web?
Imagens de destaque em largura total: 1600–1920 px. Imagens de conteúdo do blogue: 800–1200 px. Miniaturas: 300–400 px. Avatares: 256 px. Em caso de dúvida, ajuste o tamanho ao maior que o layout venha a apresentar e, em seguida, comprima a imagem.
Redimensionar ou comprimir — o que é que eu preciso?
Ambos reduzem o tamanho do arquivo, mas de formas diferentes. Se as dimensões forem maiores do que o necessário, altere primeiro o tamanho — é a melhor opção. Depois, a compressão reduz os bytes restantes. O nosso Image Compressor combina a qualidade com uma largura máxima numa única etapa, se isso for adequado ao seu caso.
As minhas imagens são carregadas durante o redimensionamento?
Não. O redimensionamento é efetuado no seu dispositivo através da API canvas do navegador. A ferramenta funciona offline assim que a página for carregada.