Datos clave
- Categoría
- Media
- Tipos de entrada
- file, range, checkbox, text, select, number
- Tipo de salida
- file
- Cobertura de muestras
- 4
- API disponible
- Yes
Resumen
Esta herramienta permite redimensionar imágenes de forma precisa aplicando transformaciones de escalado, ya sea de manera uniforme o ajustando los ejes horizontal y vertical de forma independiente mediante una representación matricial.
Cuándo usarlo
- •Cuando necesitas ajustar las dimensiones de una imagen para cumplir con requisitos específicos de diseño.
- •Para crear versiones de diferentes tamaños de un mismo recurso gráfico manteniendo la calidad.
- •Al preparar imágenes para web donde se requiere un control estricto sobre el factor de zoom o la relación de aspecto.
Cómo funciona
- •Sube tu archivo de imagen en formatos compatibles como PNG, JPEG, WebP o TIFF.
- •Define los factores de escala para los ejes X e Y, o activa el escalado uniforme para mantener la proporción original.
- •Ajusta el color de fondo para áreas transparentes y selecciona el formato de salida y la calidad deseada.
- •Procesa la imagen para obtener el archivo redimensionado con la transformación aplicada.
Casos de uso
Ejemplos
1. Redimensionamiento de banner web
Diseñador web- Contexto
- Se requiere adaptar un banner promocional de alta resolución para que ocupe exactamente la mitad de su tamaño original en una sección de noticias.
- Problema
- La imagen original es demasiado grande y pesada para el diseño de la página.
- Cómo usarlo
- Cargar la imagen, activar el escalado uniforme y establecer el factor en 0.5.
- Configuración de ejemplo
-
scaleX: 0.5, scaleY: 0.5, uniform: true, format: 'webp', quality: 85 - Resultado
- Una imagen optimizada al 50% de su tamaño original, convertida a formato WebP para una carga más rápida.
2. Ajuste de dimensiones para icono
Desarrollador de aplicaciones- Contexto
- Un icono cuadrado necesita ser estirado horizontalmente para un diseño de interfaz específico.
- Problema
- El icono original no encaja en el contenedor rectangular de la interfaz.
- Cómo usarlo
- Subir el icono, desactivar el escalado uniforme y ajustar el factor X a 1.5 mientras se mantiene el factor Y en 1.0.
- Configuración de ejemplo
-
scaleX: 1.5, scaleY: 1.0, uniform: false, format: 'png' - Resultado
- El icono se expande horizontalmente un 50% manteniendo su altura original, adaptándose perfectamente al contenedor.
Probar con muestras
image, png, jpgHubs relacionados
Preguntas frecuentes
¿Qué formatos de imagen son compatibles?
La herramienta admite archivos JPEG, PNG, WebP, GIF, BMP y TIFF.
¿Puedo escalar la imagen de forma no proporcional?
Sí, al desactivar la opción de 'Escalado Uniforme', puedes definir factores de escala distintos para los ejes horizontal (X) y vertical (Y).
¿Qué sucede con las áreas transparentes al escalar?
Puedes definir un color de fondo específico (hexadecimal o nombre de color) para rellenar las áreas que queden transparentes tras la transformación.
¿Cómo afecta la configuración de calidad al archivo final?
La calidad (1-100) se aplica a formatos con pérdida como JPEG y WebP; un valor más alto mejora la fidelidad visual pero aumenta el tamaño del archivo.
¿Cuál es el límite de tamaño de archivo permitido?
Puedes subir archivos de hasta 10 MB para su procesamiento.