Ir al contenido principal
Eje Horizontal · Bordes Superior e Inferior Simultáneos · cm, mm, in y px

Regla Horizontal de Pantalla y Píxeles de Ancho Completo

Regletas horizontales superior e inferior simultáneas para medir objetos anchos, tramos de 30 cm / 12 pulgadas y anchos de diseño en píxeles CSS (px).

Área Interactiva de Regla en Pantalla

Calibración estimada96.0 PPICalibrar
Eje Guía:

Alinea tu objeto con la marca 0. Haz clic en cualquier regla o cuadrícula para colocar guías de medición arrastrables.

X: 0.00 cm · Y: 0.00 cm
Conversor rápido@ 96.0 PPI
3 3/8 in (3 3/8 in)

Calibración de Densidad · Guardada Localmente por Pantalla

Calibra tu Pantalla para Escala Física Real

Los navegadores usan por defecto 96 píxeles CSS por pulgada, lo cual rara vez coincide con el panel físico real. Elige uno de los tres métodos siguientes para que cada milímetro y fracción de pulgada corresponda a su longitud física exacta.

Escala ActivaCalibración estimada

96.0 PPI·3.780 px/mm

Escala de referencia CSS (96 px por pulgada)

Perfiles de pantalla:
Estándar ISO/IEC 7810 ID-1 · 85,60 × 53,98 mm

Alinea una Tarjeta Bancaria, de Crédito o DNI

Coloca cualquier tarjeta de pago, carné de conducir o documento de identidad estándar sobre el contorno inferior y ajusta su ancho físico.

Objeto:
Referencia superior izquierda de tarjeta · Contorno físico 1:1
ISO/IEC 7810 ID-1
85.60 mm

Coloca la Tarjeta Física Aquí

Alinea bordes izquierdo y superior · Iguala el borde exterior

3.370 × 2.125 in53.98 mm
  1. Sujeta la tarjeta plana: Coloca una tarjeta real pegada a la esquina superior izquierda del recuadro.
  2. Iguala el borde exterior: Mueve el deslizador o pulsa las teclas ← → hasta alinear exactamente el borde derecho.
  3. Evita el paralaje: Mantén la vista perpendicular al borde derecho de la tarjeta.

Escala Calculada: 96.0 CSS PPI · 3.780 px/mm

Ajuste fino con teclado: haz clic en el área de tarjeta y pulsa ← → (Shift para pasos de 5 px).

Medidor de Verificación Física

Comprueba con Objetos Cotidianos

Coloca una moneda real sobre estas siluetas escaladas en vivo para confirmar tu calibración al instante.

24.26 mm
Cuarto USD
23.25 mm
1 Euro €
19.05 mm
Centavo USD
Barra de Referencia de 50,0 mm (5,0 cm)1.969 in

Registro Local de Sesión

Historial de Mediciones

Coloca dos líneas guía paralelas en la regla y pulsa Guardar en Historial para registrar distancias entre puntos (ΔX / ΔY) localmente en tu dispositivo.

    Almacenamiento: solo localStorageCero sincronización en red

    Metrología en Eje Horizontal · Escalas Paralelas Superior e Inferior

    Cómo Medir Objetos Anchos y Distancias en Píxeles CSS

    Preconfigurada con los bordes superior e inferior activos para alinear piezas anchas, comprobar paralelismo e inspeccionar medidas CSS en píxeles.

    1Doble Eje Horizontal · Regletas Superior e Inferior

    ¿Por qué usar reglas horizontales superior e inferior a la vez?

    Al medir objetos rectangulares anchos como sobres, teclados o cajas, una sola regleta facilita una inclinación de 3° a 5°. Activar simultáneamente los bordes Superior e Inferior junto con guías verticales garantiza que el mismo valor X coincida arriba y abajo sin error angular.

    2Regla de Píxeles CSS · Inspección de Viewport W3C

    ¿Cómo funciona el modo Píxeles CSS (px) para diseñadores?

    El modo píxeles CSS (Atajo: 3) mide distancias en píxeles lógicos W3C (marcas cada 10 px, 50 px y números cada 100 px) independientemente de los milímetros físicos. Es muy útil para revisar anchos de contenedores y puntos de corte responsivos (375, 768, 1024, 1440 px) directamente en el navegador.

    3Tramo a Pantalla Completa · Máxima Anchura

    ¿Cómo aprovechar la máxima longitud horizontal en tu pantalla?

    En paneles 16:9 el ancho activo equivale al 87,2 % de la diagonal (34,5 cm en portátiles de 15,6″ y 59,8 cm en monitores de 27″). Calibra tu densidad primero y pulsa F para abrir pantalla completa y medir 30 cm o más sin recortes.

    Guías X/Y y Mira de Precisión

    FIG. 06 · ESPACIO 2D
    Plano con guías verticales X, horizontales Y, caja sombreada ΔX por ΔY, línea diagonal y coordenadas del cursor.
    Combina guías X/Y y el cursor en cruz para capturar medidas rectangulares y diagonales al instante.

    Observa Cada Mecánica de Medición en Movimiento

    Animación activa
    012345678910Span Object · ΔX85.60 mm

    Alinea el borde izquierdo en el cero desplazado y extiende la lectura hasta el extremo del objeto.

    ΔX = X₂ − X₁

    Geometría Panorámica · Paneles 16:9, 16:10 y Ultrapanorámicos

    Longitud Horizontal Máxima según la Diagonal de Pantalla

    Consulta cuántos centímetros, milímetros y pulgadas caben horizontalmente en móviles, tabletas, portátiles y monitores.

    ¿Cuánto mide de ancho un monitor 16:9 o 16:10 en cm y pulgadas?

    Por el teorema de Pitágoras, el ancho activo de un panel 16:9 equivale al 87,16 % de su diagonal (34,54 cm en 15,6″; 59,77 cm en 27″) y en un panel 16:10 equivale al 84,80 %.

    ¿Cómo funcionan las guías verticales con la regla horizontal?

    Al hacer clic en la regla superior o inferior se coloca una guía vertical de lado a lado. Con dos guías (extremo izquierdo y derecho del objeto), la barra inferior calcula automáticamente ΔX en la unidad elegida.

    ¿Puedo girar el móvil en horizontal para tener una regla más larga?

    Sí. Girar un smartphone 90° a apaisado duplica aproximadamente el ancho medible de ~6,5 cm a ~14–15 cm, manteniendo tu calibración guardada.

    Referencia Geométrica de Pantallas (16:9, 16:10 y 21:9)

    Ancho Máximo de Pantalla Horizontal en Pulgadas, cm, mm y Píxeles CSS

    Panel y Relación de AspectoAncho Activo (in)Ancho Activo (cm / mm)Viewport CSS TípicoRegla Máxima que Cabe
    Smartphone 6.1" (19.5:9 Apaisado)5.55 in14.1 cm (141 mm)844 – 852 CSS pxHasta 13 cm / 5 in
    Tableta 11.0" (iPad / Android, 4:3)8.80 in22.4 cm (224 mm)1024 – 1194 CSS pxRegla de 15 cm / 6 in
    Portátil 13.3" (16:10 Retina)11.28 in28.6 cm (286 mm)1440 CSS pxHasta 27 cm / 10.5 in
    MacBook Pro 14.2" (16:10)11.97 in30.4 cm (304 mm)1512 CSS pxRegla completa de 30 cm / 11.5 in
    Portátil 15.6" Full HD (16:9)13.60 in34.5 cm (345 mm)1536 – 1920 CSS pxRegla 30 cm y 12 pulgadas
    Monitor 24.0" (16:9 1080p)20.92 in53.1 cm (531 mm)1920 CSS pxRegla de 50 cm / 18 pulgadas
    Monitor 27.0" (16:9 QHD / 4K)23.53 in59.8 cm (598 mm)1920 – 2560 CSS pxRegla de 58 cm / 22 pulgadas
    Monitor Ultrapanorámico 34.0" (21:9)31.36 in79.7 cm (797 mm)3440 CSS pxRegla de 75 cm / 30 pulgadas

    Fórmulas de ancho horizontal: 16:9 Ancho = Diagonal × 0,87158 · 16:10 Ancho = Diagonal × 0,84800 · 21:9 Ancho = Diagonal × 0,92246.

    Preguntas sobre la Regla Horizontal y de Píxeles

    Preguntas Comunes sobre la Regla Horizontal en Pantalla

    Todas las Preguntas Frecuentes

    ¿Qué ventaja tiene una regla horizontal con bordes superior e inferior?

    +

    Evita la inclinación angular al alinear objetos largos y permite elegir el borde más cómodo (por ejemplo, el superior cuando la bisagra o teclado del portátil estorba abajo).

    ¿Cómo uso la regla horizontal como regla de píxeles CSS (px)?

    +

    Pulsa el botón px en la barra o la tecla 3 para cambiar a píxeles lógicos W3C (0 px en adelante) y coloca guías verticales para medir tarjetas, columnas o imágenes.

    ¿Por qué la regla horizontal empieza 16 píxeles dentro del borde izquierdo?

    +

    Para dejar el 0 completamente visible sobre cristal plano y evitar que el marco físico elevado del monitor tape o incline el borde inicial del objeto.

    ¿Puedo alternar la regla horizontal entre centímetros, milímetros y pulgadas?

    +

    Sí. Aunque esta página preselecciona los bordes Superior e Inferior, todas las escalas siguen activas con las teclas 1 (cm), 2 (in), 3 (px) y 4 / M (mm), además de Doble cm/in.