Imagine que tiene una bombilla que puede encender y apagar. Esto es básicamente una pantalla de 1x1 píxeles, donde la bombilla es el píxel. Ahora compre algunas bombillas más y colóquelas en forma cuadrada de 10x10. Si los conecta de una manera que puede encender y apagar cada uno de ellos como lo desee, tiene una pantalla cruda con 10x10 "píxeles". Incluso puedes dibujar formas básicas en él.
Ahora, si te alejas lo suficiente de esta pantalla de bombilla, el ojo finalmente no podrá distinguir entre esas bombillas individuales y todo lo que verás es una forma continua en lugar de píxeles individuales. Esto sucede, porque el ojo tiene una resolución de escaneo limitada, si hay más puntos (bombillas) por pulgada de los que el ojo puede reconocer, los píxeles se convierten en una imagen. La resolución de sus ojos es de aproximadamente 300 puntos por pulgada (DPI). Si toma una lupa y mira su monitor, verá que también está compuesto por pequeñas bombillas (LCD), solo muchas más. Aproximadamente 2,073,600 (1920x1080) en una pantalla Full HD, tres veces, ya que hay uno para cada color RGB, que sus ojos simplemente no pueden ver, ya que son demasiado pequeños.
Ahora, obviamente, lo que su ojo puede percibir como puntos individuales o no depende no solo de la disposición de los puntos (qué tan cerca están juntos) sino también de la distancia que está a esa "pantalla". Es por eso que DPI es un término relativo de varias maneras. Si toma la misma pantalla y se acerca demasiado, puede ver los píxeles. Si está demasiado lejos, ya no podrá leer lo que aparece en la pantalla, aunque el DPI y la resolución (cantidad de píxeles) nunca cambien.
Por esta y varias otras razones durante la creación de los primeros monitores de computadora, se eligió una resolución estándar de 72 DPI (Apple) o 96 DPI (Microsoft). Este es un buen compromiso entre la distancia que se espera que el usuario esté lejos de la pantalla y las limitaciones técnicas de esa edad. Pero incluso hoy, la mayoría de las pantallas siguen esa resolución aproximadamente. Es por eso que cuanto más grande es la pantalla, mayor es la cantidad de píxeles.
Ahora, si conoce la resolución DPI de su monitor, es muy fácil calcular cuántos píxeles hay en cada pulgada cuadrada. Si, por ejemplo, desea dibujar un cuadrado de 1x1 pulgada² en un monitor, puede determinar fácilmente cuántos píxeles debe tener esta imagen (72x72 o 96x96). Pero también es obvio que esta imagen será más grande o más pequeña en otras pantallas que tengan una resolución DPI diferente. El texto que se puede leer en una pantalla de 24 "a 96 DPI puede ser demasiado pequeño en un iPhone de 4" a 300 DPI, porque esos 96 píxeles (1 pulgada) en 24 "son solo unos pocos mm en el teléfono.
Entonces, si su cliente le pide que cree una imagen a 1900x1200 px, las primeras preguntas que debe hacer son: ¿para qué dispositivo?
Para resolver el dilema de las páginas web o aplicaciones que se supone que se ven bien en diferentes dispositivos, se han inventado formatos que no funcionan con píxeles, sino con una longitud en cm o mm. La imagen resultante se renderiza de acuerdo con las capacidades del dispositivo, asegurando que un cuadrado de 10x10 cm todavía sea 10x10 sin importar en qué pantalla se muestre. Pero este formato obviamente no puede ser un formato de píxeles, sino que será un formato vectorial .
Si bien esto resuelve el problema de Mac / Windows / Other, no resolverá una gran diferencia de tamaño. Su imagen de ejemplo será de 10x10 cm en cada dispositivo, pero eso podría cubrir toda la pantalla de un teléfono móvil. Este problema aún no está completamente resuelto, pero la mayoría de las empresas tienen alguna forma de solución. Pero en la mayoría de los casos, realmente necesita desarrollar al menos dos páginas, una para escritorio estándar, otra para teléfonos móviles y, finalmente, una para tabletas también.