📏

Redimensionador de Imágenes

Redimensiona imágenes a dimensiones exactas en píxeles con relación de aspecto bloqueable.

📁

Arrastra una imagen aquí o haz clic para explorar

Admite JPG, PNG, WEBP

Todo el redimensionado ocurre en tu navegador. Tu imagen nunca se sube.

Redimensionar una imagen a dimensiones exactas en píxeles es una de las tareas más rutinarias del trabajo web y de diseño, y una de las más fáciles de hacer sutilmente mal. Cambia solo el ancho y la imagen se estira; adivina el alto y la distorsionas; amplía una imagen pequeña y se vuelve suave y borrosa. Los hechos clave son que reducir es casi siempre seguro mientras que ampliar no lo es, y que mantener la relación de aspecto bloqueada es lo que evita la distorsión. Esta herramienta redimensiona a dimensiones precisas con una relación bloqueada opcional, enteramente en tu navegador, así que tus imágenes nunca salen de tu dispositivo.

Cómo funciona el redimensionador

Sube una imagen e introduce tu ancho o alto objetivo. Con la relación de aspecto bloqueada —la opción habitual— introducir una dimensión fija la otra automáticamente para mantener la imagen sin distorsión; desbloquéala para forzar dimensiones exactas a riesgo de estirar. La herramienta redibuja la imagen al nuevo tamaño mediante la Canvas API y te deja descargar el resultado. Todo ocurre localmente; la imagen nunca se sube a un servidor.

Las reglas del redimensionado

Relación bloqueada (seguro): alto nuevo = ancho nuevo × (alto orig ÷ ancho orig) Reducir: 1000px → 400px ✓ se mantiene nítida Ampliar: 400px → 1000px ✗ se vuelve borrosa Relaciones de pantalla (CSS): 1× normal 2× retina/HiDPI necesita el doble de píxeles La distorsión solo ocurre con la relación desbloqueada.

La regla más importante es que puedes reducir bien una imagen pero no puedes ampliarla de verdad. Reducir descarta píxeles que la imagen ya tiene, así que una foto de 2000 píxeles escalada a 800 se mantiene nítida. Ampliar tiene que inventar píxeles que nunca se capturaron, y ninguna cantidad de interpolación añade detalle real: solo emborrona o, con herramientas de IA, adivina. Por eso el flujo es siempre partir de la mayor fuente disponible y reducir a cada tamaño que necesites, nunca ampliar una imagen pequeña.

Lo que conviene saber sobre redimensionar

  • 1Reduce con libertad, pero nunca amplíes por calidad. Encoger una imagen grande a un tamaño menor luce genial porque descarta detalle sobrante; agrandar una imagen pequeña no puede añadir detalle que nunca se capturó, así que se vuelve suave. Redimensiona siempre hacia abajo desde el mayor original que tengas, y si solo tienes una imagen pequeña, acepta su tamaño en lugar de inflarla.
  • 2Redimensiona al tamaño de visualización real para ahorrar enormes cantidades de peso. Una foto de 3000 píxeles mostrada en un hueco de 800 está descargando casi cuatro veces los píxeles que necesita, desperdiciando ancho de banda y ralentizando la página. Hacer coincidir las dimensiones en píxeles con las de visualización suele ser la mayor victoria de tamaño de archivo disponible, mayor que la compresión.
  • 3Ten en cuenta las pantallas retina redimensionando al doble del tamaño de visualización. Las pantallas de alta densidad meten dos píxeles de dispositivo en cada píxel CSS, así que una imagen mostrada a 400 píxeles CSS luce más nítida exportada a 800 píxeles reales. El equilibrio es servir suficiente resolución para retina sin el exceso de un archivo innecesariamente enorme: 2× es el punto óptimo habitual.
  • 4Mantén la relación de aspecto bloqueada salvo que quieras distorsionar deliberadamente. Desbloquear la relación te deja alcanzar un ancho y alto exactos, pero cualquier desajuste con el original estira o aplasta la imagen. Para casi todo uso, bloquea la relación e introduce solo una dimensión; recurre a desbloquear solo cuando genuinamente necesites forzar una forma no nativa y aceptes la distorsión.
  • 5Redimensiona antes de comprimir, y guarda un máster original. Redimensionar al tamaño de visualización primero significa que la compresión entonces trabaja sobre muchos menos píxeles, acumulando los ahorros. Y como reducir descarta detalle permanentemente, redimensiona siempre desde un máster a resolución completa en lugar de una copia ya encogida, para poder regenerar cualquier tamaño que necesites después.

Preguntas frecuentes

¿Por qué mi imagen se ve borrosa tras redimensionar?

Casi con certeza porque la ampliaste. Ampliar una imagen pequeña obliga al software a inventar píxeles que nunca se capturaron, y ninguna interpolación puede añadir detalle real: el resultado es suave o borroso. Reducir, en cambio, se mantiene nítida porque descarta píxeles sobrantes. La solución es partir de un original más grande y reducir al tamaño que necesitas; si solo tienes una imagen pequeña, no hay forma de agrandarla de verdad sin perder nitidez.

¿Cómo redimensiono sin distorsionar la imagen?

Mantén la relación de aspecto bloqueada y cambia solo una dimensión, dejando que la herramienta calcule la otra proporcionalmente. La distorsión solo ocurre cuando ancho y alto se escalan en cantidades distintas, lo que estira o aplasta el contenido. Con la relación bloqueada, introducir un ancho objetivo fija el alto correspondiente automáticamente, así que la imagen conserva su forma. Desbloquea la relación solo cuando necesites dimensiones exactas deliberadamente y aceptes la distorsión resultante.

¿A qué tamaño debo redimensionar imágenes para la web?

Haz coincidir las dimensiones en píxeles con lo grande que la imagen se mostrará de verdad, luego duplícalo para pantallas de alta densidad. Una imagen mostrada en un hueco de 800 píxeles de ancho debería rondar los 800 píxeles para pantallas estándar o 1600 para nitidez retina. Servir una imagen de 3000 píxeles en un espacio de 800 desperdicia la mayor parte de la descarga. Redimensionar al tamaño de visualización —la mayor victoria fácil para la velocidad— debe venir antes de la compresión, no después.

¿Puedo agrandar una imagen pequeña sin perder calidad?

En realidad no. Agrandar una imagen le pide al software crear detalle que nunca estuvo en el original, y el redimensionado estándar solo puede interpolar, lo que emborrona. Las herramientas de escalado con IA pueden inventar detalle plausible y a veces lucir impresionantes, pero están adivinando, no recuperando información real. El enfoque fiable es siempre conseguir o conservar un original grande y reducir; una imagen pequeña no puede restaurarse de verdad a una grande y nítida.

¿Se sube mi imagen al redimensionarla?

No. El redimensionado corre enteramente en tu navegador mediante la Canvas API, así que la imagen se procesa en tu propio dispositivo y nunca se transmite, registra ni almacena. Puedes confirmarlo desconectándote de internet; la herramienta sigue funcionando porque no hay servidor implicado. Esto mantiene fotos privadas, trabajo de clientes e imágenes no publicadas en tu máquina durante todo el proceso.