El problema del remuestreo
Cuando redimensionas una imagen cambias el numero de pixels que la componen. Si la imagen original tiene 2000 x 1500 pixels y la reduces a 800 x 600, el software tiene que mapear 3 millones de pixels fuente a 480.000 pixels de destino. Como lo hace, el algoritmo de remuestreo, determina si el resultado se ve nitido o borroso.
Hacerlo mal es el origen del 90 % de las imagenes de aspecto degradado en la web espanola: fotos de producto pixeladas, miniaturas de blog borrosas, imagenes de cabecera con artefactos visibles.
Algoritmos de remuestreo: cual usar
No todos los algoritmos producen el mismo resultado. Los principales:
Lanczos, el estandar para reducir fotografias. Analiza un area amplia de pixels circundantes (ventana de 3 o 6 pixels segun implementacion) y produce resultados especialmente nitidos. Es el algoritmo recomendado para reduccion de fotos cuando la calidad importa mas que la velocidad.
Bicubico, ligeramente mas rapido que Lanczos, excelente para reduccion de fotografias. Photoshop usa bicubico como predeterminado en su cuadro "Tamano de imagen". Produce resultados muy similares a Lanczos en reducciones moderadas.
Bilineal, mas rapido pero el resultado es mas suave. Aceptable para miniaturas de pequeno tamano donde la velocidad de generacion importa y la vista final es reducida.
Vecino mas cercano, sin interpolacion; asigna el pixel mas cercano sin calculos de mezcla. Produce escalonados visibles ("efecto mosaico") en fotografias. Su unico uso legitimo es el pixel art, donde el efecto escalonado es deliberado y deseado.
Para la mayoria de casos en diseno web espanol: usa Lanczos o Bicubico para reducir fotos, Bicubico suavizado para ampliar, y nunca vecino mas cercano para imagenes fotograficas.
Tecnica de multiples pasos para reducciones grandes
Cuando reduces una imagen a menos del 50 % de su tamano original en un solo paso, algunos algoritmos pierden detalle en los tonos medios. La alternativa es hacerlo en pasos del 50 %:
- Original: 4000 x 3000 px
- Paso 1: 2000 x 1500 px (50 % de reduccion)
- Paso 2: 1000 x 750 px (50 % adicional)
- Paso 3: 500 x 375 px (50 % adicional)
Tres pasos en lugar de uno. El resultado final conserva mas detalle que una reduccion directa del 87 %. Esta tecnica es especialmente util para fotos de producto de alta resolucion que se publican como miniaturas en e-commerce espanol.
Nitidez despues de la reduccion
La reduccion inevitablemente suaviza ligeramente la imagen porque mezcla pixels adyacentes. Aplicar una mascara de enfoque leve despues de redimensionar recupera la percepcion de nitidez:
- Radio: 0,5 - 1,0 px
- Cantidad: 80 - 120 %
- Umbral: 0 - 3 niveles
En Photoshop: Filtro > Enfocar > Mascara de enfoque. En GIMP: Filtros > Realzar > Mascara de enfoque.
No apliques enfoque antes de redimensionar, el resultado es peor que aplicarlo al final.
Ampliacion: el caso dificil
Aumentar una imagen es estructuralmente mas complejo que reducirla. Al ampliar, el software tiene que inventar pixels que no existian.
Ampliacion clasica (bicubico): aceptable para aumentos pequenos de hasta el 120-130 % de las dimensiones originales. Para mas, el resultado se ve claramente borroso.
Ampliacion con inteligencia artificial: herramientas como Topaz Gigapixel AI, Adobe Super Resolution (en Camera Raw) o la IA de Lightroom usan modelos entrenados para anadir detalle plausible durante la ampliacion. Producen resultados dramaticamente mejores para ampliaciones de 2x a 4x en fotografias. No son gratuitas, pero si necesitas ampliar imagenes con frecuencia, merecen evaluarse.
El limite realista para ampliacion sin perdida visible con algoritmos clasicos es aproximadamente el 120-150 % de las dimensiones originales. Para mas que eso, usa herramientas con IA o, si es posible, vuelve al archivo fuente de mayor resolucion.
Redimensionar para usos especificos en el mercado espanol
Imagenes web y CMS (WordPress, PrestaShop): redimensiona siempre a las dimensiones de visualizacion reales. Subir una foto de 5000 px cuando la columna de contenido mide 1200 px desperdicia ancho de banda y ralentiza la pagina. El Core Web Vitals de Google penaliza esto en las SERPs espanolas igual que en el resto de mercados.
Redes sociales con mayor uso en Espana y LATAM: Instagram cuadrado: 1080 x 1080 px. Instagram landscape: 1080 x 566 px. Facebook post: 1200 x 630 px. WhatsApp (imagen enviada sin compresion): envia en formato de documento para evitar la reduccion automatica que aplica la app.
Tiendas online: las fotos de producto en Shopify, WooCommerce y similares se sirven en multiples resoluciones via srcset. Prepara una version maestra grande (2000-3000 px en el lado largo) y deja que el CMS genere las miniaturas automaticamente.
Impresion: la resolucion minima para impresion de calidad es 300 ppi. Un papel A4 (21 x 29,7 cm) requiere aprox. 2480 x 3508 px. Redimensionar una imagen pequena para impresion grande siempre produce resultado deficiente.
Evitar la degradacion acumulativa en JPEG
Cada vez que abres un JPEG, lo editas y lo guardas, se anade una nueva capa de artefactos de compresion sobre los existentes. Para redimensionar un JPEG sin degradacion acumulativa:
- Trabaja siempre desde el original sin comprimir o desde el JPEG de mayor calidad disponible
- Redimensiona a las dimensiones objetivo
- Guarda con calidad 85-92 % para web, o 95 %+ si va a editarse de nuevo
- No guardes pasos intermedios como JPEG, usa PNG como formato de trabajo