Screen Ruler

Avisos de precisión

Usa la herramienta complementaria correcta

¿Necesitas cálculo de densidad o contexto completo de pantalla en lugar de una regla superpuesta? Salta al clúster de medición relacionado.

• Referencia estándar de tarjeta: 85,6 mm × 53,98 mm.
• El borde largo suele ser más fácil de alinear con precisión que el corto.
• La calibración guardada permanece local en este navegador y este entorno de pantalla.

Cómo usar Screen Ruler con precisión

Screen Ruler está hecho para quien quiere una regla online práctica sin promesas falsas. Cuando la página abre, ya puedes usar guías, arrastrar para medir, marco superpuesto y controles de regla de píxeles. Eso vuelve útil la herramienta desde el primer momento para revisar espaciados de UI, tamaños de imagen, maquetas de tarjetas o comparaciones de layout. Si necesitas milímetros, centímetros o pulgadas, empieza por la calibración. La ruta más rápida es la de tarjeta. Coloca una tarjeta bancaria estándar sobre la pantalla, elige ancho o alto y ajusta el contorno hasta que coincida con el borde exterior real. Guarda el resultado y luego mide con la unidad que te interese. Si solo necesitas una regla de píxeles, puedes saltarte la calibración porque ese modo no depende de una escala física. En el primer tramo del texto se deja clara la promesa principal: esta Screen Ruler funciona como regla online, pero la medición física fiable solo empieza después de calibrar.

Por qué una regla online necesita calibración

Un navegador puede leer el tamaño del viewport, valores de layout CSS y device pixel ratio, pero no conoce de forma fiable el tamaño físico real de la pantalla que tienes delante. Por eso muchas páginas de regla online se sienten dudosas. Muestran centímetros o pulgadas desde el inicio y sugieren que la escala ya es real. En realidad, el zoom del navegador, la escala del sistema, la densidad tipo Retina, monitores externos, ventanas acopladas y el zoom de accesibilidad pueden cambiar cuánto ocupa un píxel CSS en la pantalla. Screen Ruler convierte ese límite en una señal de confianza. Antes de calibrar, las unidades físicas están marcadas como aproximadas. Después, la página guarda un factor de escala para este navegador y este entorno. Si el entorno cambia, la herramienta avisa que la precisión puede bajar y recomienda recalibrar. Esa diferencia separa una regla en pantalla honesta de una que solo aparenta exactitud.

Cómo funciona la calibración con tarjeta

El método principal usa el formato ISO ID-1 de una tarjeta bancaria: 85,6 mm × 53,98 mm. Ese tamaño es común en todo el mundo, fácil de explicar y práctico porque casi cualquiera tiene una tarjeta de crédito, débito, identificación o membresía con dimensiones similares. En Screen Ruler puedes calibrar usando el borde largo o el borde corto. El borde largo suele ser mejor porque una línea más larga reduce pequeños errores de alineación. Coloca la tarjeta plana contra la pantalla, ignora números en relieve y esquinas redondeadas, y ajusta el contorno al borde exterior real. Si la tarjeta no se apoya perfecto por una funda, un vidrio curvo o un marco grueso, usa la mejor alineación posible y guarda solo cuando el ajuste se vea estable. Si no tienes una tarjeta estándar, existe el modo manual. Introduce el tamaño conocido de otro objeto visible en pantalla y calibra con esa referencia. Es menos infalible, pero mucho mejor que fingir que el navegador conoce el tamaño físico automáticamente.

Milímetros, centímetros, pulgadas y píxeles explicados

Screen Ruler ofrece cuatro modos porque no todos los usuarios quieren exactamente lo mismo cuando buscan regla online o regla de píxeles. Los milímetros sirven para objetos pequeños, vistas previas de impresión, comprobaciones finas de espaciado y comparaciones de hardware. Los centímetros son más cómodos para medidas físicas más amplias, como etiquetas, maquetas de embalaje o fotos de productos visibles. Las pulgadas son habituales en trabajo con pantallas, sobre todo cuando quieres comprobar si una pulgada en pantalla realmente parece una pulgada después de calibrar. El modo píxel es distinto. Es una regla de espacio de layout, no una promesa sobre tamaño físico. Por eso es ideal para diseñadores, QA y desarrolladores front-end que quieren una regla de navegador o una herramienta de medida de UI sin usar unidades reales. La diferencia clave es sencilla: las unidades físicas dependen de la calibración; los píxeles, no.

Cuándo usar Screen Ruler y cuándo un PPI Calculator

Usa Screen Ruler cuando la pregunta es práctica y visible: qué ancho tiene este objeto en mi pantalla, cuántos píxeles separan estos elementos o qué tamaño visual tiene un centímetro en este display ahora mismo. Usa un PPI Calculator cuando la pregunta es estructural: qué densidad tiene el panel, cuántos píxeles caben en una pulgada o por qué una pulgada se ve distinta entre dos pantallas. Las herramientas se complementan. Screen Ruler convierte la calibración en un flujo de medición real. PPI Calculator explica la matemática de densidad detrás. What Is My Screen Size ayuda cuando primero quieres ver resolución, viewport y DPR antes de medir físicamente.

Errores comunes de precisión y cómo evitarlos

El error más común es confiar en las unidades físicas antes de calibrar. El segundo es calibrar una vez y olvidar que el entorno cambió después. El zoom del navegador, la escala del sistema, mover la pestaña a otro monitor, acoplar un portátil, rotar una tablet o cambiar entre pantallas duplicadas y extendidas puede alterar la relación entre los píxeles CSS y el tamaño físico. Otro fallo frecuente es alinear mal la tarjeta. Ajusta el borde exterior real, no los números en relieve, el diseño impreso ni las sombras. En móviles y tablets el control táctil funciona, pero la alineación fina suele ser más fácil en horizontal o en escritorio con ratón, teclado o stylus. Si quieres medir una caja visible en vez de una línea, usa el marco superpuesto. Si buscas distancias horizontales o verticales limpias, usa guías. Si el aviso dice que la precisión puede reducirse, no lo ignores: recalibrar tarda segundos.

FAQ

Herramientas relacionadas