Regla de Pantalla - Medir Píxeles en Pantalla
Arrastra para medir áreas en píxeles, rastrea las coordenadas del ratón en tiempo real y consulta la información de la resolución de tu pantalla.
마우스 위치가 실시간으로 표시됩니다.
¿Qué es una Regla de Pantalla?
Una regla de pantalla te permite medir distancias en tu pantalla en píxeles arrastrando un área de selección. Muestra reglas horizontales y verticales con marcas, muestra la posición del ratón en tiempo real e informa el ancho y el alto de cualquier región que selecciones. Útil para diseñadores web, desarrolladores de UI y cualquier persona que necesite mediciones precisas de píxeles sin instalar software.
Cómo Medir Píxeles en Pantalla
- Elige el Modo — Selecciona el modo Rectángulo (área) o Línea (distancia)
- Haz Clic y Arrastra — Haz clic en el lienzo de medición y arrastra para dibujar tu selección
- Lee los Resultados — El ancho, el alto y la posición del ratón se actualizan en tiempo real mientras arrastras
- Consulta el Historial — Cada medición completada se guarda en la lista del historial a continuación
- Consulta la Información de la Pantalla — La resolución de tu pantalla, el tamaño del viewport y la relación de píxeles del dispositivo se muestran en la parte superior
¿Por Qué Usar Esta Regla de Pantalla?
- Sin Instalación — Funciona directamente en tu navegador, sin necesidad de extensiones ni descargas
- Modos Rectángulo y Línea — Mide áreas o distancias en línea recta
- Reglas con Precisión de Píxeles — Reglas horizontales y verticales con marcas de 10px/50px/100px
- Seguimiento en Tiempo Real — Las coordenadas del ratón se actualizan instantáneamente a medida que te mueves
- Información de la Pantalla — Consulta al instante la resolución de tu pantalla, las dimensiones del viewport y el DPR
- Historial de Mediciones — Todas las mediciones se guardan como referencia hasta que las borres
- Privacidad — Todo se ejecuta en tu navegador sin que se envíen datos a ningún sitio
FreeToolbox vs Otras Reglas de Pantalla
| Función | FreeToolbox | PicPick | Extensión MeasureIt |
|---|---|---|---|
| Instalación | Ninguna (navegador) | Aplicación de escritorio | Extensión del navegador |
| Rectángulo + Línea | Sí | Sí | Solo rectángulo |
| Reglas con marcas | Sí | Sí | No |
| Información de resolución de pantalla | Sí | No | No |
| Historial de mediciones | Sí | No | No |
| Modo oscuro | Sí | Sistema | No |
| Precio | Gratis | Gratis/De pago | Gratis |
Preguntas frecuentes
¿Esto mide mi pantalla real?
Mide las distancias en píxeles dentro del área del lienzo de la herramienta. Las reglas y las coordenadas están en píxeles CSS. Para mediciones reales de la pantalla, multiplica por la relación de píxeles del dispositivo (que se muestra en la sección Información de la pantalla).
¿Puedo medir elementos en una página web?
Esta herramienta mide dentro de su propio lienzo. Para medir elementos de la página web, puedes utilizar las DevTools del navegador (F12) o hacer una captura de pantalla y medirla con esta herramienta.
¿Qué es la relación de píxeles del dispositivo (DPR)?
La relación de píxeles del dispositivo (DPR) es la relación entre los píxeles físicos y los píxeles CSS en tu pantalla. Una DPR de 2 significa que cada píxel CSS se renderiza utilizando 2×2 píxeles físicos, algo común en pantallas Retina/HiDPI.
¿Se guardan los datos de medición?
Las mediciones se guardan en la memoria solo durante tu sesión. No se guardan en localStorage ni se envían a ningún servidor. Al actualizar la página se borran todas las mediciones.
¿Puedo cambiar entre el modo rectángulo y el modo línea?
Sí. Haz clic en el botón Rectángulo o Línea encima del lienzo para cambiar de modo en cualquier momento. Las mediciones anteriores de ambos tipos permanecen visibles en el lienzo.