Pixel vs DPI

Vaan me acaba de preguntar:

¿Una imagen de 500×600 pixeles a 200 dpi’s e igual pero de 500×600 pixeles a dpi’s se van a ver igual en un monitor?

Primero debemos entender ambos conceptos:

DPI – Los puntos por pulgada (ppp) del inglés dots per inch (DPI) es una unidad de medida para resoluciones de impresión, concretamente, el número de puntos individuales de tinta que una impresora o toner puede producir en un espacio lineal de una pulgada.

Usos erróneos de la medida ppp

Uno de los usos erróneos más comunes del término puntos por pulgada es utilizarlo para imágenes digitales, es decir, para imágenes que van a ser representadas en pantallas.

Una misma imagen digital puede mostrarse en diferentes tamaños (en centímetros) según el dispositivo donde aparezca. Varias pantallas de ordenador o televisores aunque ofrezcan la misma resolución en pixeles, puede variar su superficie física donde aparezca la imagen (por ejemplo una pantalla de 15” o de 21”).

 

La medida puntos por pulgadas va ligada inexorablemente a la calidad de la impresión (o al escaneado), es decir, va ligado a un soporte físico como el papel.

Una imagen digital puede contener información del valor en ppp a la que va a ser impresa, pero esto por sí mismo no tiene relevancia en un soporte digital. Además este valor puede modificarse a gusto para imprimir la imagen a diferentes tamaños (aunque afectará la calidad). Por ejemplo, una imagen de 1000×1000 píxeles puede ser impresa en 4×4 pulgadas a 250 ppp, o en 10×10 pulgadas a 100 ppp.

Pixel – Un píxel o pixel (acrónimo del inglés picture element, «elemento de imagen») es la menor unidad homogénea en color que forma parte de una imagen digital, ya sea esta una fotografía, un fotograma de vídeo o un gráfico.

Ampliando lo suficiente una imagen digital (zoom), por ejemplo en la pantalla de un ordenador, pueden observarse los píxeles que componen la imagen. Los píxeles aparecen como pequeños cuadrados o rectángulos en color, en blanco o en negro, o en matices de gris. Las imágenes se forman como una matriz rectangular de píxeles, donde cada píxel forma un área relativamente pequeña respecto a la imagen total.

En las imágenes de mapa de bits o en los dispositivos gráficos cada píxel se codifica mediante un conjunto de bits de longitud determinada (la llamada profundidad de color), por ejemplo, puede codificarse un píxel con un byte (8 bits), de manera que cada píxel admite 256 variaciones (28 variaciones con repetición de 2 valores posibles en un bit tomados de 8 en 8). En las imágenes de color verdadero, se suelen usar tres bytes para definir un color, es decir, en total podemos representar un total de 224 colores, que suman 16.777.216 opciones de color.

Para poder transformar la información numérica que almacena un píxel en un color hemos de conocer, además de la profundidad y brillo del color (el tamaño en bits del pixel), el modelo de color que estamos usando. Por ejemplo, el modelo de color RGB (Red-Green-Blue) permite crear un color componiendo tres colores básicos: el rojo, el verde y el azul. De esta forma, en función de la cantidad de cada uno de ellos que usemos veremos un resultado u otro. Por ejemplo, el color amarillo se obtiene mezclando el rojo y el verde. Las distintas tonalidades del amarillo se obtienen variando la proporción en que intervienen ambas componentes. En el modelo RGB es frecuente que se usen 8 bits para representar la proporción de cada una de las tres componentes primarias. De esta forma, cuando una de las componentes vale 0, significa que esta no interviene en la mezcla y cuando vale 255 (28 – 1) significa que interviene aportando el máximo de ese tono. La mayor parte de los dispositivos que se usan con un ordenador (monitor, escáner, etcetéra) usan el modelo RGB.

Haciendo la prueba

Foto Original
Foto Original
Recortando Imagen a 500 x 600 pixeles
Recortando Imagen a 500 x 600 pixeles
Imagen a 500x600 px a 200 dpi al 100%
Imagen a 500×600 px a 200 dpi al 100%
Imagen a 500x600 px a 72 dpi al 100%
Imagen a 500×600 px a 72 dpi al 100%

Resultado

Imagen a 500x600 px a 72 dpi
Imagen a 500×600 px a 72 dpi
Imagen a 500x600 px a 200 dpi
Imagen a 500×600 px a 200 dpi

Como ves miden lo mismo, es decir: 500×600 pixeles, pero debido a que la fotografia a 200 dpi, se depliega a mayor tamaño debido que es nuestro monitor es quien define su visulización respecto a la resolución que posea.