Qué es el PPI de pantalla y por qué importa para medir con precisión

Si alguna vez has intentado mostrar una regla "a tamaño real" en tu pantalla, probablemente te habrás dado cuenta de algo: las medidas suelen estar mal. Una línea de 10 cm en un portátil aparece como 9 cm en otro. La razón se reduce a un solo número — el PPI de tu pantalla.

Qué significa PPI

PPI significa Píxeles Por Pulgada (Pixels Per Inch). Indica cuántos puntos diminutos (píxeles) se concentran en una pulgada de la superficie física de tu pantalla.

La fórmula es sencilla:

PPI = Resolución diagonal (en píxeles) / Tamaño diagonal de pantalla (en pulgadas)

Donde la resolución diagonal se calcula como:

Resolución diagonal = sqrt(píxeles_ancho^2 + píxeles_alto^2)

Por ejemplo, un iPhone 15 Pro tiene una pantalla de 6,1 pulgadas con 2556 x 1179 píxeles:

• Resolución diagonal = sqrt(2556^2 + 1179^2) = 2815 píxeles
• PPI = 2815 / 6,1 = 461 PPI

Un monitor de escritorio de 24 pulgadas a 1920 x 1080:

• Resolución diagonal = sqrt(1920^2 + 1080^2) = 2203 píxeles
• PPI = 2203 / 24 = 92 PPI

El teléfono concentra cinco veces más píxeles por pulgada que el monitor. Esa diferencia explica por qué puedes ver los píxeles individuales en el monitor pero no en el teléfono.

Por qué el PPI importa para medir en pantalla

Cuando un sitio web quiere mostrarte una línea "de exactamente 1 pulgada de largo", necesita saber cuántos píxeles equivalen a una pulgada física en tu pantalla concreta. Ese número es el PPI.

El problema: Los navegadores no informan de manera fiable el PPI real. La especificación CSS define 1 pulgada como 96 píxeles — pero eso es un valor de referencia, no el PPI real de tu pantalla. En una pantalla MacBook de 227 PPI, dibujar 96 píxeles te da aproximadamente 0,42 pulgadas, no 1 pulgada. La medida estaría desfasada en más de la mitad.

Por eso las reglas en pantalla que omiten la calibración son inexactas. Asumen 96 PPI o usan una estimación aproximada, y los resultados pueden desviarse entre un 10 y un 50% según el dispositivo.

Cómo la calibración resuelve este problema

La calibración salva la distancia entre la densidad de píxeles asumida por el navegador y la densidad de píxeles real de tu pantalla.

El método que usa Screen Ruler Online:

1. Colocas un objeto físico de dimensiones conocidas sobre la pantalla — una tarjeta de crédito (85,6 mm de ancho), un cuarto de dólar (24,26 mm de diámetro) u otro objeto de referencia
2. Ajustas un control deslizante hasta que la referencia en pantalla coincida exactamente con el objeto físico
3. La herramienta calcula la proporción entre el tamaño físico conocido y el número de píxeles que ocupa
4. Todas las medidas posteriores utilizan esta proporción calibrada

Este método funciona independientemente de tu dispositivo, sistema operativo o navegador. También tiene en cuenta el zoom del navegador, el escalado de pantalla y el renderizado de subpíxeles — aspectos que complican los cálculos basados en PPI.

PPI en diferentes dispositivos

Así varía el PPI entre las categorías de dispositivos más comunes:

Tipo de dispositivo	PPI típico	Ejemplo
Monitor de escritorio (1080p, 24")	92	Dell P2419H
Monitor de escritorio (4K, 27")	163	LG 27UK850
MacBook Air 13"	227	M2 MacBook Air
MacBook Pro 16"	254	M3 Pro MacBook Pro
iPad Pro 12,9"	264	iPad Pro 6.ª generación
iPhone 15	460	Modelo estándar
Samsung Galaxy S24	416	Modelo estándar

Observa el rango: de 92 PPI en un monitor de escritorio estándar a 460+ PPI en los teléfonos de gama alta. Una línea de "1 pulgada" mostrada a 96 píxeles CSS solo se vería correcta en ese tipo concreto de monitor — y estaría mal en todo lo demás.

PPI vs DPI vs Relación de píxeles del dispositivo

Estos términos están relacionados pero son distintos:

PPI (Píxeles por pulgada): La densidad de píxeles física de una pantalla. La establece el hardware — no puedes cambiarla.

DPI (Puntos por pulgada): Originalmente un término de impresión. En contextos digitales, la gente suele usar DPI y PPI indistintamente, aunque técnicamente DPI se refiere a la resolución de salida de la impresora.

Relación de píxeles del dispositivo (DPR): La proporción entre píxeles CSS y píxeles físicos. Un DPR de 2 significa que cada píxel CSS corresponde a una cuadrícula de 2x2 píxeles físicos. Las pantallas Retina de Apple suelen tener un DPR de 2 o 3.

Para la medición en pantalla, lo que importa es la combinación de PPI y DPR. El navegador informa las dimensiones en píxeles CSS, pero el tamaño físico depende del PPI. La relación de píxeles del dispositivo actúa como multiplicador:

Tamaño físico = (píxeles CSS × DPR) / PPI

Por eso la calibración es más fácil y fiable que intentar calcular el tamaño correcto a partir de los valores de PPI y DPR — esos números no siempre los informa correctamente el navegador.

Cómo Screen Ruler usa el PPI

Cuando visitas por primera vez Screen Ruler Online, la herramienta intenta detectar tu dispositivo automáticamente. Mantiene una base de datos de más de 50 dispositivos populares (iPhones, teléfonos Samsung Galaxy, iPads, Xiaomi, OPPO y más) con sus valores de PPI conocidos.

Si se reconoce tu dispositivo, la regla comienza con una estimación de PPI precalibrada. Pero incluso en ese caso, se recomienda calibrar con un objeto de referencia físico porque:

• El nivel de zoom del navegador afecta a la densidad de píxeles efectiva
• La configuración de escalado de pantalla (como 125% o 150% en Windows) cambia la relación CSS-a-píxel físico
• Algunos navegadores redondean los valores de píxeles de manera diferente
• Los protectores de pantalla y fundas pueden alterar ligeramente el tamaño percibido de la pantalla

Tras la calibración, la herramienta guarda tu configuración localmente (en el almacenamiento del navegador), de modo que no necesitas recalibrar en visitas posteriores — a menos que cambies de dispositivo o navegador.

Qué es un PPI "bueno"

Para uso general, mayor PPI significa texto e imágenes más nítidos. Pero para la precisión de medición, el PPI en sí no es lo que importa — lo que importa es la precisión de la calibración.

Un monitor de escritorio de 92 PPI puede producir medidas igual de precisas que un teléfono de 460 PPI, siempre que la calibración se haga correctamente. La pantalla con menor PPI simplemente tiene "pasos" más gruesos — no puede subdividir un milímetro con tanta finura.

En la práctica:

• Por encima de 150 PPI: Se puede lograr precisión submilimétrica con una buena calibración
• 90-150 PPI: La precisión milimétrica es fiable; las medidas de medio milímetro se vuelven difusas
• Por debajo de 90 PPI: Las medidas se limitan al milímetro o 2 mm más cercanos

Para la mayoría de usos prácticos — medir un anillo, comprobar si un tornillo tiene la longitud correcta, verificar las dimensiones de una foto impresa — la precisión milimétrica es más que suficiente.

Resumen

El PPI es la razón por la que tu pantalla muestra las medidas de manera diferente a otras pantallas. Es una propiedad del hardware que los navegadores no exponen de manera fiable a las aplicaciones web. La calibración — hacer coincidir un objeto físico conocido con su representación en pantalla — es la solución práctica.

Si quieres medidas precisas en tu pantalla, olvídate de los cálculos y calibra directamente. Tarda diez segundos y funciona en cualquier dispositivo.