Regla online
Calíbrala una vez contra una tarjeta bancaria y mide a tamaño real, con área y perímetro de cualquier rectángulo que dibujes.
Calibra una vez
Sin calibrarUna pantalla no sabe su tamaño real, así que la regla tiene que aprenderlo. Elige un método; se recuerda en este navegador.
Mirando qué pantalla tienes…
Esto reconoce un modelo, no lo mide: la tarjeta sigue siendo el método exacto.
Arrastra sobre la zona para medir una distancia.
Nada dibujado todavía
La regla mide lo que hay en la pantalla, no lo que hay detrás del cristal: no sirve para medir a través de ella.
Se genera aquí, en tu navegador. Lo que escribes no sale de tu equipo.
Una pantalla no sabe lo grande que es. Sabe cuántos píxeles tiene y sabe a qué escala le ha pedido dibujar el sistema, pero la distancia real entre dos puntos del cristal no es un dato que ningún navegador pueda consultar. Ese es el problema entero de una regla en pantalla, y por eso una regla sin calibrar es un adorno con números, no un instrumento.
Esta te pide que se lo enseñes una vez y luego se acuerda. Apoya una tarjeta bancaria sobre el rectángulo y ajusta hasta que coincidan los bordes, o escribe las pulgadas con las que se vendió tu monitor. A partir de ahí el centímetro de la pantalla es un centímetro, y sigue siéndolo la próxima vez que entres porque la calibración queda guardada en tu navegador.
Además de la regla hay una herramienta de rectángulo. Dibujas una caja alrededor de algo y te da ancho, alto, área, perímetro y diagonal de una vez: los números que en realidad querías cuando fuiste a buscar una regla, en lugar de una escala que luego tienes que leer a ojo y multiplicar mentalmente.
Cómo se usa
- 1
Deja que lo intente sola
Mira la resolución y la densidad de píxeles que informa tu navegador y las busca en una tabla de pantallas conocidas. Cuando eso identifica un dispositivo, se calibra sola y te dice cuál; cuando varios tamaños comparten resolución, te los lista en vez de adivinar. Eso es reconocer, no medir, así que es un buen punto de partida y no la última palabra.
- 2
O busca una tarjeta
Vale cualquier tarjeta de crédito, de débito o un DNI del formato habitual. Todas miden lo mismo con una tolerancia de una décima de milímetro, y eso las hace mejor referencia que una regla impresa que tendrías que apoyar plana contra el cristal.
- 3
Haz que el rectángulo coincida
Pon la tarjeta sobre el rectángulo gris de la pantalla y mueve el control hasta que encajen por los cuatro lados. Con acertar el ancho basta: el alto va detrás, porque la proporción está fijada.
- 4
O escribe el tamaño de tu pantalla
Si no tienes tarjeta a mano, abre Manual y elige tu modelo de la lista o pon la diagonal con la que se vende tu pantalla: 14 para un portátil de 14 pulgadas, 27 para un monitor de 27. Es menos exacto que la tarjeta, porque el tamaño anunciado viene redondeado, pero se acerca.
- 5
Elige la unidad
Centímetros, milímetros, pulgadas o píxeles. La regla en pulgadas se divide en dieciseisavos, como una de verdad; la métrica se divide en milímetros. Los píxeles no necesitan calibración ninguna, porque son la unidad en la que está dibujada la pantalla.
- 6
Mide arrastrando
Con la herramienta de medir, arrastra de un punto a otro y lee la distancia. Funciona en diagonal, no sólo en horizontal y vertical, así que puedes medir algo inclinado sin hacer ninguna cuenta.
- 7
Ocupa la pantalla entera
El botón de pantalla completa de la barra le da a la regla todo el monitor, que es la diferencia entre medir 19 cm y medir 30. Con Escape vuelves.
- 8
O dibuja un rectángulo
Cambia a la herramienta de rectángulo y arrastra una caja. Cada lado lleva su propia medida, la diagonal va escrita sobre su línea de puntos, y el área y el perímetro se quedan en el centro. Cuando una figura es demasiado pequeña para sostener los números, éstos se salen fuera en lugar de desaparecer. Desde cada borde caen guías punteadas hasta las reglas, y hay regla en los cuatro lados, así que puedes leer por el borde que te quede más cerca.
- 9
Dibuja las que necesites
Las figuras se quedan donde las pones, así que puedes superponer varias sobre la misma cosa y compararlas. Arrastra cualquiera para moverla, púlsala para seleccionarla, y bórrala con la tecla Supr o desde la barra — o vacía el lienzo entero de una vez. El botón de bloquear las congela todas, que es lo que quieres cuando la composición ya está bien y sólo la estás leyendo.
- 10
O un círculo
La herramienta de círculo se arrastra desde el centro hacia fuera, así que lo que arrastras es el radio. Da radio, diámetro, área y circunferencia, que no es más que el perímetro con el nombre que un círculo merece.
Lo que conviene tener en cuenta
Qué puede medir y qué no
La regla mide cosas apoyadas contra la pantalla, o cosas dibujadas en ella. No puede medir a través del cristal algo que haya detrás, ni puede medir una fotografía si no sabes a qué escala se tomó.
- Sirve para: cualquier cosa plana que puedas apoyar sobre la pantalla — el extremo de un cable, un tornillo, una copia en papel, una muestra de color, un componente de una placa.
- Sirve para: cualquier cosa que ya esté en pantalla al 100% de zoom, que es para lo que está la unidad de píxeles.
- No sirve para: medir a distancia ni a través de la pantalla. Aquí no hay ninguna información de profundidad.
- No sirve para: nada que tenga más de unos pocos milímetros de grosor. El paralaje entre el objeto y el cristal crece deprisa, y un objeto grueso se lee más corto de lo que es.
- Ojo con: el zoom del navegador. Ampliar después de calibrar cambia la escala, porque la calibración se guarda en píxeles CSS y el zoom cambia lo que valen.
Cuánta precisión tiene de verdad
Calibrada con la tarjeta, en una pantalla al 100% de zoom, cuenta con quedarte dentro de medio milímetro en un tramo de 10 cm. La mayor parte del error está en lo bien que ajustaste los bordes de la tarjeta, no en la aritmética.
- El método de la tarjeta es el más exacto de los dos, porque la referencia está fabricada con una décima de milímetro de tolerancia.
- El método de la diagonal hereda el redondeo que aplicara el fabricante. Un monitor vendido como de 27 pulgadas suele medir 27,0 exactas, pero un portátil vendido como de 15,6 puede medir 15,61 o 15,55.
- Los tramos largos salen proporcionalmente mejor. Medir 100 mm arrastra el mismo error absoluto que medir 10 mm, así que es una décima parte del error relativo.
- Aquí no hay trazabilidad. Para cualquier cosa en la que equivocarse tenga consecuencias, usa una regla física que alguien haya certificado.
De dónde salieron las unidades
El metro lo definió en 1791 la Academia de Ciencias de Francia como la diezmillonésima parte de la distancia del Polo Norte al ecuador por el meridiano que pasa por París. Dos astrónomos, Delambre y Méchain, se pasaron siete años midiendo el arco entre Dunkerque y Barcelona para fijarlo, trabajando en plena Revolución y siendo detenidos más de una vez por apuntar instrumentos desde campanarios. Su resultado estaba ligeramente equivocado —la Tierra es más achatada de lo que podían medir— pero la barra que se fundió a partir de él se convirtió igualmente en el patrón.
La pulgada fue por el camino contrario, del cuerpo hacia fuera. Primero era el ancho de un pulgar, luego tres granos de cebada puestos en fila, y varió de pueblo en pueblo durante siglos. No se fijó con exactitud hasta 1959, cuando Estados Unidos, Reino Unido, Canadá, Australia, Nueva Zelanda y Sudáfrica acordaron que la pulgada internacional mediría precisamente 25,4 milímetros. Hoy la pulgada está definida a partir del metro, que es un final discreto para una discusión muy larga.
El propio metro se ha redefinido tres veces desde aquella medición. Una barra de platino en 1799, una longitud de onda de la luz del kriptón-86 en 1960, y desde 1983 la distancia que recorre la luz en el vacío en 1/299.792.458 de segundo. Esta última es circular a propósito: se fijó por definición la velocidad de la luz, así que el metro deriva ahora de una constante de la naturaleza y no de un objeto que alguien pueda perder.
Y ahí está la ironía de una regla en pantalla. La unidad está definida contra la velocidad de la luz con una precisión que ningún laboratorio necesita, y el problema práctico sigue siendo que tu monitor no le quiere decir a una página web lo ancho que es.
- 1791
- el metro definido desde un meridiano
- 25,4
- milímetros por pulgada, exactos, desde 1959
- 85,60
- milímetros de ancho: tarjeta ID-1 de la ISO/IEC 7810
- 96
- píxeles que CSS llama pulgada, sea cual sea la pantalla
Por qué el navegador no puede preguntárselo a la pantalla
CSS define la pulgada como exactamente 96 píxeles. No aproximadamente ni en hardware típico: por definición, en la especificación. Ese número se eligió en los noventa porque encajaba con los monitores de entonces, y se congeló para que una página maquetada en pulgadas no se recolocara al cambiar las pantallas. La consecuencia es que `1in` en CSS es una unidad de maquetación, no de longitud, y una regla que se fíe de ella se equivoca en cualquier pantalla más densa que un CRT de 1996.
`window.devicePixelRatio` no salva la situación. Informa de la proporción entre píxeles CSS y píxeles del dispositivo, es decir de lo nítida que es la pantalla respecto a la suposición de CSS, no de lo grandes que son los píxeles. Un móvil a 3× y un escritorio a 3× pueden tener tamaños físicos de píxel completamente distintos. No existe ninguna API de navegador que devuelva dimensiones físicas, y hay un motivo razonable de privacidad: las medidas exactas del panel serían un dato más con el que rastrearte.
Así que el único camino es un objeto de referencia cuyo tamaño real ya se conozca. Eso es el paso de calibración: tú aportas la constante que falta haciendo coincidir algo físico, la herramienta divide los píxeles que dibujó entre los milímetros que dices que representan, y guarda el resultado en píxeles por milímetro. Todas las medidas posteriores son ese número aplicado a una distancia en píxeles.
La tarjeta bancaria es la referencia por la norma ISO/IEC 7810, que define los tamaños de las tarjetas de identificación. Su formato ID-1 mide 85,60 por 53,98 milímetros con una tolerancia de centésimas, y es el formato de prácticamente cualquier tarjeta de pago del mundo. Es muy probable que lleves ahora mismo en el bolsillo una referencia de medida fabricada con precisión.
Calcular a mano la densidad de tu pantalla
La herramienta lo hace por ti, pero la cuenta es lo bastante corta para hacerla en un papel, y cuando la hayas hecho una vez ya no te extrañará que dos pantallas con la misma resolución se vean de tamaños distintos.
- 1
La resolución a la que está funcionando tu pantalla: 1920 × 1080, 2560 × 1440, lo que digan los ajustes. Usa la resolución real del panel, no una escalada.
- 2
Pitágoras: eleva al cuadrado el ancho, eleva al cuadrado el alto, suma y saca la raíz. Para 1920 × 1080 sale √(1920² + 1080²) ≈ 2203 píxeles.
- 3
Un monitor de 24 pulgadas: 2203 ÷ 24 ≈ 91,8 píxeles por pulgada. Esa es tu densidad real, y no se parece a los 96 que supone CSS.
- 4
Divide entre 25,4, los milímetros que tiene una pulgada. 91,8 ÷ 25,4 ≈ 3,61 píxeles por milímetro. Multiplica cualquier distancia en píxeles por ese número y tienes milímetros.
- 5
Una tarjeta debería salir de 85,6 × 3,61 ≈ 309 píxeles de ancho. Si tu control calibrado se quedó cerca de esa cifra, los dos métodos coinciden y la regla es de fiar.
Si algo no funciona
Síntoma:Dice que mi pantalla es un aparato que no tengo
- Causa probable:
- El método automático empareja una resolución con una tabla, y varias pantallas sin relación entre sí pueden informar de la misma, sobre todo portátiles con un escalado distinto del de fábrica.
- Qué hacer:
- Abre la pestaña Manual y elige el dispositivo correcto, o escribe las pulgadas con las que se vende tu pantalla. La tarjeta manda sobre las dos. Lo que pongas a mano es lo que queda guardado.
Síntoma:La regla mide menos o más que mi regla de verdad
- Causa probable:
- O no está calibrada en este dispositivo, o el zoom del navegador ha cambiado desde que lo estuvo.
- Qué hacer:
- Pulsa Ctrl+0 (Cmd+0 en un Mac) para devolver la página al 100% y vuelve a calibrar con la tarjeta. El zoom escala el píxel CSS, que es la unidad en la que se guarda la calibración.
Síntoma:La tarjeta no acaba de encajar por los cuatro lados
- Causa probable:
- Estás ajustando el ancho y el alto va detrás con una proporción fija, así que si no encaja es que la tarjeta no está apoyada recta contra el cristal.
- Qué hacer:
- Alinea primero la tarjeta con el borde izquierdo del rectángulo y mantenla paralela, y luego ajusta hasta que coincida el borde derecho. Mientras lo haces, no mires el borde inferior.
Síntoma:La calibré ayer y hoy mide mal
- Causa probable:
- La calibración se guarda por navegador. Otro navegador, una ventana privada o un segundo monitor de otro tamaño medirán distinto.
- Qué hacer:
- Vuelve a calibrar en la pantalla que estás usando de verdad. Si mueves un portátil entre su pantalla y un monitor externo, cuenta con repetirlo cada vez.
Síntoma:Los objetos gruesos salen más pequeños de lo que son
- Causa probable:
- Paralaje. Tu ojo mira el objeto desde un ángulo, y el objeto está unos milímetros por encima del cristal donde está dibujada la escala.
- Qué hacer:
- Mira la pantalla de frente y no de lado, y apoya el objeto lo más plano que puedas. Para cualquier cosa de más de unos milímetros de grosor, usa una regla física.
Síntoma:En el móvil no pasa nada al arrastrar
- Causa probable:
- Un gesto táctil que empieza como desplazamiento de la página no llega a la zona de dibujo.
- Qué hacer:
- Empieza a arrastrar dentro de la zona de medida y no en su borde, y aprieta un instante antes de moverte. Si la página se desplaza en su lugar, colócala primero de forma que se vea la zona entera.
Datos curiosos
Llevas un patrón de metrología en la cartera
La ISO/IEC 7810 fija la tarjeta ID-1 en 85,60 × 53,98 mm con una tolerancia de unas 0,1 mm, y el radio de las esquinas en 3,18 mm. Las tarjetas de pago, la mayoría de los carnés de conducir y muchos documentos de identidad cumplen la norma, lo que las convierte en los objetos de precisión más repartidos del mundo.
La pulgada de 96 píxeles es más vieja que casi todos sus usuarios
Viene de que Microsoft eligiera 96 ppp como resolución lógica de Windows a principios de los noventa, en parte para que una fuente de 10 puntos se leyera bien en los monitores de entonces. CSS lo adoptó y lleva congelado desde entonces, porque descongelarlo recolocaría todas las páginas de la web.
El metro se midió en plena Revolución
Delambre y Méchain midieron el arco de meridiano Dunkerque–Barcelona entre 1792 y 1799. Méchain encontró una incoherencia en sus propias lecturas de Barcelona, nunca la resolvió y la ocultó hasta su muerte; el error se atribuyó después a que la Tierra es menos regular de lo que suponía la medición.
Un píxel no es cuadrado en todas partes
La mayoría de los paneles modernos tienen píxeles cuadrados, pero la disposición de los subpíxeles cambia: franja RGB estándar, BGR en algunos paneles, y PenTile en muchos OLED de móvil, donde los subpíxeles se comparten entre vecinos. No afecta a medir distancias, pero explica que el texto se vea con distinta nitidez en dos pantallas de la misma resolución.
Los tamaños de papel se apoyan en una raíz cuadrada
El A4 mide 210 × 297 mm porque la serie ISO 216 fija la proporción en √2, de modo que partir una hoja por su lado largo da el tamaño siguiente con las mismas proporciones. El A0 mide exactamente un metro cuadrado. Mide un folio A4 con una regla calibrada y podrás comprobar las dos cosas tú mismo.
Preguntas frecuentes
¿Cómo sabe qué pantalla tengo?
En rigor no lo sabe. Multiplica la resolución que informa el navegador por la densidad de píxeles para obtener la resolución propia del panel —que no cambia aunque cambies el escalado— y la busca en una tabla de pantallas conocidas. Cuando sólo una pantalla la tiene, nombra el modelo. Cuando la comparten varias, como pasa con 1920×1080, aplica la más probable y te lista el resto, apoyándose en que un sistema operativo sólo escala por encima del 100% en un panel de portátil y no en un monitor de escritorio.
Ha elegido un dispositivo que no es el mío. ¿Importa?
Sí, y se arregla fácil: elige el tuyo en la pestaña Manual, o cambia a la tarjeta, que manda sobre las dos. Una calibración que pongas tú no la sustituye nunca la detección automática en una visita posterior.
¿Por qué hay que calibrarla?
Porque ninguna API de navegador informa del tamaño físico de la pantalla. CSS define la pulgada como 96 píxeles independientemente del hardware, así que sin un objeto de referencia la herramienta no tiene forma de saber si tus píxeles son grandes o pequeños. Calibrar aporta el único número que no puede consultar.
¿Se guarda la calibración?
Sí, en tu navegador y en este dispositivo. No se envía a ningún sitio ni está asociada a ninguna cuenta, porque aquí no hay cuentas. Si borras los datos del sitio o usas una ventana privada, se pierde.
¿Puedo usar algo que no sea una tarjeta?
Vale cualquier objeto cuyo tamaño exacto conozcas y que puedas hacer coincidir con una longitud conocida, pero recomendamos la tarjeta porque la ISO/IEC 7810 hace que su medida sea previsible con una décima de milímetro. Una moneda sirve en principio, aunque las denominaciones cambian según el país.
¿Cómo mido área y perímetro?
Cambia a la herramienta de rectángulo o a la de círculo y arrastra. El área y el perímetro se escriben sobre la propia figura según la dibujas, y debajo aparece el juego completo de números. Las áreas en milímetros se dan en centímetros cuadrados, porque los milímetros cuadrados producen números que nadie puede imaginarse.
Dice que mi pantalla mide 30 por 20 cm. ¿Es correcto?
Es lo que implica la calibración, y por eso se enseña: la cifra se comprueba en diez segundos con un metro contra el marco. Si el número está mal, la calibración está mal, y la regla se equivoca en la misma proporción. Es la forma más rápida de cazar una calibración mala antes de fiarte de una medida.
¿Para qué son las líneas de puntos?
Para dos cosas. La que cruza un rectángulo es su diagonal, punteada para que no se lea como un lado más. Las que van hacia el borde superior y el izquierdo caen desde la figura hasta las reglas, de modo que puedes leer su posición en las escalas en vez de estimar dónde cae.
¿Funciona en móvil o tableta?
Sí. La zona de dibujo usa eventos de puntero, así que el dedo funciona igual que el ratón. Calibra con la tarjeta exactamente como en un ordenador; la pantalla de un móvil es lo bastante densa como para que el método de la tarjeta salga bastante fino.
¿Por qué la regla en pulgadas se divide en dieciseisavos?
Porque así se divide una regla imperial. Mitades, cuartos, octavos, dieciseisavos: partiendo por la mitad una y otra vez, no en décimas. Existe la pulgada decimal para trabajos de ingeniería, pero no es lo que espera quien coge una regla en pulgadas.
¿Tiene precisión suficiente para trabajar?
Para comprobar si una pieza encaja, calcular el tamaño de una copia o medir algo pequeño y plano, de sobra. Para cualquier cosa con consecuencias —una medida legal, una tolerancia de mecanizado, algo que no puedas repetir— usa una regla física certificada. Aquí no hay trazabilidad a ningún patrón.
¿Sale de mi dispositivo algo de lo que mida?
No. La herramienta entera funciona dentro de la página. No hay subida de nada, ni llamada a ningún servidor, ni cuentas; lo único que se guarda es el número de la calibración, y se queda en tu navegador.
Herramientas relacionadas
Transportador online
Sube una foto o mide directamente en pantalla: arrastra los brazos y lee el ángulo en grados y en radianes.
Papel imprimible
Ocho tipos de papel a la medida que pidas, en PDF con la geometría en milímetros y una línea para comprobar que tu impresora no lo ha encogido.
Página de prueba
Elige los bloques que necesitas y descarga la hoja en PDF, con las tintas en CMYK de verdad y una regla impresa para comprobar que no te la han encogido.
Calibrar monitor
Ocho pasos, cada uno con su patrón, el objetivo exacto al que llegar y qué botón mover en el menú del monitor.
Actualizado el