Display measurement

Screen Ruler: Measure Real Objects on Your Display

Use a monitor, laptop, tablet, or phone as a convenient measuring surface for small objects, craft materials, hardware, and spacing checks.

Open Interactive Screen Ruler Calibration Guide

What Is a Screen Ruler?

A screen ruler renders measurement marks and interactive guides inside a web page. That makes it useful for comparing an object or spacing against the visible display, but the physical scale should be calibrated because browser coordinates are not a direct measurement of panel dimensions.

Unlike a static image, this ruler can switch between units, place measurement guides, and inspect positions with a crosshair. For physical measurements, use the calibration workflow before treating a displayed centimeter or inch value as a real-world length.

Desktop Monitors

Large displays provide useful measuring spans for documents, packaging, craft pieces, and hardware components.

Laptops

Laptop screens are convenient for small items. Different display scaling and resolutions make calibration especially useful.

Phones & Tablets

Touchscreens work well for portable reference measurements when there is enough visible space for the object and scale.

How to Get a Reliable Physical Measurement

  1. Set browser zoom to 100%: Use Ctrl + 0 or Cmd + 0.
  2. Calibrate: Match the on-screen reference to a known physical length using the calibration workflow.
  3. Align the object: Place one edge at the ruler's zero mark and keep the object parallel to the measurement direction.
  4. Read and cross-check: Use the guide or scale, and compare another known length when the measurement matters.

Supported Units

Centimeters & millimeters

Use metric units for ordinary physical sizing and fine length comparisons.

Inches

Read whole-inch and fractional subdivisions or use the decimal measurement readout.

CSS pixels

Useful for web layouts and screen coordinates where physical size is not the goal.

Guides & crosshair

Place reference lines and inspect two-axis positions directly in the workspace.

Privacy & measurement boundaries

Measurement calculations and saved calibration values are handled in the browser. The site may use configured analytics, but the ruler is not a substitute for a calibrated physical instrument when a documented tolerance or safety-critical dimension is required.