How to Use Screen Ruler Online
Guías de inicio rápido para cada herramienta de Screen Ruler Online. Salta a la herramienta que necesites — cada sección explica para qué sirve, a quién va dirigida y cómo usarla en 5 pasos.
Inicio rápido herramienta por herramienta
Each section below covers one tool — what it does, who should use it, and a 5-step quick start. Calibration and pixel-density basics are explained at length in the Screen Ruler section, since those concepts apply across the measurement tools.
Regla de pantalla
Una regla de pantalla precisa en cm, mm y pulgadas. Calíbrala una vez con una tarjeta de crédito y podrás medir objetos reales contra el borde de la pantalla con precisión de medio milímetro. Ideal para diseñadores que verifican tamaños de impresión, compradores que validan dimensiones de productos y estudiantes que miden objetos pequeños.
Inicio rápido
- Abre la Regla de Pantalla. La herramienta carga una regla vertical en el lado izquierdo con marcas en la unidad seleccionada.
- Toca el panel de calibración y coloca una tarjeta de crédito plana sobre la pantalla. Arrastra el deslizador hasta que el contorno coincida exactamente con el borde de la tarjeta.
- Cambia entre centímetros, milímetros y pulgadas con el selector de unidad en la parte superior.
- Apoya el objeto a medir contra la regla. Alinea un borde con la marca cero y lee el otro borde.
- Usa el modo pantalla completa para obtener la regla más larga posible, sobre todo en pantallas pequeñas. La calibración se guarda por dispositivo durante 30 días.
Regla imprimible
Una regla imprimible gratis en PDF en cm, mm o pulgadas a escala 1:1 real. No requiere calibración — imprímela, ponla plana y mide. Perfecta cuando necesitas una regla física para manualidades, carpintería, costura o tareas escolares y no tienes una a mano.
Inicio rápido
- Abre la página de Printable Ruler y elige tu unidad (cm, mm o pulgadas) y la longitud.
- Pulsa Generate PDF. La descarga es a escala 1:1 real a 300 DPI.
- En el diálogo de impresión, ajusta la escala al 100% (o Tamaño Real) — nunca Ajustar a Página, que reduce la regla en silencio.
- Imprime en papel estándar. Usa el cuadrado de calibración incluido para verificar que la impresora no reescaló el archivo.
- Recorta por el contorno y tendrás una regla física. Plastifícala para usarla varias veces.
Especificaciones del dispositivo
Una base de datos filtrable con 69+ teléfonos, tablets y portátiles, con tamaño de pantalla, resolución, PPI y relación de aspecto. Útil para desarrolladores que verifican breakpoints responsive, compradores que comparan modelos y diseñadores que eligen dispositivos objetivo.
Inicio rápido
- Abre la página Device Specs. Verás una tabla filtrable con 69+ dispositivos.
- Filtra por marca, sistema operativo, año, tipo, tamaño de pantalla o usa la caja de búsqueda para un modelo concreto.
- Pulsa cualquier fila de dispositivo para abrir su página de detalle con specs completas y dispositivos relacionados al lado.
- Usa el CTA Open Ruler en la página de un dispositivo para lanzar una regla precalibrada al PPI de ese dispositivo.
- Guarda una comparación o copia las specs en una hoja de especificaciones para compras y diseño.
Ruleta aleatoria
Una ruleta personalizable para sorteos justos. Escribe tu lista de opciones, pulsa Spin y la rueda se detiene aleatoriamente en una. Usada por profesores que eligen alumnos, familias que deciden la cena y equipos que sortean turnos.
Inicio rápido
- Abre el Spinner. Carga con una lista corta de opciones por defecto.
- Pulsa una entrada para editarla, Add para añadir y Remove para borrar.
- Cada opción recibe su propio color automáticamente al re-segmentarse la rueda.
- Pulsa Spin. La rueda gira con desaceleración suave y se detiene aleatoriamente en un segmento.
- Cada opción tiene la misma probabilidad de ganar. Tu lista solo se guarda en tu navegador y desaparece al cerrar la pestaña.
Test de píxeles muertos
Pantallas de prueba a todo color que detectan píxeles muertos, atascados y calientes en cualquier monitor, móvil o televisor. Pásala antes de aceptar una entrega, después de una reparación o cuando sospeches de un fallo — 60 segundos te dicen si tu panel está sano.
Inicio rápido
- Abre la página Dead Pixel Test en la pantalla que quieras verificar.
- Maximiza el navegador a pantalla completa para que la prueba cubra todo el panel — F11 en la mayoría de navegadores.
- Recorre las pantallas de color (rojo, verde, azul, blanco, negro). Mira de cerca cualquier píxel que no cambie con el fondo.
- Un píxel que se queda negro es muerto, uno fijo en un color es atascado y uno siempre blanco es caliente.
- Usa la prueba de gradiente para detectar problemas de uniformidad como bandas. Repite tras un intento de fix para confirmar la recuperación.
Transportador
Un transportador digital que mide cualquier ángulo de 0° a 360° en pantalla. Arrastra dos rayos al ángulo deseado, con anclaje opcional a 1°/5°/15°/45°. Útil para tareas de geometría, cortes a inglete en carpintería, pinzas de costura y comprobaciones de pendiente de tejado en fotos.
Inicio rápido
- Abre el Protractor. La herramienta carga un dial circular con dos rayos arrastrables a un ángulo por defecto de 90°.
- Arrastra cualquier rayo por su tirador para girarlo en torno al centro. El ángulo y el sector sombreado se actualizan en tiempo real.
- Para ángulos exactos, activa Snap y elige incremento de 1°, 5°, 15° o 45°. Los rayos se anclan al paso más cercano.
- Coloca un dibujo impreso plano contra la pantalla para medir ángulos sobre papel.
- Usa Reset para volver a 90°. El transportador mide el ángulo interior por defecto — resta de 360° para el ángulo cóncavo.
Calculadora de tamaño de pantalla
Calcula el tamaño físico de pantalla a partir de la resolución y el PPI, o averigua el tamaño correcto de TV para una distancia de visualización. Usado por entusiastas del cine en casa, compradores de monitores y quien compara paneles de 65 vs 75 pulgadas.
Inicio rápido
- Abre la Screen Size Calculator y elige el modo de entrada — diagonal, ancho y alto, o resolución y PPI.
- Introduce los números. La calculadora devuelve ancho físico, alto, área y distancia de visualización recomendada.
- Para el tamaño de TV, usa la sub-página TV size for room: introduce la distancia del sofá a la pantalla y elige un estándar (THX, SMPTE o 4K inmersivo).
- Compara dos pantallas ejecutando la calculadora dos veces y observando diagonal vs área visible — un 16:9 de 65 pulgadas es mucho mayor que un 21:9 de 65 pulgadas.
- Verifica el tamaño físico con la base Device Specs antes de comprar.
Leer la guía completa de Calculadora de tamaño de pantalla →
Conversor de píxeles
Un conversor instantáneo de unidades CSS — px a mm, cm, pulgadas, rem, em, pt, %, vw y vh. Diseñado para desarrolladores front-end, diseñadores y cualquiera que ajuste tipografía o maquetación a un DPI objetivo.
Inicio rápido
- Abre el Pixel Converter. Elige tu unidad de origen (px, mm, cm, pulgadas, rem, em, pt, %, vw, vh).
- Introduce tu valor. Todas las unidades de destino se actualizan a la vez.
- Ajusta el tamaño base de fuente (16px por defecto) y el DPI para conversiones precisas de rem y unidades físicas.
- Usa la chuleta para conversiones comunes como 1rem = 16px o 1pt = 1.333px.
- Copia el resultado en tu CSS o herramienta de diseño. El conversor es sin estado — refrescar resetea el formulario.
Calculadora de relación de aspecto
Calcula relaciones de aspecto a partir de dimensiones en píxeles, o encuentra una dimensión faltante cuando conoces un lado y la proporción. Pensado para editores de vídeo, diseñadores de redes sociales y desarrolladores que eligen tamaños de imagen para Instagram, TikTok, YouTube y LinkedIn.
Inicio rápido
- Abre la Aspect Ratio Calculator. Introduce ancho y alto en píxeles para obtener la relación simplificada.
- O elige el modo dimensión faltante: introduce ancho y una relación objetivo (16:9, 4:3, 1:1, 9:16) y la calculadora devuelve el alto.
- Usa la chuleta de plataformas para encontrar el tamaño correcto para posts de Instagram, vídeo de TikTok, miniaturas de YouTube o banners de LinkedIn.
- Verifica tu imagen con el Pixel Converter si necesitas convertir píxeles a unidades físicas para impresión.
- La relación simplificada es el MCD de ancho y alto — 1920×1080 se reduce a 16:9, 1080×1080 a 1:1.
Leer la guía completa de Calculadora de relación de aspecto →
Calculadora PPI
A free PPI / DPI calculator that derives pixel density from screen diagonal + resolution, judges Retina at the viewer's actual distance, reverses pixels needed for print at 300 DPI, and compares devices side-by-side.
Inicio rápido
- Open the PPI Calculator. Pick a mode: Auto-detect (current display), Screen (manual), Print (reverse from physical size), or Compare (multi-device).
- Enter the screen diagonal in inches plus resolution as width × height (e.g. 1920×1080).
- Set your typical viewing distance — the calculator scales the Retina threshold against it.
- Read the PPI result, Retina verdict (Below / Meets / Exceeds), and the physical screen size in mm/inches.
- Copy the result, share the calculated link (URL state-encoded), or jump to the Ruler tool with the same calibration.
Calibration Basics
Calibration is the most important step for any measurement tool on the platform. Without it, the ruler shows approximate measurements based on your device's reported pixel density, which is often inaccurate. With calibration, measurements become precise to within half a millimeter.
Using a Credit Card
A standard credit or debit card is the best calibration object because its dimensions are standardized worldwide at 85.6mm x 53.98mm (ISO/IEC 7810). Place your card flat on the screen and use the calibration slider to adjust the on-screen outline until it matches your card exactly.
Using Other Objects
If you don't have a credit card handy, you can calibrate with US quarters (24.26mm), Euro coins (23.25mm), UK pound coins (22.5mm), and more. Select the object from the calibration panel, place it on the screen, and adjust the slider.
Understanding Pixel Density (PPI)
PPI stands for Pixels Per Inch. It tells you how many tiny dots of light fit in one physical inch of your screen. A phone with 460 PPI has much smaller, more densely packed pixels than a desktop monitor with 96 PPI. This means the same number of pixels takes up less physical space on the phone.
Modern screens also use device pixel ratios. A MacBook with a Retina display might report a device pixel ratio of 2, meaning each "CSS pixel" in the browser actually spans 2x2 physical pixels. The ruler, protractor, and pixel converter all account for this automatically during calibration.
Device-Specific Rulers
We maintain pre-configured ruler profiles for popular devices. These profiles use the device's known PPI to provide a starting point before manual calibration. Visit a device-specific ruler for the best starting accuracy:
Questions?
Full answers to common questions about every tool — ruler accuracy, protractor precision, spinner fairness, device support, privacy — live on the FAQ page.