Sobre este redimensionador de imagem
Esta ferramenta lê seu arquivo de imagem, o desenha em um canvas HTML no tamanho escolhido, e o recodifica como JPEG, PNG ou WebP na qualidade definida. Tudo isso acontece dentro do seu navegador usando a API de canvas — o arquivo original nunca é enviado a um servidor.
Travar a proporção mantém largura e altura proporcionais enquanto você edita uma delas, evitando resultados esticados ou achatados. A qualidade só afeta a saída JPEG e WebP; o PNG é sempre sem perdas, então o controle de qualidade não afeta o tamanho do arquivo PNG.
Como funciona redimensionar uma imagem no navegador?
Esta ferramenta desenha sua imagem em um elemento canvas do HTML5 na largura e altura desejadas, depois lê o canvas de volta como um novo arquivo de imagem codificado usando canvas.toDataURL(). Exemplo: uma foto de 3000x2000px definida para 50% de escala é redesenhada em 1500x1000px, depois recodificada como JPEG na qualidade escolhida, tudo sem sair do seu navegador.
Passos para redimensionar e comprimir uma imagem
- Arraste uma imagem para a área de soltar, ou clique nela para escolher um arquivo do seu dispositivo.
- Escolha o modo pixels para definir uma largura e altura exatas, ou o modo porcentagem para escalar em relação ao tamanho original.
- Mantenha o travamento de proporção ligado para evitar distorção, ou desligue-o para definir largura e altura de forma independente.
- Escolha um formato de saída (JPEG, PNG ou WebP) e, para JPEG/WebP, ajuste o controle de qualidade para equilibrar tamanho de arquivo e qualidade visual.
- Aperte redimensionar para gerar a nova imagem, pré-visualizá-la, e baixá-la direto do seu navegador.
Como a escala em pixels e porcentagem se relacionam
Nova largura (px) = Largura original x (Escala % / 100) · Nova altura (px) = Altura original x (Escala % / 100)
- Proporção = largura original / altura original, mantida constante quando o travamento está ativado
- Qualidade (JPEG/WebP) = uma configuração de 0 a 100 que troca tamanho de arquivo por fidelidade visual; o PNG ignora isso, já que é sempre sem perdas
Exemplos de resultados de redimensionamento
| Tamanho original | Configuração | Resultado |
|---|
| 3000 x 2000 px | 50% | 1500 x 1000 px |
| 1920 x 1080 px | Largura 800 px (travada) | 800 x 450 px |
| 4000 x 3000 px | 25% | 1000 x 750 px |
| 1200 x 1200 px | Largura 300 px (travada) | 300 x 300 px |
Perguntas frequentes
Minha imagem realmente nunca é enviada a lugar nenhum?
Correto. Todo o processo de redimensionamento e compressão roda usando a API de canvas embutida no seu navegador — o arquivo é lido localmente, desenhado em um canvas na memória, e recodificado, tudo sem nenhuma requisição de rede. Você pode confirmar isso desconectando da internet depois que a página carregar; a ferramenta continua funcionando.
Por que o PNG continua grande mesmo com uma configuração de qualidade baixa?
O controle de qualidade só se aplica a JPEG e WebP, que usam compressão com perdas que troca detalhe por um tamanho de arquivo menor. O PNG usa compressão sem perdas, o que significa que cada pixel é preservado exatamente, então seu tamanho de arquivo depende da complexidade da imagem, não de uma configuração de qualidade.
Por que minha imagem redimensionada fica borrada ou pixelada?
Ampliar uma imagem além da sua resolução original exige que o navegador invente novos dados de pixel por interpolação, o que suaviza detalhes finos; reduzir uma imagem geralmente é seguro, mas ampliar significativamente além de 100% costuma reduzir a nitidez visual.
Qual é a diferença entre redimensionar por pixels e por porcentagem?
O modo pixels permite mirar em um tamanho de saída exato, como um tamanho específico exigido por um formulário ou site, enquanto o modo porcentagem escala proporcionalmente em relação ao original, útil quando você só quer uma versão menor ou maior sem calcular números exatos.
Imagens de origem muito grandes podem ser lentas para processar ou atingir limites de memória do navegador dependendo do seu dispositivo; a qualidade e compatibilidade da saída WebP podem variar ligeiramente entre navegadores, e porcentagens de ampliação extremamente altas não adicionarão detalhe real além do que a imagem original continha.