Regla Online

Una regla en pantalla en mm, cm y pulgadas, calibrada contra una tarjeta de crédito o el tamaño de tu pantalla para precisión real. Gratis, en tu navegador.

🌐 English

⚠️ A CSS pixel has no fixed real-world size — it depends on your monitor and zoom level. Calibrate below against a real object so the ruler is actually accurate on your screen.

Hold a real credit card, debit card, driver's license or ID card (they're all the same standard size) up to your screen. Drag the handle below until the box exactly matches your card's width.

Match this to your card

Box width: 300 px (card is 85.6mm × 53.98mm — ISO/IEC 7810 ID-1 format)

🔒 Privado por diseño: todo funciona localmente en tu navegador; nada se sube nunca a ningún servidor.

Un píxel CSS no es un milímetro

Pídele al navegador una caja de 96 píxeles de ancho y no le has pedido una pulgada. Le has pedido 96 píxeles CSS, una unidad cuyo tamaño real sobre el cristal depende de la densidad de la pantalla, del escalado que aplique el sistema operativo y del nivel de zoom en el que esté la página en ese momento. La especificación CSS sí ancla su píxel de referencia a un noventaiseisavo de pulgada, y esa constante está en el código de esta herramienta, pero está ahí como la suposición ingenua que hay que corregir, no como una medida. Sobrevive al contacto con un panel real de portátil de 141 PPP durante medio segundo.

La densidad de píxeles del dispositivo tampoco salva la situación. Ese número relaciona píxeles CSS con píxeles físicos; no dice nada sobre milímetros. Dos monitores de 24 pulgadas, uno 1080p y otro 4K, discrepan sobre cuántos píxeles físicos caben en una pulgada y no coinciden en nada útil.

Por eso esta página no dibuja ninguna regla hasta que hayas calibrado una. Es una negativa deliberada: una herramienta cuyo valor entero consiste en ser fiel a la escala no puede abrir con una escala adivinada y un conjunto de números impresos debajo con toda seguridad.

Dos caminos de calibración, y dónde falla cada uno

El primero usa una tarjeta. Las tarjetas bancarias, de débito, la mayoría de carnets de conducir y la mayoría de documentos de identidad se fabrican en formato ISO/IEC 7810 ID-1, 85,60 mm por 53,98 mm, en todo el mundo. La página dibuja una caja exactamente en esa proporción, empezando en 300 píxeles CSS de ancho y negándose a bajar de 60, con una franja para arrastrar en su borde derecho. Sostén tu propia tarjeta contra la pantalla, arrastra hasta que los dos bordes coincidan y pulsa Usar esta calibración. La aritmética detrás del botón es una sola división: el ancho de la caja en píxeles CSS entre 85,6.

El segundo camino pide tres números: diagonal en pulgadas, resolución horizontal y resolución vertical, rellenados por defecto con 15,6, 1920 y 1080. Toma la diagonal en píxeles, toma la diagonal en milímetros y divide. Con esos valores previsualiza un ancho físico estimado de 34,5 cm, o 13,6 pulgadas, y calibra a 5,560 px/mm, que la regla después informa como 141,2 px por pulgada. Pulsa el botón con un valor imposible en alguno de los tres campos y se niega, imprimiendo una línea de texto debajo en lugar de calibrar sobre un disparate.

Hay una trampa que conviene decir en voz alta. La cifra que hay que escribir es la resolución con la que tu navegador está maquetando páginas, no la que venía impresa en la caja del monitor. Nuestro comprobador de resolución de pantalla muestra las dos mitades de esa pregunta: la resolución que informa el navegador y tu densidad de píxeles. Cuando esas dos discrepan, meter el recuento nativo de píxeles del panel en el método de la diagonal escala cada marca exactamente por esa proporción, y por eso la tarjeta es la opción más segura en un portátil HiDPI. Para que quede constancia: en ese panel de 15,6 pulgadas y 1080p la caja de la tarjeta hay que arrastrarla hasta unos 476 px antes de que coincida con una tarjeta real.

Qué dibuja realmente la pista de 30 cm

En modo métrico el widget coloca una marca en cada milímetro entero a lo largo de 300 mm, 301 en total, con una marca mayor etiquetada en cada centímetro y otra más alta sin etiquetar en cada medio centímetro. Cambiar entre mm y cm cambia solo las etiquetas, nunca las posiciones: los cm cuentan de 0 a 30, los mm cuentan 0, 10, 20 y así hasta 300. El modo de pulgadas se redibuja con separación de un octavo de pulgada sobre doce pulgadas, 97 marcas, etiquetadas en cada pulgada entera.

La pista mide 90 px de alto con las marcas colgando de su línea base, y se desplaza lateralmente cuando la regla calibrada se sale de tu ventana, que es lo normal. Con esa calibración de 5,560 px/mm, 300 mm de regla ocupan unos 1668 píxeles CSS.

Arrastrar para medir, y una peculiaridad que conviene conocer

Pulsa en cualquier punto de la pista y arrastra. Una banda sombreada sigue al puntero y una línea debajo indica la distancia en la unidad que tenga puesta la barra de herramientas: milímetros y centímetros con un decimal, pulgadas con tres.

Hay un comportamiento que conviene conocer, porque la primera vez parece un error: el widget nunca suelta el punto de anclaje cuando levantas el puntero. Vuelve a mover el cursor sobre la regla después y la banda sigue estirándose desde donde pulsaste originalmente. No hay nada roto, y la lectura sigue siendo correcta para donde esté el puntero en ese momento; simplemente vuelve a pulsar en el nuevo punto de partida cuando quieras un tramo nuevo.

Una lectura fiel en cuatro movimientos

  1. Elige Calibrar con una tarjeta de crédito o Calibrar con el tamaño de pantalla en los dos botones de arriba del panel de calibración.
  2. Para la tarjeta, arrastra el tirador del borde derecho de la caja hasta que coincida con una tarjeta real sostenida contra la pantalla. Para el método de pantalla, rellena la diagonal en pulgadas más la resolución horizontal y vertical, y comprueba el ancho físico estimado que te devuelve.
  3. Pulsa Usar esta calibración. La regla sustituye al panel de calibración y el valor de píxeles por milímetro queda guardado para la próxima vez.
  4. Elige mm, cm o pulg en la barra de herramientas, sostén el objeto contra la pantalla y lee las marcas o arrastra por la pista para obtener una lectura decimal. Recalibrar vuelve a empezar de cero.

Dónde una regla en pantalla deja de ser suficiente

La calibración fija la escala, pero no arregla el cristal que hay delante. Mirar la pantalla desde un ángulo desplaza aparentemente la marca contra el objeto que sostienes, y en un panel grueso ese paralaje basta para perder un milímetro. Un objeto que no apoya plano contra la pantalla, un cable que se curva o una pieza con relieve, se mide más corto de lo que es por la misma razón.

Y la calibración caduca en silencio. Se guarda en el almacenamiento local del navegador, así que sigue ahí cuando vuelves, incluso si desde entonces has cambiado el zoom del navegador, has movido la ventana a un segundo monitor o has conectado el portátil a una pantalla externa con otro escalado. Ninguna de esas cosas avisa. Si las cifras parecen desplazadas, Recalibrar es más rápido que desconfiar de ellas.

Para cualquier cosa que tenga que ser exacta de verdad, una pieza mecanizada, una tolerancia, algo que vayas a cortar, sigue siendo trabajo de un calibre o una cinta métrica. Esta herramienta es para las preguntas que aparecen cuando no tienes ninguna de las dos a mano: si esto cabe por ese hueco, si este tornillo es el mismo que aquel, qué tamaño tiene realmente algo que solo has visto en una foto. Y si lo que necesitas es pasar de una unidad a otra en lugar de medir, el conversor de unidades hace esa parte sin que tengas que calibrar nada.

Cómo funciona, en imágenes

Captura de pantalla de la herramienta Regla Online con una regla en pantalla que empieza reconociendo su propio problema (un píxel CSS no tiene un tamaño real fijo, porque depende del monitor y del nivel de zoom) y ofrece calibrarla contra un objeto real para que las medidas sean realmente correctas en esa pantalla
Regla Online en pleno proceso: una regla en pantalla que empieza reconociendo su propio problema (un píxel CSS no tiene un tamaño real fijo, porque depende del monitor y del nivel de zoom) y ofrece calibrarla contra un objeto real para que las medidas sean realmente correctas en esa pantalla.
Diagrama: dónde ocurre el trabajo en una página de SysFenix que no tiene ninguna entrada de archivo: la herramienta llega como JavaScript normal dentro de la página, calcula la respuesta en tu propio dispositivo y la muestra ahí mismo, de modo que la subida, la cola y el registro en servidor que necesita una herramienta online típica no ocurren nunca
Dónde ocurre el trabajo en una página de SysFenix que no tiene ninguna entrada de archivo: la herramienta llega como JavaScript normal dentro de la página, calcula la respuesta en tu propio dispositivo y la muestra ahí mismo, de modo que la subida, la cola y el registro en servidor que necesita una herramienta online típica no ocurren nunca.

Preguntas frecuentes

¿Por qué tengo que calibrar antes de poder usar la regla?

Un píxel CSS no tiene un tamaño real fijo, depende de la densidad de píxeles de tu monitor y del nivel de zoom de tu navegador/sistema operativo, así que simplemente dibujar una caja "de 96 píxeles de ancho" no es de forma fiable 1 pulgada en tu pantalla real. Calibrar contra un objeto real (una tarjeta de crédito, o el tamaño diagonal y resolución conocidos de tu pantalla) es la única forma de obtener una escala genuinamente precisa para tu dispositivo concreto, por lo que la herramienta te pide hacerlo primero en lugar de mostrar una regla adivinada e inexacta.

¿Cómo funciona el método de calibración con tarjeta de crédito?

Sostén cualquier tarjeta bancaria, de débito, de crédito, carnet de conducir o documento de identidad estándar contra tu pantalla, todos están construidos al mismo tamaño internacional ISO/IEC 7810 ID-1 (85,60mm por 53,98mm). Arrastra el tirador de la caja en pantalla hasta que su ancho coincida exactamente con el ancho real de tu tarjeta, luego haz clic en "Usar esta calibración"; la herramienta divide el ancho en píxeles de la caja entre 85,60mm para obtener píxeles por milímetro de tu pantalla.

¿Cómo funciona el método de calibración por tamaño de pantalla?

Introduce el tamaño diagonal conocido de tu pantalla en pulgadas (revisa la hoja de especificaciones de tu monitor o portátil) más su resolución nativa en píxeles. La herramienta calcula la longitud diagonal tanto en píxeles como en milímetros y divide una entre la otra para obtener píxeles por milímetro, la misma matemática que usan los fabricantes para indicar la "PPI" (píxeles por pulgada) de una pantalla. Este método asume que tu navegador renderiza al 100% de escalado de pantalla del sistema operativo; si usas un ajuste de escalado distinto del 100%, el método de tarjeta de crédito será más preciso ya que mide lo que realmente hay en pantalla en ese momento.

¿Qué tan preciso es el resultado?

Tan preciso como tu calibración, una caja de tarjeta de crédito cuidadosamente ajustada o una entrada exacta de diagonal/resolución normalmente te da una precisión de uno o dos milímetros, suficiente para comprobar si algo cabrá en un sobre, comparar tamaños de pantalla, o una comprobación aproximada de tamaño físico. No es un sustituto de una cinta métrica o calibre real para nada que necesite verdadera precisión.

¿La regla recuerda mi calibración?

Sí, una vez que calibras, el valor de píxeles por milímetro se guarda en el almacenamiento local de tu navegador, así que volver a esta página en la misma pantalla se salta la calibración automáticamente. Haz clic en "Recalibrar" en cualquier momento (por ejemplo, tras cambiar tu nivel de zoom del navegador o pasar a un monitor diferente) para rehacerla.

¿Qué puedo medir con la función de arrastrar para medir?

Una vez calibrado, haz clic y arrastra en cualquier parte de la pista de la regla para seleccionar un tramo, la distancia exacta aparece debajo en la unidad elegida (mm, cm o pulgadas). Esto es útil para medir algo que sostienes contra la pantalla, o para obtener una lectura precisa entre dos marcas sin contarlas a mano.

¿Se sube o rastrea algo?

No, el valor de calibración y cada medición ocurren enteramente en tu navegador mediante JavaScript matemático sencillo; nada se envía a ningún servidor, y no hay ninguna cuenta ni seguimiento involucrado.

Herramientas relacionadas