¿Redimensionar o comprimir? El orden correcto para reducir imágenes

«Reducir una imagen» puede significar dos cosas muy distintas: hacer más pequeñas sus dimensiones (redimensionar) o aligerar el archivo con las mismas dimensiones (comprimir). Mucha gente las confunde, pero con el orden equivocado no reduces lo suficiente o sacrificas calidad en vano. Entender la diferencia — y el orden correcto — es la clave de archivos pequeños que siguen viéndose bien.

Qué hace redimensionar

Redimensionar cambia las dimensiones en píxeles, por ejemplo de 4000×3000 a 1200×900. Como el tamaño del archivo crece con el número de píxeles, recortar dimensiones tiene un efecto enorme: reducir ancho y alto a la mitad elimina cerca del 75% de los píxeles — y normalmente casi todo el peso.

Qué hace comprimir

La compresión reduce los bytes necesarios para almacenar los mismos píxeles, descartando detalle apenas perceptible (con pérdida) o empaquetando los datos de forma más eficiente (sin pérdida). Baja el peso sin cambiar las dimensiones, a costa de algo de calidad en los formatos con pérdida.

¿Qué hacer primero?

Primero redimensiona, luego comprime. No tiene sentido comprimir con esmero millones de píxeles que vas a tirar. Redimensiona la imagen al mayor tamaño en que se mostrará y aplica la compresión a esa imagen ya reducida. En el orden inverso, la información que comprimiste con esfuerzo la vuelve a descartar el redimensionado — trabajo doble.

Una regla sencilla

• Decide el tamaño máximo de visualización (añade ~2x para retina)
• Redimensiona la imagen a ese tamaño
• Convierte a WebP o AVIF con calidad en torno a 75
• Compara antes/después y ajusta si hace falta

Combínalas para el mejor resultado

Las mayores ganancias llegan al hacer ambas. Una foto de 5 MB mostrada en la columna estrecha de un blog puede bajar de 100 KB tras redimensionarla al ancho correcto y comprimirla a WebP — sin diferencia visible. Scrunch se encarga de la conversión y compresión: combínalo con un tamaño de visualización sensato y tus imágenes pesarán lo mínimo posible.

Preguntas frecuentes

¿Redimensionar daña la calidad?

Si reduces aproximadamente al tamaño de visualización — no más pequeño —, la imagen se ve incluso más nítida en pantalla. Solo se ve borrosa si la encoges por debajo del espacio que ocupa: usa el tamaño de visualización (unas 2x para retina) como objetivo.

¿No basta con comprimir?

Si las dimensiones originales superan con mucho el tamaño de visualización, la compresión sola tiene límites: estás comprimiendo píxeles que no necesitas. Reducir primero el número de píxeles con un redimensionado ahorra mucho más.

¿Puedo redimensionar y comprimir de una vez?

Sí. Aplica los dos pasos en orden: redimensiona al tamaño de visualización y luego comprime a WebP o AVIF. Mientras respetes ese orden, obtendrás el archivo más pequeño a una calidad dada.

¿A qué ancho debería redimensionar?

Usa el ancho máximo al que la imagen se muestra realmente. Si tu columna de contenido mide 800 píxeles, unos 1600 píxeles cubren las pantallas retina. Más grande solo malgasta ancho de banda; más pequeño se ve borroso en pantalla.