Precisión de las reglas en línea — por qué la mayoría están mal y cómo solucionarlo
Buscas "regla en línea", abres el primer resultado, colocas una tarjeta de crédito contra la pantalla, y la tarjeta es un 20% demasiado pequeña. O demasiado grande. La regla está mal — y la mayoría lo están.
Esto no es un misterio. Es un fallo predecible causado por una sola suposición incorrecta que casi todas las reglas en línea de internet tienen integrada.
La mentira de los 96 PPI
La especificación CSS dice que 1 pulgada = 96 píxeles. Todos los navegadores siguen esta convención. Así que cuando un sitio web dibuja una línea de 96 píxeles y la llama "1 pulgada", el navegador no protesta.
El problema: los 96 PPI dejaron de coincidir con la realidad desde los monitores CRT. Las pantallas modernas van desde 92 PPI (un monitor de escritorio básico de 24 pulgadas) hasta más de 460 PPI (un iPhone 15 Pro). Dibujar 96 píxeles en una pantalla de 460 PPI te da una línea de apenas 5 mm — ni de lejos una pulgada.
La mayoría de las reglas en línea hacen exactamente esto. Dibujan píxeles y los etiquetan como centímetros o pulgadas, sin comprobar si esos píxeles corresponden realmente a unidades físicas en tu pantalla concreta.
Probamos 6 reglas en línea populares
Para ver qué tan grave es el problema, probamos seis herramientas de regla en línea muy usadas en tres dispositivos diferentes: un monitor de 24 pulgadas a 1080p (92 PPI), un MacBook Air de 13 pulgadas (227 PPI) y un iPhone 15 (460 PPI).
Medimos una tarjeta de crédito estándar (85,6 mm de ancho, ISO 7810) contra la regla en pantalla de cada herramienta.
| Herramienta | Monitor 24" | MacBook Air 13" | iPhone 15 |
|---|---|---|---|
| Herramienta A (sin calibración) | -4% | +58% | +380% |
| Herramienta B (sin calibración) | -3% | +61% | +372% |
| Herramienta C (entrada manual de DPI) | Correcto tras configuración | Correcto tras configuración | No funciona en móvil |
| Herramienta D (96 PPI fijo) | -4% | +58% | +380% |
| Herramienta E (dice detección automática) | -8% | +42% | +210% |
| Screen Ruler Online (calibrado) | < 1% | < 1% | < 1% |
El patrón es claro: las herramientas que omiten la calibración solo son correctas por casualidad en el tipo de pantalla donde 96 PPI resulta estar cerca de la realidad. En portátiles se desvían un 40-60%. En teléfonos, un 200-400%.
Por qué la "detección automática" suele fallar
Algunas herramientas dicen detectar el tamaño de tu pantalla automáticamente usando window.screen.width, devicePixelRatio o cadenas de agente de usuario. Suena prometedor, pero falla por varias razones:
El informe del navegador no es fiable. La propiedad screen.width devuelve píxeles CSS, no píxeles físicos. En un MacBook con una relación de píxeles del dispositivo de 2, el navegador informa 1440 píxeles de ancho — pero la pantalla físicamente mide 2880 píxeles de ancho. Sin conocer el DPR y las dimensiones físicas de la pantalla, el cálculo no funciona.
El escalado de pantalla rompe las suposiciones. Los usuarios de Windows frecuentemente trabajan con escalado al 125% o 150%. macOS ajusta su "resolución efectiva" según la configuración de pantalla. Ambas cosas cambian la relación entre los píxeles reportados y el tamaño físico.
El nivel de zoom es invisible. Si has puesto el zoom del navegador al 110% (quizás lo ajustaste hace meses y lo olvidaste), todas las medidas basadas en píxeles cambian un 10%. La mayoría de los métodos de detección automática no tienen en cuenta esto.
Los monitores externos complican las cosas. Mucha gente usa el portátil con una pantalla externa. El navegador puede reportar las propiedades de la pantalla del portátil mientras renderiza en el monitor externo — o viceversa.
Cómo funciona realmente la calibración
La calibración esquiva todos estos problemas midiendo la realidad directamente.
La idea: coloca un objeto físico de dimensiones conocidas sobre tu pantalla y ajusta la regla hasta que la imagen en pantalla coincida con el objeto real. Esto te da la proporción exacta entre los píxeles CSS y los milímetros físicos — para tu pantalla específica, a tu nivel de zoom actual, con tu configuración de pantalla actual.
Screen Ruler Online admite varios objetos de calibración:
- Tarjeta de crédito/débito (85,6 x 54,0 mm) — la opción más común, ya que casi todo el mundo lleva una
- Cuarto de dólar (24,26 mm de diámetro)
- Moneda de 1 euro (23,25 mm)
- 1 libra esterlina (23,43 mm)
- 5 rupias indias (23,0 mm)
- Papel A4 (297 x 210 mm)
La tarjeta de crédito es la opción recomendada porque:
- Sus dimensiones están estandarizadas en todo el mundo (ISO 7810)
- Es lo suficientemente grande para una alineación precisa
- Es rígida y plana — no se dobla ni se deforma
- Casi todo el mundo tiene una al alcance de la mano
Tras la calibración, la herramienta guarda tu configuración en el almacenamiento local del navegador. No necesitarás recalibrar a menos que cambies de dispositivo, de monitor o ajustes el escalado de pantalla.
¿Qué precisión puedes esperar realmente?
Tras una calibración correcta, esto es lo que se puede lograr de manera realista:
| Tipo de pantalla | Precisión esperada | Por qué |
|---|---|---|
| Teléfono (300+ PPI) | ±0,3 mm | Alta densidad de píxeles = resolución fina |
| Tablet (200-300 PPI) | ±0,5 mm | Buena densidad, superficie de calibración grande |
| Portátil (150-250 PPI) | ±0,5 mm | Varía según el modelo |
| Monitor de escritorio (90-160 PPI) | ±1,0 mm | Menor densidad, pasos más gruesos |
Estos valores asumen una calibración cuidadosa — alineando el objeto de referencia con precisión, no solo "aproximadamente". El factor limitante en las pantallas de bajo PPI no es el software, sino el tamaño físico del píxel. En un monitor de 92 PPI, cada píxel mide unos 0,28 mm de ancho. No puedes medir nada más pequeño que eso.
Consejos para las mediciones más precisas
-
Calibra al 100% de zoom. Restablece el zoom del navegador al 100% antes de calibrar (Ctrl+0 / Cmd+0). Si calibras a un nivel de zoom diferente, las medidas solo serán precisas a ese nivel de zoom.
-
Usa una tarjeta de crédito en lugar de monedas. Los objetos de referencia más grandes dan más margen para una alineación precisa. Un error de 1 mm en una tarjeta de 85,6 mm es un error del 1,2%. El mismo error de 1 mm en una moneda de 24 mm es del 4,2%.
-
Coloca el objeto plano. Presiona la tarjeta firmemente contra la pantalla. Cualquier ángulo o separación entre el objeto y la superficie de la pantalla introduce errores.
-
Recalibra si algo cambia. ¿Cambiaste de la pantalla del portátil a un monitor externo? Recalibra. ¿Cambiaste el escalado de pantalla? Recalibra. ¿Giraste la tablet de vertical a horizontal? La calibración debería mantenerse, pero verifica si es posible.
-
Mide en el centro de la pantalla. Algunos monitores curvos o pantallas con retroiluminación no uniforme pueden tener ligeras variaciones dimensionales en los bordes. Quédate en el centro para obtener los mejores resultados.
La conclusión
Las reglas en línea no son inherentemente inexactas — simplemente están construidas sobre una suposición incorrecta. La "pulgada" CSS no tiene nada que ver con una pulgada física en la mayoría de pantallas actuales.
La calibración lleva diez segundos y elimina las conjeturas. Coloca una tarjeta de crédito en tu pantalla, ajusta el control deslizante, y tu pantalla se convierte en una herramienta de medición real — precisa hasta medio milímetro en la mayoría de dispositivos.
Pruébalo tú mismo — sin descarga, sin cuenta, funciona en cualquier dispositivo.
Artículos relacionados
Cómo usar un conversor de píxeles (paso a paso)
Guía práctica paso a paso para convertir píxeles a mm, cm y pulgadas. Elige el DPI correcto, pega tu valor y copia el resultado. Con ejemplos para web, impresión y fotografía.
Chuleta de conversión de píxeles — px a mm/cm/pulgadas en cada DPI común
Tablas de conversión listas para guardar: píxeles a milímetros, centímetros y pulgadas a 72/96/150/300/600 DPI. Más PPI por dispositivo y objetivos de impresión.
Píxeles vs milímetros: guía completa de conversión de unidades
Convierte píxeles a milímetros, centímetros y pulgadas a cualquier DPI. Aprende las matemáticas, los presets de DPI y los detalles, con un conversor de píxeles gratis.