Fatos principais
- Categoria
- Media
- Tipos de entrada
- file, range, checkbox, text, select, number
- Tipo de saída
- file
- Cobertura de amostras
- 4
- API disponível
- Yes
Visão geral
A ferramenta de Escala de Imagem permite redimensionar seus arquivos de forma precisa, aplicando transformações de escala horizontal e vertical com suporte a ajustes uniformes e controle total sobre o formato e a qualidade de saída.
Quando usar
- •Quando você precisa redimensionar imagens para atender a requisitos específicos de largura ou altura.
- •Para criar variações de tamanho de uma mesma imagem mantendo ou alterando a proporção original.
- •Ao preparar arquivos para web, ajustando a escala e o formato para otimizar o tempo de carregamento.
Como funciona
- •Carregue seu arquivo de imagem nos formatos suportados como PNG, JPEG ou WebP.
- •Defina os fatores de escala X e Y ou ative a opção de escala uniforme para manter a proporção.
- •Configure a cor de fundo, o formato de saída desejado e a qualidade da compressão.
- •Clique em processar para aplicar a transformação matricial e baixar a imagem redimensionada.
Casos de uso
Exemplos
1. Otimização de Banner para Web
Designer Gráfico- Contexto
- Um banner promocional em alta resolução precisa ser reduzido para 50% do tamanho original para ser exibido em um blog.
- Problema
- A imagem original é muito grande e causa lentidão no carregamento da página.
- Como usar
- Carregue a imagem, ative a escala uniforme e defina o fator de escala para 0.5.
- Configuração de exemplo
-
scaleX: 0.5, uniform: true, format: 'webp', quality: 80 - Resultado
- Uma imagem WebP leve, com metade das dimensões originais e carregamento otimizado.
2. Ajuste de Proporção para Redes Sociais
Social Media Manager- Contexto
- Uma foto quadrada precisa ser adaptada para um formato retangular sem distorcer o conteúdo principal.
- Problema
- A imagem precisa de preenchimento lateral para se ajustar ao formato exigido pela plataforma.
- Como usar
- Desative a escala uniforme, ajuste a escala X para 1.2 e a escala Y para 1.0, definindo uma cor de fundo sólida.
- Configuração de exemplo
-
scaleX: 1.2, scaleY: 1.0, uniform: false, background: '#FFFFFF' - Resultado
- A imagem foi estendida horizontalmente com um fundo branco, mantendo a altura original e atingindo a proporção desejada.
Testar com amostras
image, png, jpgHubs relacionados
FAQ
Quais formatos de imagem são suportados?
A ferramenta suporta JPEG, PNG, WebP, GIF, BMP e TIFF.
O que faz a opção 'Escala Uniforme'?
Ela garante que a proporção original da imagem seja mantida, aplicando o mesmo fator de escala tanto na horizontal quanto na vertical.
Posso alterar o formato da imagem durante a escala?
Sim, você pode selecionar entre manter o formato original ou converter para JPEG, PNG ou WebP.
Como a qualidade afeta o arquivo final?
Ao escolher formatos com perda como JPEG ou WebP, uma qualidade menor reduz o tamanho do arquivo, mas pode diminuir a nitidez visual.
O que acontece com áreas transparentes ao redimensionar?
Você pode definir uma cor de fundo específica ou manter como transparente, dependendo da sua necessidade de design.