Redimensionar imágenes: píxeles, relación de aspecto y DPI

Píxeles, dimensiones y tamaño de archivo

Una imagen digital es una cuadrícula de píxeles. Sus dimensiones, como 4000 × 3000, indican los píxeles a lo ancho y a lo alto; multiplicadas, dan el número total de píxeles, en este caso 12 millones (12 megapíxeles). Al redimensionar, esa cuadrícula se sustituye por otra nueva y cada píxel nuevo se calcula a partir de los antiguos, un proceso que se denomina remuestreo.

El número de píxeles crece con el cuadrado de los lados: si se reducen a la mitad el ancho y el alto, queda una cuarta parte de los píxeles. Por eso, reducir las dimensiones suele ser lo que más aligera un archivo, aunque también influyen el formato, el ajuste de calidad y la cantidad de detalle fino. Para mostrar o editar una imagen, los programas la decodifican en píxeles sin comprimir, normalmente de 4 bytes cada uno, así que una foto de 12 megapíxeles necesita unos 48 MB de memoria por pequeño que sea el archivo.

Mantén la relación de aspecto o recorta primero

La relación de aspecto es la proporción entre el ancho y el alto: 4000 × 3000 es 4:3, y 1920 × 1080 es 16:9. Si la mantienes, eliges un lado y el otro se ajusta en consecuencia, de modo que una foto de 4000 × 3000 redimensionada a un ancho de 1200 píxeles pasa a medir 1200 × 900. Si fijas libremente los dos lados, una imagen con otra proporción se estira o se aplasta, y los círculos se convierten en óvalos.

Para obtener un tamaño exacto con otra forma sin deformar la imagen, recorta primero a la relación de aspecto de destino y después redimensiona. En un lote de fotos verticales y horizontales, un ancho fijo hace que las imágenes verticales queden altas: una foto de 3000 × 4000 con un ancho de 1200 píxeles pasa a medir 1200 × 1600.

Reducir o ampliar imágenes

Al reducir una imagen, cada píxel nuevo debería resumir varios píxeles originales. Un método rápido que solo toma muestras de unos pocos píxeles cercanos se salta detalle en una reducción grande, lo que se nota en bordes dentados y patrones ondulantes (aliasing o efecto moiré) en tejidos, líneas finas y texto. Un remuestreo mejor tiene en cuenta más píxeles de origen. La herramienta de LeedyBox reduce la imagen por pasos, a la mitad cada vez, y en cada paso promedia los píxeles vecinos, lo que con el escalado del navegador da resultados más suaves. Aun así, las imágenes muy reducidas pueden verse algo menos nítidas; LeedyBox no les aplica enfoque.

Al ampliar, los píxeles nuevos se estiman a partir de sus vecinos, así que los bordes se vuelven borrosos o pixelados y no aparece detalle nuevo. Los programas especializados de ampliación pueden añadir detalle que parece verosímil, pero es un detalle generado, no recuperado. Si necesitas una imagen más grande, recurre a un original más grande siempre que sea posible.

DPI, PPI y tamaño de impresión

El valor DPI (puntos por pulgada), o más exactamente PPI (píxeles por pulgada), es un número que se guarda en algunos archivos de imagen. Indica a los programas de impresión y maquetación a qué tamaño imprimir los píxeles; no cambia los píxeles. Tamaño de impresión en pulgadas = píxeles ÷ PPI (multiplica por 2,54 para obtener centímetros).

Cambiar solo el valor DPI cambia el tamaño de impresión, pero los píxeles siguen siendo los mismos, así que la imagen se ve idéntica en pantalla. Para imprimir con nitidez necesitas suficientes píxeles: una copia de 6 × 4 pulgadas a 300 PPI necesita 1800 × 1200 píxeles. Para fotos que se miran de cerca se suelen recomendar unos 300 PPI; las impresiones grandes que se ven a distancia pueden usar menos. LeedyBox no conserva el valor DPI del original, así que ajusta el tamaño de impresión al imprimir.

Elegir tamaños para páginas web y pantallas

En una página web, lo que importa es el ancho al que se muestra la imagen. Los diseños se miden en píxeles CSS, y las pantallas de alta densidad usan dos o más píxeles del dispositivo por cada píxel CSS en cada dirección. Por eso, una imagen que se muestra a 600 píxeles CSS de ancho necesita unos 1200 píxeles para verse totalmente nítida en una pantalla «2×», mientras que una foto de 4000 píxeles en el mismo lugar desperdicia ancho de banda y memoria.

Mide el mayor ancho al que se muestra la imagen en tu diseño, por ejemplo con las herramientas para desarrolladores del navegador. Con los atributos srcset y sizes puedes ofrecer la misma imagen en varios anchos, como 600, 1200 y 1800 píxeles, y el navegador descarga la que mejor se adapta a la pantalla. Si un formulario de subida, una tienda o una red social pide unas dimensiones concretas, consulta su documentación actual, porque esos requisitos varían y cambian.

Elección del formato y redimensionado por lotes con LeedyBox

Después de redimensionar, elige el formato según el contenido. Las fotos suelen ocupar menos en JPG o WebP. Las capturas de pantalla, los logotipos y las imágenes con transparencia van bien en PNG o en WebP, que también admite transparencia. JPG no puede guardar transparencia, así que las zonas transparentes se vuelven blancas, y una foto guardada como PNG puede ocupar más que el JPG original. Consulta JPG vs PNG vs WebP vs AVIF para más detalles.

La herramienta Redimensionar imágenes de LeedyBox redimensiona muchas imágenes de una vez, en tu navegador y sin subirlas:

• Elige Píxeles o Porcentaje (del 1 al 400 %). Con «Mantener la relación de aspecto» activado, cada imagen conserva sus propias proporciones.
• Las imágenes más pequeñas que el tamaño de destino no se amplían, salvo que desactives esa opción.
• «Igual que el original» mantiene JPG, PNG y WebP, y guarda GIF, BMP y AVIF como PNG. JPG y WebP usan calidad 90 salvo que la cambies.
• Se aplica la orientación de la cámara, los metadatos no se copian y, si hay dos o más resultados, se pueden descargar en un archivo ZIP.

Para reducir aún más el tamaño de los archivos, usa Comprimir imágenes y lee Ajustes de compresión de imágenes explicados.

Preguntas frecuentes