Diferencia entre dimensión y resolución de imagen
La diferencia entre dimensión y resolución de imagen confunde a casi todo el mundo, y esa confusión sale cara: fotos pixeladas, archivos que pesan de más y webs que cargan lentas. Son dos conceptos distintos. Cuando entiendes cada uno, dejas de pelearte con tus imágenes y empiezas a controlarlas.
Qué es la dimensión de una imagen
La dimensión mide cuántos píxeles tiene una imagen de ancho por alto. Una foto de 1920×1080 tiene 1920 píxeles en horizontal y 1080 en vertical. Punto. Es el "tamaño" real en píxeles, lo que ocupa en una pantalla.
Cuanta más dimensión, más detalle puede mostrar la imagen y más grande se ve sin perder nitidez. Por eso una foto de 4000 píxeles de ancho se imprime grande sin problema, y una de 400 se queda en miniatura.
Qué es la resolución de una imagen
La resolución mide cuántos píxeles entran en cada pulgada: los famosos ppp (píxeles por pulgada, o dpi en inglés). Es la densidad. A más ppp, más píxeles apretados en el mismo espacio físico y más fino el detalle al imprimir.
Aquí está la clave que casi nadie te cuenta: en una pantalla, los ppp no importan. El monitor muestra la imagen según su dimensión en píxeles, no según su resolución. Los ppp solo deciden el tamaño físico al que se imprime.
Por qué se confunden tanto (culpa del software)
Los programas de edición como Photoshop muestran dimensión y resolución en el mismo cuadro (Imagen > Tamaño de imagen), y las relacionan de una forma que parece que una depende de la otra. No es así en la realidad: lo hacen para mantener la misma cantidad de información en el archivo. De ahí nace casi toda la confusión.
Recuerda la regla simple: la pantalla manda dimensión, la impresora manda resolución. Para web trabajas con dimensión y peso; para imprenta, con resolución.
Los números que necesitas recordar
- Para pantalla y web: 72 ppp es suficiente. Lo que importa es la dimensión en píxeles y el peso del archivo.
- Para imprimir con calidad: 300 ppp. Si bajas de ahí, la impresión sale borrosa o con bordes dentados.
- Formato: JPEG para fotos, PNG para gráficos con zonas planas o transparencia, WebP cuando quieras peso mínimo en web.
Lo que de verdad afecta a tu web: el peso
Dos imágenes con la misma dimensión y la misma calidad visual pueden pesar cosas muy distintas. Puedes tener un archivo de 3,3 MB que se ve igual que otro de 98 KB, con la enorme diferencia de que el ligero carga al instante. Una imagen de 560×315 a 72 ppp puede pesar solo 30 KB y verse perfecta en pantalla.
Ese peso es lo que decide si tu web vuela o se arrastra. Y la velocidad de carga influye directamente en tu posicionamiento y en cuánta gente se queda en la página. Optimizar las imágenes es de las cosas que más rinden en rendimiento web y en SEO para ecommerce, sobre todo en tiendas con cientos de fotos de producto.
Resumiendo la diferencia entre dimensión y resolución de imagen: la dimensión son los píxeles totales (manda en pantalla), la resolución son los píxeles por pulgada (manda al imprimir), y el peso del archivo es lo que hace tu web rápida o lenta. Controla los tres y dejarás de tener fotos borrosas o páginas pesadas.
Preguntas frecuentes
No. La dimensión es el número total de píxeles (ancho × alto) y manda en cómo se ve la imagen en pantalla. La resolución (ppp) es la densidad de píxeles por pulgada y solo afecta al tamaño físico al imprimir.
72 ppp es suficiente para pantalla. En web lo que de verdad importa es la dimensión en píxeles y el peso del archivo, no los ppp.
Dos imágenes con la misma calidad visual pueden pesar muy distinto según su compresión y formato. Optimizando el peso puedes pasar de 3 MB a menos de 100 KB sin perder nitidez aparente, y tu web cargará mucho más rápido.