Redimensionar imágenes sin estirarlas ni deformarlas
Una imagen se estira cuando se fuerzan ancho y alto con proporciones distintas a las del original. Un proceso fiable conserva la relación de aspecto, pide solo las dimensiones necesarias y evita ampliar archivos sin suficientes píxeles.
Mantén bloqueada la relación de aspecto, elige una dimensión máxima adecuada para el diseño y recorta antes solo cuando necesites otra forma exacta. Conserva el original para que una copia pequeña nunca se convierta en el archivo maestro.
La relación de aspecto evita el estiramiento
La relación de aspecto describe la proporción entre ancho y alto. Una imagen de 1600 × 900 y otra de 800 × 450 comparten la misma proporción y pueden escalarse sin cambiar las formas del contenido.
Si se fuerzan ambas dimensiones a otra proporción, los círculos se vuelven óvalos y las personas parecen estrechas o anchas. Bloquear la proporción calcula la segunda dimensión a partir de la primera.
Redimensionar y recortar resuelven problemas distintos. Redimensionar conserva todo el encuadre; recortar elimina una parte para conseguir otra forma.
Ajustes de redimensionado de PixMovo
- Empieza con el ancho predeterminado
PixMovo empieza con ancho 1024 píxeles y alto opcional. Ambas dimensiones aceptan enteros de 1 a 8192 píxeles y debes indicar al menos una.
- Mantén bloqueada la proporción
La relación de aspecto está bloqueada de forma predeterminada. Introduce una dimensión para conservar la proporción original; también puedes dar ambas si describen un cuadro adecuado.
- Usa una sola dimensión cuando sea posible
En una web adaptable suele bastar un ancho máximo. Para imágenes verticales puede ser más claro indicar la altura máxima. La dimensión ausente se deriva del original.
- Cuenta con una reducción sin ampliación
La operación solo reduce, por lo que una imagen que ya sea menor que el cuadro solicitado no se amplía. Así se evita inventar píxeles suaves desde una fuente pequeña.
Elige el método adecuado
| Objetivo | Dimensiones | Resultado |
|---|---|---|
| Encajar en un diseño | Ancho o alto máximo | Toda la imagen escala proporcionalmente |
| Encajar dentro de un cuadro exacto | Ancho y alto con proporción bloqueada | No se estira; un lado puede quedar más corto |
| Llenar un cuadro exacto | Recortar primero y redimensionar después | Cambia el encuadre, no las proporciones del sujeto |
| Evitar ampliación | Pedir el máximo de entrega | Los originales menores conservan su tamaño |
Errores que deforman o debilitan una imagen
- Desbloquear la proporción e introducir ancho y alto sin relación.
- Usar redimensionado cuando el diseño necesita un recorte a otra forma.
- Ampliar una vista previa pequeña esperando que aparezca detalle nuevo.
- Confundir el tamaño visual en CSS con los píxeles reales del archivo.
- Sustituir el original de alta resolución por una copia pequeña.
Preguntas frecuentes
- ¿Por qué se ve estirada mi imagen redimensionada?
- El ancho y el alto cambiaron a otra relación de aspecto. Bloquea la proporción e indica una dimensión, o recorta antes para obtener una forma distinta.
- ¿Cuál es el ancho predeterminado de PixMovo?
- El ancho empieza en 1024 píxeles. Puedes cambiarlo o dejar una dimensión vacía; los valores válidos van de 1 a 8192 píxeles.
- ¿Puedo indicar solo el ancho o solo el alto?
- Sí. Debes indicar al menos una dimensión y, con la proporción bloqueada, la otra sigue las proporciones del original.
- ¿PixMovo amplía una imagen pequeña?
- No. El flujo solo reduce, así que una imagen menor que el cuadro solicitado no se amplía.
- ¿Debo redimensionar o recortar para una miniatura cuadrada?
- Recorta primero a un cuadrado si debe llenarlo por completo y después redimensiona a los píxeles finales. Redimensionar por sí solo conserva todo el encuadre.