Redimensionador de imágenes

¿Qué es un redimensionador de imágenes?

Un redimensionador de imágenes cambia las dimensiones (ancho y alto) de una imagen. Razones comunes incluyen preparar imágenes para redes sociales (cada plataforma tiene dimensiones específicas), reducir el tamaño para correo o subida web, crear miniaturas y ajustar imágenes a layouts específicos. Esta herramienta redimensiona imágenes en tu navegador, sin subida al servidor.

Redimensionar puede escalar la imagen proporcionalmente (manteniendo la relación de aspecto) o estirarla a dimensiones exactas. Reducir (hacer más pequeña) preserva bien la calidad porque los píxeles se combinan. Ampliar (hacer más grande) puede reducir la calidad porque hay que interpolar nuevos píxeles: la imagen puede aparecer borrosa si se amplía demasiado.

Cómo usar esta herramienta

Sube una imagen, introduce el ancho y alto deseados (o solo una dimensión con la relación de aspecto bloqueada) y descarga el resultado. La herramienta muestra las dimensiones originales y nuevas y el tamaño de archivo. Hay tamaños predeterminados para plataformas comunes de redes sociales para una selección rápida.

Píxeles frente a porcentaje: dos formas de especificar un nuevo tamaño

La mayoría de los editores de imágenes, incluido este, permiten introducir el tamaño destino como un valor absoluto en píxeles (por ejemplo, 1200 px de ancho) o como un porcentaje del original (por ejemplo, 50%). Ambos enfoques producen resultados idénticos cuando la matemática da el mismo número, pero cada uno se adapta mejor a distintos flujos de trabajo. Usa dimensiones en píxeles cuando tengas un requisito estricto de la plataforma (como una foto de perfil limitada a 400 × 400 px). Usa porcentajes cuando quieras reducir uniformemente un lote de imágenes y el tamaño exacto de salida importe menos que el factor de reducción.

Relación de aspecto: redimensionado bloqueado frente a libre

La relación de aspecto es la relación proporcional entre el ancho y el alto de una imagen, expresada como una proporción: 16:9, 4:3 o 1:1 (cuadrado). Bloquear la relación de aspecto significa que la herramienta recalcula automáticamente la otra dimensión: cambia el ancho y el alto se ajusta solo, conservando las proporciones originales. Desbloquear la relación de aspecto te permite introducir ambas dimensiones de forma independiente, lo que estira o comprime la imagen para que ocupe el nuevo encuadre exactamente. La distorsión casi siempre es indeseable —una foto de retrato estirada hasta quedar cuadrada parece deformada—, así que mantén la proporción bloqueada salvo que tengas una razón concreta para distorsionar.

Si una plataforma exige dimensiones exactas que no coinciden con la proporción nativa de tu imagen (por ejemplo, 1200 × 628 para una imagen Open Graph), el flujo de trabajo correcto es recortar primero y luego redimensionar, no forzar el ajuste desbloqueando la proporción.

Reducir frente a ampliar: qué ocurre realmente con tus píxeles

Al reducir una imagen, el algoritmo de redimensionado fusiona varios píxeles de la fuente en cada píxel de salida. Como se combinan datos de color reales, el resultado se mantiene nítido y claro. Puedes reducir una imagen de forma segura a cualquier fracción de su tamaño original: la salida lucirá limpia incluso a dimensiones muy pequeñas.

Ampliar funciona de la manera opuesta: el algoritmo debe inventar nuevos píxeles para llenar el espacio adicional. Lo hace por interpolación: muestrea los colores de los píxeles vecinos y calcula una media ponderada para cada nuevo píxel. La interpolación bilineal (el método más común en los navegadores) produce un resultado que parece más suave que el original en ampliaciones pequeñas, pero notablemente más borroso en ampliaciones grandes. La limitación fundamental es que ampliar no puede recuperar detalles que no se capturaron en la imagen original. Una miniatura de 200 × 200 px ampliada a 1600 × 1600 quedará borrosa, independientemente del algoritmo. Si necesitas una imagen de alta resolución, empieza con una fuente de mayor resolución.

Tamaños de destino habituales para web y correo electrónico

Cada contexto tiene un presupuesto de píxeles diferente. Aquí tienes los destinos más utilizados como referencia:

• Fotos de perfil y avatares: 400 × 400 px es un máximo seguro; la mayoría de las plataformas las muestran a 96–200 px pero almacenan una versión más grande.
• Imágenes de cabecera para blogs y artículos: 1200 × 630 px cubre la mayoría de los diseños y sirve además como imagen de vista previa Open Graph para compartir en redes sociales.
• Imágenes en línea para correo electrónico: mantén las imágenes por debajo de 600 px de ancho y el peso total del correo por debajo de 1 MB para evitar que Gmail las recorte.
• Imágenes de productos para comercio electrónico: entre 800 × 800 px y 1200 × 1200 px ofrece suficiente detalle para las funciones de zoom sin ralentizar la carga de la página.
• Fondos de escritorio: 1920 × 1080 px (Full HD) o 2560 × 1440 px (QHD) para pantallas modernas.

Tamaños de imagen para redes sociales

• Publicación de Instagram: 1080 x 1080 píxeles (cuadrado) o 1080 x 1350 (vertical).
• Foto de portada de Facebook: 820 x 312 píxeles.
• Cabecera de Twitter/X: 1500 x 500 píxeles.
• Banner de LinkedIn: 1584 x 396 píxeles.
• Miniatura de YouTube: 1280 x 720 píxeles.

Resolución, dimensiones y tamaño de archivo

El tamaño del archivo es aproximadamente proporcional al número total de píxeles: ancho multiplicado por alto. Reducir a la mitad ambas dimensiones reduce el número de píxeles al 25% del original (0,5 × 0,5 = 0,25), de modo que una foto de 4 MB redimensionada de 4000 × 3000 px a 2000 × 1500 px resultará en aproximadamente 1 MB, dependiendo del formato y la compresión. Esta relación hace que el redimensionado sea una de las formas más eficaces de reducir el tamaño del archivo antes de subirlo a un sitio web o enviarlo por correo electrónico. Ten en cuenta que «resolución» (puntos por pulgada o DPI) es un concepto de impresión que no tiene ningún efecto en cómo se ve una imagen en pantalla; para uso digital, solo importan las dimensiones en píxeles.

Tus imágenes nunca salen de tu dispositivo

Esta herramienta procesa las imágenes completamente dentro de tu navegador usando la API Canvas de HTML5. No se envían datos a ningún servidor. Los bytes de la imagen permanecen en tu ordenador desde el momento en que arrastras el archivo hasta el momento en que descargas el resultado. Esto importa cuando redimensionas fotos sensibles —documentos personales, imágenes médicas, retratos privados—, porque no hay paso de subida y ningún servidor toca nunca tus archivos.

Consideraciones de formato: JPEG frente a PNG

Esta herramienta conserva el formato de entrada: los archivos JPEG producen salida JPEG, y todos los demás formatos producen JPEG por defecto, excepto PNG, que sigue siendo PNG. Cada formato tiene características distintas tras el redimensionado:

• JPEG (fotografías, imágenes complejas): JPEG es un formato con pérdida; cada guardado recodifica la imagen e introduce una pequeña pérdida de calidad. Redimensionar un JPEG con esta herramienta lo recodifica al 92% de calidad, que es muy alto y prácticamente indistinguible del original en una visualización normal. Evita redimensionar y guardar el mismo JPEG repetidamente, ya que la pérdida se acumula.
• PNG (capturas de pantalla, gráficos, logotipos): PNG es sin pérdida; los datos de píxeles se conservan exactamente. Redimensionar un PNG con esta herramienta mantiene la codificación sin pérdida. Los archivos PNG son más grandes que los JPEG equivalentes para fotografías, pero son preferibles para imágenes con bordes nítidos, texto o fondos transparentes.

Consideraciones de calidad

Al reducir las dimensiones de una imagen, el algoritmo de redimensionado combina varios píxeles en uno, produciendo un resultado nítido. Al ampliar, el algoritmo debe crear nuevos píxeles promediando los cercanos (interpolación bilineal o bicúbica), lo que provoca suavizado. Como regla general, puedes reducir una imagen a cualquier tamaño con seguridad, pero deberías evitar ampliar más allá del 150-200 % del original.

Errores habituales que conviene evitar

• Ignorar la relación de aspecto: desbloquear la proporción e introducir dimensiones incompatibles distorsiona la imagen. Mantén siempre la proporción bloqueada salvo que la distorsión intencionada sea el objetivo.
• Esperar que la ampliación restaure detalles: agrandar una imagen no revela detalles ocultos; solo distribuye los píxeles existentes en más espacio, haciendo la imagen más borrosa.
• Redimensionar en lugar de recortar: si una plataforma requiere una relación de aspecto específica (por ejemplo, una foto de perfil cuadrada a partir de una fuente apaisada), recorta primero a la proporción correcta y luego redimensiona. Redimensionar una imagen apaisada a dimensiones cuadradas sin recortar la aplasta.
• Ampliar para alcanzar un tamaño de archivo mínimo: algunas plataformas rechazan imágenes por debajo de un cierto tamaño de archivo. Aumentar las dimensiones en píxeles solo para alcanzar ese mínimo no añade ninguna calidad visual y desperdicia ancho de banda.

Preguntas frecuentes

¿Qué es la relación de aspecto y por qué debo mantenerla?

La relación de aspecto es la relación proporcional entre ancho y alto (como 16:9, 4:3, 1:1). Mantener la relación de aspecto significa que si cambias el ancho, el alto se ajusta proporcionalmente (y viceversa). Esto evita que la imagen se vea estirada o comprimida. La mayoría de las herramientas de redimensionado bloquean la relación de aspecto por defecto.

¿Cómo afecta el redimensionado al tamaño de archivo?

Reducir las dimensiones reduce significativamente el tamaño de archivo porque hay menos píxeles que requieren menos datos. Reducir ambas dimensiones a la mitad reduce el conteo de píxeles al 25 % del original (1/2 ancho × 1/2 alto = 1/4 de píxeles). El tamaño exacto depende del formato y los ajustes de compresión, pero espera una reducción aproximadamente proporcional.

¿Puedo redimensionar un PNG sin perder la transparencia?

Sí. Cuando subes un PNG, esta herramienta produce un PNG, que admite transparencia. La API Canvas conserva el canal alfa durante el redimensionado. Si cambias la salida a JPEG (subiendo un archivo que no es PNG), la transparencia se pierde porque JPEG no tiene canal alfa: las áreas transparentes se vuelven blancas.

¿Cambiar los DPI (puntos por pulgada) cambia las dimensiones de la imagen?

No. Los DPI (o PPI, píxeles por pulgada) son un valor de metadatos de impresión que indica a una impresora con qué densidad colocar los píxeles en el papel. No tienen ningún efecto en cómo se ve la imagen en pantalla. Cambiar los DPI sin cambiar las dimensiones en píxeles no altera el archivo de imagen de ninguna manera significativa para el uso digital. Si necesitas un tamaño de impresión mayor, necesitas más píxeles: aumenta las dimensiones, no solo los DPI.