Tutorial · Herramientas de imagen
Cómo redimensionar una imagen al tamaño exacto
Una foto que se sale de su marco, una miniatura que se ve estirada, un banner donde las caras aparecen deformadas. El 90 % de estos problemas tienen la misma causa: la imagen no tiene las dimensiones exactas que el diseño espera, y el navegador o la aplicación la está estirando o encogiendo a su manera.
Redimensionar una imagen al tamaño exacto —en píxeles, ni uno más ni uno menos— es la solución, y hacerlo bien requiere entender un concepto clave: la relación de aspecto. En este tutorial aprenderás a calcular las medidas correctas, a evitar deformaciones y a elegir cuándo recortar y cuándo redimensionar.
La relación de aspecto: el concepto que lo explica todo
La relación de aspecto es la proporción entre el ancho y el alto de una imagen, y es lo que determina si al cambiar su tamaño se deforma o no. Una foto de 4000 × 3000 píxeles tiene una relación de 4:3; si la reduces a 800 × 600, sigue siendo 4:3 y no se deforma. Pero si la fuerzas a 800 × 800, estarás estirando verticalmente la imagen y las caras se alargarán.
Las relaciones más comunes que debes conocer: 16:9 para vídeo y cabeceras panorámicas (1920 × 1080, 1280 × 720), 4:3 para fotografía clásica (1600 × 1200), 1:1 para miniaturas cuadradas (1080 × 1080) y 3:2 para fotografía réflex (6000 × 4000). Cuando el diseño pide una relación distinta a la de tu imagen, tienes dos opciones: recortar o aceptar bandas.
La regla de oro: redimensionar cambia el tamaño manteniendo la proporción; si necesitas cambiar la proporción, debes recortar. Intentar cambiar ambas cosas a la vez con un simple redimensionado es lo que produce las deformaciones.
Paso 1: Averigua las medidas exactas que necesitas
Antes de tocar la imagen, averigua las medidas exactas que necesitas. Para una web, inspecciona el hueco con las herramientas de desarrollador del navegador (tecla F12): verás el ancho y alto en píxeles del contenedor. Para redes sociales, consulta sus guías: Instagram pide 1080 × 1080 px para publicaciones cuadradas y 1080 × 1350 px para retratos; YouTube, 1280 × 720 px para miniaturas; LinkedIn, 1128 × 191 px para cabeceras de perfil.
Anota también si necesitas un tamaño exacto o un tamaño máximo. Un «exacto» —como una miniatura de YouTube— exige esas dimensiones al píxel; un «máximo» —como una foto para un artículo— solo pide no superar cierto ancho, manteniendo la proporción original.
Un truco profesional: añade un margen para pantallas de alta densidad. Si el hueco mide 800 px de ancho, prepara la imagen a 1200 o 1600 px: en pantallas retina se verá nítida, y en pantallas normales el navegador la reducirá sin pérdida visible. El coste en peso es moderado y la ganancia en nitidez, notable.
Paso 2: Redimensiona con la proporción bajo control
Con las medidas claras, el redimensionado es mecánico: introduce el ancho y el alto deseados en la herramienta, asegurándote de que la opción de mantener la proporción esté activada si quieres conservar la relación de aspecto original. Si introduces solo el ancho, la herramienta calculará el alto automáticamente.
Abre la herramienta gratuita de redimensionar imágenes de Tótem en usatotem.com/herramientas-imagen/redimensionar-imagen/, sube tu foto e introduce las dimensiones. El procesamiento se hace en tu navegador, así que la imagen no sale de tu dispositivo.
Si las medidas que necesitas tienen una proporción distinta a la original y desactivas el bloqueo de proporción, la imagen se deformará: es matemáticamente inevitable. En ese caso, no redimensiones todavía: primero recorta la imagen a la proporción correcta y después redimensiona al tamaño exacto. El orden correcto es recortar y luego redimensionar, nunca al revés.
Paso 3: Cuándo recortar antes de redimensionar
Recortar y redimensionar resuelven problemas distintos y conviene no confundirlos. Recortar cambia el encuadre: elimina partes de la imagen para cambiar su composición o su proporción. Redimensionar cambia el tamaño: mantiene todo el contenido pero con más o menos píxeles.
El flujo profesional combina ambos: primero recortas para conseguir la composición y la proporción deseadas —por ejemplo, pasar una foto 4:3 a formato cuadrado 1:1 eliminando los laterales—, y después redimensionas al tamaño exacto en píxeles que pide el diseño.
Para el recorte, la herramienta gratuita de recortar imágenes (usatotem.com/herramientas-imagen/recortar-imagen/) te permite seleccionar el área exacta con el ratón y previsualizar el resultado. Un consejo de composición: al recortar personas, no cortes por las articulaciones —cuellos, codos, rodillas—; corta por mitad del brazo o del muslo para un resultado natural.
Paso 4: Verifica el resultado al 100 % de zoom
Con la imagen ya al tamaño exacto, haz la comprobación visual definitiva: ábrela al 100 % de zoom y mírala con ojos críticos. Busca deformaciones sutiles —círculos que parecen óvalos, caras ligeramente alargadas— que delatan un cambio de proporción accidental.
Comprueba también la nitidez: al reducir mucho una imagen (de 4000 a 800 píxeles, por ejemplo), los detalles finos pueden perderse ligeramente. La mayoría de las herramientas aplican un filtro de remuestreo que mantiene la nitidez, pero si la imagen se ve algo blanda, un ligero aumento de enfoque la devuelve a la vida.
Por último, verifica el peso del archivo resultante frente a su destino. Una miniatura de 1280 × 720 para YouTube debería pesar entre 100 y 300 KB; si pesa 2 MB, aún puedes comprimirla sin pérdida visible. Tamaño exacto y peso optimizado son las dos caras de una imagen bien preparada.
Herramientas gratuitas mencionadas
Recortar imagen
Recorta tus fotos online con precisión: arrastra la selección y fija proporciones como 1:1 o 16:9.
Usar gratisCompresor de imágenes
Comprime tus fotos al instante: reduce el peso sin perder calidad visible, en JPG, PNG o WebP.
Usar gratisRedimensionar imagen
Cambia el tamaño de tus fotos por píxeles o porcentaje, con o sin mantener la proporción.
Usar gratisPreguntas frecuentes
¿Redimensionar una imagen le quita calidad?
No, si lo haces bien: reducir una imagen apenas afecta a su nitidez visible. El problema es ampliar: estirar una imagen pequeña a un tamaño mayor siempre produce borrosidad, porque el programa tiene que inventar píxeles que no existen. Redimensionar hacia abajo es seguro; hacia arriba, evítalo cuando puedas.
¿Qué diferencia hay entre píxeles y centímetros?
Los píxeles (px) son la unidad digital: una imagen de 1920 px de ancho tiene 1920 puntos de información por fila. Los centímetros solo tienen sentido al imprimir, combinados con la resolución (ppp). Para web y pantallas, trabaja siempre en píxeles.
¿Puedo recuperar el tamaño original después de reducir?
Sí, pero el resultado tendrá la mitad de nitidez en cada dimensión: una foto de 4000 px reducida a 1000 px y vuelta a ampliar a 4000 px se verá borrosa. Por eso es vital conservar siempre el original: los cambios de tamaño hacia abajo no se pueden deshacer con calidad.
¿Cómo sé qué tamaño necesita mi web o red social?
En píxeles: mide el hueco donde irá la imagen con las herramientas de desarrollador del navegador (F12) o consulta la guía de la plataforma. Muchas redes sociales publican sus medidas recomendadas: por ejemplo, 1080 × 1080 px para publicaciones cuadradas de Instagram.
En resumen
Redimensionar una imagen al tamaño exacto es una de esas habilidades básicas que separan un trabajo cuidado de uno improvisado: fotos que encajan a la perfección en su hueco, miniaturas uniformes, cabeceras sin deformar. Con la relación de aspecto controlada, las medidas correctas y una comprobación visual final, el proceso no tiene misterio.
Y si antes de redimensionar necesitas aislar el sujeto —quitar distracciones de los bordes o centrar la composición—, la herramienta gratuita de recortar imágenes es el paso previo perfecto: recorta primero, redimensiona después.