En muchas ocasiones queremos saber cuanto mide un elemento de una página web, como por ejemplo una imagen.
Existen extensiones de navegador que te permiten medir en pantalla mediante una sencilla regla y averiguar rápidamente cuanto mide en píxeles un elemento.
La extensión más utilizada se llama Page Ruler que crea una regla para obtener dimensiones y posicionamiento de píxeles, y mide elementos en cualquier página web.
¿Qué es Page Ruler?
Page Ruler es una extensión gratuita para los navegadores web Chrome y Firefox que permite medir en píxeles los elementos de una página web y también muestra el ancho, la altura y la posición del elemento medido.
PAGE RULER REDUX es la extensión recomendada para tener una regla y medir los elementos en píxeles ya que la original PAGERULER ha tenido problemas de abuso de análisis de datos.

Características
- Dibuja una regla en cualquier página y vea el ancho, la altura y la posición superior, inferior, izquierda y derecha
- Arrastrar los bordes de la regla para cambiar su tamaño.
- Usar las teclas de flecha para mover y cambiar el tamaño de la regla
- Mostrar guías que se extienden desde los bordes de la regla
- Actualice manualmente el tamaño y la posición de la regla desde la barra de herramientas para realizar cambios de precisión
- Habilite el “Modo de elemento” para delinear elementos en la página mientras mueve el mouse sobre ellos
- Navegar a través de elementos de padres, hijos y hermanos de cualquier elemento medido
Cómo utilizar la extensión Pageruler en el navegador

Primero instala la extensión en tu navegador y después haz clic en el icono que está al lado de la barra de direcciones.
Después puedes usar la medición libre arrastrando el ratón por la pantalla.
También puedes utilizar el modo de detección del elemento en la parte superior izquierda para que detecte automáticamente cuánto mide, por ejemplo una imagen insertada en la página web.
Aviso sobre Page Ruler
Page Ruler Redux es una versión mejorada creada a partir de la extensión original Page Ruler.
Page Ruler ha sido una gran herramienta durante los últimos años, sin embargo, hace un tiempo, el creador de la extensión transfirió la propiedad de la extensión a otro propietario.
Resulta que el nuevo propietario agregó mixpanel.js a la extensión, este es un script de análisis y seguimiento de anuncios que también puede robar contraseñas y datos confidenciales.
Aviso: Es decir que la extensión Page Ruler abusa del uso de análisis de datos e incluso puede ser insegura.
Por lo tanto se recomienda utilizar la nueva extensión Pageruler Redux u otra similar como alternativa.