Cómo redimensionar una imagen sin perder calidad (y qué significa de verdad esa frase)

Primero, dos significados — solo uno de ellos funciona

Cuando buscas cómo redimensionar sin perder calidad, quieres decir una de dos cosas opuestas. O quieres reducir una foto grande a un tamaño útil y que siga viéndose nítida, o quieres agrandar una imagen pequeña y que siga viéndose nítida. Lo primero se consigue con cuidado. Lo segundo no lo consigue ningún redimensionador, porque los píxeles que nunca se capturaron no existen en ninguna parte de la que recuperarlos.

Reducir descarta píxeles. No hay forma de evitarlo: una imagen con la mitad del ancho y la mitad del alto contiene una cuarta parte de los píxeles. Lo que controlas es con qué elegancia ocurre ese descarte — cómo el remuestreador construye cada píxel nuevo a partir de su vecindad, si redimensionas una vez o varias, si exportas una vez o recodificas varias, y si aplicas un poco de enfoque después. Bien hecho, una reducción pasa desapercibida a los tamaños de visión habituales.

Agrandar no puede ofrecer el mismo trato. Un redimensionador que lleva una imagen al 200% inventa cada píxel entre los que ya tienes. El resultado puede verse más suave, y la suavidad tiene usos reales, pero no contiene ni un detalle genuino adicional. Cualquier herramienta que «agrande imágenes sin pérdida de calidad» te está vendiendo remuestreo con buena publicidad. Un remuestreador honesto — incluida la herramienta del navegador enlazada al final de esta guía — es remuestreo puro: reordena tu detalle, nunca añade ninguno.

• Reducir: pérdida de píxeles real y permanente. Tus palancas son la calidad del remuestreo, el tamaño objetivo y una única codificación limpia.
• Agrandar: más píxeles reales, cero detalle real. Más grande y más suave, nunca más nítido.
• Todo lo que sigue trata de hacer bien la reducción; la sección sobre cuándo necesitas un archivo más grande explica las opciones honestas para el caso de agrandar.

Lo que de verdad le hace a tus píxeles cambiar el tamaño

Una imagen es una cuadrícula fija. Una foto de 4000 × 3000 mide 4000 píxeles de ancho y 3000 de alto — 12,000,000 de píxeles en total. Redimensionar superpone sobre la imagen una cuadrícula nueva de otro tamaño y, para cada celda de esa cuadrícula nueva, pregunta: ¿de qué color debe ser este píxel? La respuesta se calcula a partir de los píxeles fuente que rodean ese punto. Ese cálculo es el remuestreo — todo el trabajo que realiza cualquier herramienta de redimensionado.

Cuando reduces, cada píxel de salida representa un bloque de píxeles fuente. Si divides por la mitad las dos dimensiones, cada píxel nuevo resume un área de cuatro píxeles fuente de lado, así que tu cuadrícula objetivo de 3,000,000 de píxeles se exprime a partir de 12,000,000 originales. Un método burdo elige el píxel fuente más cercano y tira el resto, lo que produce bordes dentados y patrones de moiré en el detalle repetitivo. Un método de suavizado promedia una vecindad más amplia, y es lo que mantiene fieles las proporciones, los colores y los bordes después del resumen.

Por eso el suavizado de alta calidad importa sobre todo cuando reduces mucho. Una reducción del 10% se ve casi idéntica con cualquier método razonable. Bajar una foto de 4000 píxeles de ancho a 1000 píxeles obliga al remuestreador a condensar cada píxel restante en un área de dieciséis originales, y una vecindad estrecha simplemente pierde información que una vecindad amplia mezcla. Los navegadores exponen esto como una indicación de calidad de suavizado: el redimensionador enlazado pide al navegador un suavizado de alta calidad y dibuja la imagen en una sola pasada al tamaño objetivo. La página llama bilinear a ese filtro; en la práctica el código solo fija la indicación de calidad y el algoritmo exacto es decisión del navegador.

La suavidad que a veces ves después de una reducción grande no es un fallo — es el promediado en sí, la misma operación que mantiene la imagen fiel. La compensación estándar es una pasada ligera de enfoque después de redimensionar, en un editor que tenga controles de enfoque. El enfoque posterior recupera el aspecto de bordes definidos subiendo el contraste a lo largo de bordes que ya existen; no añade información, y por eso pasarse hace que una foto reducida se vea dura y artificial.

Redimensiona al tamaño de pantalla en lugar de escalarlo más tarde

La forma más común en que la gente «pierde calidad» es no redimensionar nunca. Suelta una foto de 4000 × 3000 en un hueco de 640 píxeles de ancho y el navegador o el programa de documentos la encoge cada vez que la página se pinta. Se ve aproximadamente bien, así que nadie nota el coste — pero has enviado a cada visitante un archivo innecesariamente enorme, y el encogimiento lo hace el camino rápido que ese motor de renderizado use en ese momento, por dispositivo, por carga, a veces con un estándar inferior al de un redimensionado deliberado.

Redimensiona una vez al tamaño en el que la imagen se va a mostrar de verdad, y la decisión se toma una sola vez, por ti, con buen suavizado, sobre tu fuente de mejor calidad. El archivo es más pequeño, la correspondencia en pantalla es exacta — un píxel de imagen por píxel de pantalla — y cada visitante ve el resultado idéntico. Para pantallas de alta densidad, planifica el doble: una imagen que se muestra a 640 píxeles de ancho quiere medir 640 píxeles de lado en una pantalla estándar y 1280 en una de doble densidad.

La misma lógica cubre las imágenes que envías en lugar de publicar: una versión de 1600 píxeles de ancho de una foto de cámara se ve igual en un teléfono y llega antes. Conserva el original como tu maestro y trata cada tamaño entregado como un redimensionado deliberado desde él — nunca un redimensionado de una entrega anterior.

La trampa de la doble compresión

JPEG cuesta calidad en el momento de guardar, no en el de abrir. Decodificar un JPEG devuelve píxeles; codificar es el paso con pérdida, el que descarta información para encoger el archivo. Eso significa que el daño en un flujo de trabajo se cuenta en codificaciones, no en aperturas. Cada guardado JPEG nuevo de una imagen que ya era JPEG vuelve a pasar una capa con pérdida sobre datos que ya eran un compromiso, y las pérdidas se acumulan generación tras generación.

La trampa es que redimensionar casi siempre esconde una segunda codificación. Redimensionas un JPEG en una herramienta y esta exporta JPEG — esa es la codificación uno. Luego lo envías por correo desde una app que recomprime, lo subes a un sitio que lo «optimiza» o lo guardas una vez más para retocar un ajuste — eso son dos más. Aquí es donde la frase «redimensionar sin perder calidad» suele quedarse sin efecto, y no por el remuestreo: una única reducción limpia apenas cuesta nada, y es una cadena de recodificaciones descuidadas la que convierte la imagen en papilla.

La disciplina: redimensiona una vez, desde tu mejor original, y exporta una vez, al tamaño y formato finales. Si necesitas un archivo de trabajo entre medias — por ejemplo redimensionas ahora pero recortas luego en otro programa —, guarda el intermedio como PNG, que no tiene ninguna generación con pérdida que acumular, y deja que el JPEG ocurra solo en el paso terminado.

Cuando exportes, el ajuste de calidad importa más que el filtro de remuestreo exacto. En el redimensionador enlazado el control de calidad va de 1 a 100 y usa 85 por defecto, y su propia guía dice que 80 a 85 es el punto dulce para JPG y WebP: lo bastante alto para que los artefactos de compresión sigan invisibles en fotografías, y lo bastante bajo para que el archivo siga siendo pequeño. Subir hacia 100 hincha el archivo bastante por una diferencia que te costará ver, y bajar mucho de 80 es donde empiezan a aparecer los bloques y el ringing alrededor de los bordes.

Elegir el formato de salida: JPEG, PNG o WebP

Una vez que los píxeles están remuestreados, el codificador decide cómo guarda el archivo de verdad, y la elección correcta depende del contenido, no de la moda.

• Foto, sin necesidad de transparencia: JPEG o WebP, calidad en los 80.
• La transparencia debe sobrevivir: PNG o WebP.
• Capturas de pantalla y gráficos con mucho texto: PNG.
• El control de calidad no vale para PNG — está desactivado ahí porque PNG no tiene nivel con pérdida.

JPEG: fotografías sin transparencia

JPEG sigue siendo el estándar para las fotos redimensionadas: el control de calidad da mando directo sobre el intercambio entre tamaño y fidelidad, y todos los visores lo admiten. Un comportamiento a tener en cuenta: JPEG no tiene transparencia, así que el redimensionador aplana las zonas transparentes sobre blanco cuando exportas JPEG. Un logotipo con fondo recortado sale sentado sobre un rectángulo blanco. Si algo fuera del sujeto importa, JPEG es la respuesta equivocada.

PNG: gráficos, texto y transparencia

PNG es la salida correcta para capturas de pantalla, arte lineal, logotipos y cualquier imagen con texto dentro, y mantiene intacto el canal alfa: los fondos transparentes sobreviven al redimensionado. Su compresión es sin pérdidas, que es exactamente la razón de que el control de calidad se desactive cuando eliges salida PNG: no hay ningún dial de calidad dentro de una compresión sin pérdidas, y un ajuste que fingiera lo contrario no significaría nada.

El coste es el tamaño. Una fotografía exportada como PNG produce un archivo muchas veces más grande que el JPEG que se ve igual. PNG para gráficos; no para fotos que piensas enviar en cantidad.

WebP: un formato que cubre los dos trabajos

WebP mantiene la transparencia como PNG y acepta el mismo tipo de control de calidad con pérdida para fotografías que JPEG, lo que lo convierte en el valor por defecto razonable cuando no sabes en qué categoría cae tu imagen. La guía del redimensionador lo trata como JPEG: 80 a 85 es el punto dulce.

Por qué las capturas de pantalla y el arte lineal resisten la reducción de otra manera

Una fotografía es en su mayor parte suavidad: los píxeles vecinos se parecen, variaciones mínimas de tono y de textura. Cuando un remuestreador promedia y elimina bloques de eso, la pérdida es gradual, y a los tamaños de visión habituales el ojo apenas la registra. Una foto puede absorber que la reduzcan a la mitad y seguir leyéndose como nítida.

Una captura de pantalla, un icono o un dibujo de líneas es lo contrario: texto negro sobre blanco, trazos de un píxel, bordes duros sin nada entre ellos. Reducir obliga al remuestreador a promediar cada trazo fino con el blanco que lo rodea, así que las líneas finísimas se vuelven grises, las letras pequeñas se convierten en manchas y los trazos finos pueden desaparecer del todo. El texto es el caso implacable, porque la legibilidad es binaria — un glifo se lee o no se lee — mientras que la calidad fotográfica es un continuo.

Reglas prácticas para las categorías difíciles:

• Capturas de pantalla y de interfaz: redimensiona exactamente al tamaño de pantalla en una sola pasada con suavizado de alta calidad, y exporta como PNG para que el texto no tenga que luchar además con los artefactos de compresión.
• Si la captura tiene que ser mucho más pequeña, captura la ventana de origen más pequeña en vez de encoger los píxeles después — vuelve a exportar desde el documento o la app original al tamaño que necesitas.
• Arte lineal y logotipos: la solución real es una fuente vectorial, porque remuestrear instrucciones siempre gana a remuestrear píxeles.
• Pixel art: los agrandamientos solo funcionan con múltiplos enteros exactos y con el suavizado apagado; reducir destruye la cuadrícula sobre la que está construido el dibujo.

Redimensionar en Photoshop, GIMP e Illustrator

Los tres programas que sugiere el autocompletado se dividen en dos categorías. Photoshop y GIMP son editores de mapa de bits: realizan la misma matemática de píxeles que cualquier otro redimensionador, con más controles. Illustrator es un editor vectorial, y «redimensionar» allí es un acto de otra naturaleza. Saber en qué categoría estás evita la mayoría de las decepciones.

Photoshop y GIMP: el diálogo de remuestreo

Los dos programas ponen la decisión en un diálogo de tamaño de imagen: introduces nuevas dimensiones en píxeles, o un tamaño de impresión junto con un número de resolución, y eliges un método de remuestreo. Las convenciones son las mismas en ambos: métodos recomendados distintos para reducciones y para ampliaciones — opciones de vecindad más amplia y más suave al reducir, opciones que preservan el detalle al ampliar — y, en la mayoría de las versiones, un control de enfoque por cantidad que se aplica como parte del remuestreo, que es la respuesta profesional al problema de suavidad descrito antes. El diálogo también separa las dimensiones en píxeles de las dimensiones de impresión: un número de resolución solo cambia el tamaño al que se pretende imprimir esa cuadrícula fija de píxeles; nunca crea ni destruye píxeles.

Más allá del remuestreo en sí, los editores de escritorio se diferencian de una herramienta sencilla del navegador justo en las áreas que esta guía ha señalado: llevan metadatos y perfiles de color a través de la exportación, permiten enfocar después de redimensionar y ofrecen controles de codificación por formato. El oficio es idéntico — una pasada, suavizado amplio, enfoque ligero después, exportar una vez — con mejores instrumentos para cada paso.

Illustrator: escalar es volver a renderizar, no remuestrear

El arte vectorial se guarda como instrucciones — curvas, formas, grosores de trazo —, no como una cuadrícula de píxeles. Escala un vector hacia arriba o hacia abajo y la aplicación redibuja la geometría al nuevo tamaño, así que los bordes son matemáticamente nítidos a 100 píxeles de ancho o a 10,000. Esta es la única versión de «redimensionar sin perder calidad» que es literalmente cierta, y solo se aplica a contenido que de verdad vive como vectores.

Dos advertencias lo mantienen honesto. Primera: las imágenes colocadas dentro de un documento vectorial siguen siendo fotografías: escalar el documento magnifica su cuadrícula de píxeles fija, y exportar la página con dimensiones de mapa de bits enormes solo remuestrea esos píxeles como cualquier redimensionado. Segunda: en el momento en que exportas arte vectorial como JPEG, PNG o WebP, la calidad pasa a ser una decisión que tomas una vez: elige un tamaño de exportación en píxeles con holgura, porque el archivo que exportas ya no se puede redibujar.

Cuando de verdad necesitas una imagen más grande

A veces el requisito no se puede evitar: un formulario exige 2000 píxeles de ancho, un hueco de impresión pide un archivo más grande, un logotipo viejo solo existe como miniatura. Ordena las opciones con honestidad.

Lo mejor: vuelve a fotografiar o vuelve a exportar a más resolución desde la fuente original. Es la única ruta que produce detalle adicional real. Un documento de diseño, un original de cámara o un archivo raw de foto a menudo se pueden exportar otra vez a 6000 píxeles donde antes exportaste 1000, y cada uno de esos píxeles extra lleva información que existía de verdad.

Segunda mejor opción para logotipos, iconos y diagramas: reconstrúyelos como vectores. Alguien puede calcar tu miniatura como arte vectorial, y a partir de ahí cualquier tamaño es un redibujado, no un agrandamiento. Por eso los diseñadores entregan los logotipos como archivos vectoriales en primer lugar.

Lo último: acepta un agrandamiento por lo que es. Si solo tienes el mapa de bits pequeño, agrandarlo con buen suavizado hace el archivo más grande y, normalmente, visualmente más suave. Esa es la respuesta correcta cuando el requisito son las dimensiones — un portal de envío que rechaza archivos por debajo de un ancho mínimo —, porque lo que se comprueba son las dimensiones. Es la respuesta equivocada cuando el requisito es la legibilidad: un agrandamiento no puede hacer legible un texto ilegible. Si necesitas leerlo, busca una fuente mejor.

• Necesitas detalle real: vuelve a exportar desde el documento original o vuelve a fotografiar.
• Necesitas un logotipo escalable: redibújalo como vector y expórtalo al tamaño que quieras.
• Necesitas solo dimensiones más grandes: un único agrandamiento suave basta — solo añade suavidad, no información.
• Necesitas leer un texto diminuto que ya es ilegible: ningún redimensionador puede ayudarte; busca el original.

Todo el flujo de trabajo, condensado

Todo lo anterior es un solo procedimiento. Ejecútalo en este orden y la versión alcanzable de «sin pérdida de calidad» será tuya cada vez:

• Empieza por el mejor original que tengas — nunca por una salida anterior.
• Decide las dimensiones exactas de destino en píxeles: el tamaño al que se va a mostrar o enviar de verdad.
• Redimensiona una vez, con suavizado de alta calidad, dejando Fijar relación de aspecto activado a menos que quieras deformar.
• Elige el formato según el contenido: JPEG o WebP para fotografías, PNG o WebP cuando la transparencia debe sobrevivir, PNG para capturas de pantalla y texto.
• Para JPG y WebP, exporta con una calidad en los 80 — la herramienta enlazada usa 85 por defecto.
• Previsualiza a tamaño real antes de descargar; si el resultado se ve blando, el tamaño objetivo era demasiado agresivo, no el método.
• Exporta una vez y guarda el original intacto como tu maestro.
• Enfoque ligeramente después del redimensionado solo en un editor que ofrezca enfoque — después de redimensionar, nunca antes.

Qué hace el redimensionador enlazado — y qué no sobrevive

La herramienta del navegador a la que esta guía te envía es un trabajo deliberadamente pequeño, y saber exactamente dónde están sus bordes forma parte de redimensionar bien.

Cómo redimensiona

Sin librerías y sin servidor: la página carga tu imagen en un canvas, pide al navegador un suavizado de alta calidad y dibuja la imagen hacia abajo o hacia arriba hasta el tamaño objetivo en una sola pasada, y luego codifica el resultado. La página describe ese filtro como bilinear; el código en sí solo fija la indicación de calidad del navegador, así que el algoritmo preciso queda en manos de tu navegador. Es remuestreo puro — se le aplica el límite honesto de la primera sección: puede reordenar tu detalle, nunca añadirle nada.

Los controles son los alrededor de los que esta guía ha estado dando vueltas: Ancho (px) y Alto (px) de 1 a 20,000, o una Escala (porcentaje) de 1 a 4000; Fijar relación de aspecto activado por defecto; Formato de salida como PNG, JPEG o WebP; y Calidad (JPG/WebP) de 1 a 100, con 85 por defecto, desactivado solo para PNG porque PNG no tiene nivel con pérdida. La exportación JPEG aplana la transparencia sobre blanco; PNG y WebP conservan el canal alfa. Puedes Previsualizar antes de comprometerte, y Descargar entrega el archivo con el nombre resized y la extensión que elegiste — renómbralo tú mismo, porque el nombre original no se conserva.

Qué acepta

Un archivo cada vez, de hasta unos 50 MB, en PNG, JPEG, WebP o GIF. El caso del GIF merece atención: un GIF animado se redimensiona a un único fotograma fijo, porque esto es un redimensionador, no un editor de animaciones. Si la animación importa, la herramienta del navegador es la parada equivocada y necesitas software de GIF específico.

Los metadatos no sobreviven

Este es el límite más importante de la herramienta, y su propia página no lo menciona, así que merece estar aquí en términos claros: el archivo de salida se construye solo a partir de los píxeles del canvas. El código nunca lee ni escribe EXIF, lo que significa que las coordenadas GPS, las fechas de captura, los modelos de cámara y los ajustes de exposición están ausentes en cada archivo redimensionado. Si esa información te importa — y para fotos familiares, registros de procedencia o cualquier cosa que luego puedas necesitar fechar o geolocalizar, importa —, conserva los originales y trata la salida redimensionada como una copia de entrega desechable.

Un comportamiento muy relacionado: si una foto tomada de lado con tu teléfono sale derecha después de redimensionar, no lo leas como que los metadatos sobrevivieron. El navegador aplica la orientación registrada cuando decodifica la imagen, así que la salida queda cocida con esos píxeles ya rotados; la marca de orientación en sí no se conserva.

Preguntas frecuentes