Calibration

How to calibrate an online ruler for physical measurements.

Automatic screen detection can provide a useful starting estimate. When the physical length matters, calibration against a known reference is the reliable way to establish the scale for your current display setup.

Before you calibrate

Set your browser zoom to 100% and keep the page at the normal display scale. Avoid changing zoom after calibration. On a phone or tablet, keep the device in the orientation you plan to use for measurements.

Use a reference with a known physical dimension. An ISO/IEC 7810 ID-1 card has a standardized nominal size of 85.60 mm × 53.98 mm. A physical ruler or another accurately measured reference can also be used.

Step 1 — Open the calibration tool

Open the ruler and choose the calibration control. The on-screen reference is designed to be compared directly with the physical object. Keep the reference flat and aligned with the displayed outline rather than holding it at an angle.

Step 2 — Match the known dimension

Place the reference against the screen and adjust the calibration control until the known length matches the on-screen representation. For a card, use the 85.60 mm horizontal dimension when the calibration interface asks for the card width.

corrected scale = current scale × (known physical length ÷ displayed length)

Step 3 — Verify, don't just assume

After calibration, check another dimension when practical. The purpose is to catch alignment mistakes and distinguish a true scale correction from a measurement taken at the wrong origin. When two different reference lengths agree closely, confidence in the scale increases.

For a high-stakes physical measurement, use an ordinary physical measuring instrument as the final authority. A browser-based ruler is a convenience tool, not a replacement for calibrated laboratory or industrial measurement equipment.

What can invalidate an old calibration?

Browser zoom changed

A different zoom level changes the effective CSS-pixel relationship, so the previous physical calibration should not be silently reused.

Different display

A second monitor or another device can have a different physical pixel density and should be calibrated independently.

Device orientation changed

Rotation changes the viewport geometry. Recheck the calibration context before relying on an old value.

Reference was misaligned

A tilted card, camera perspective, or measuring to the wrong edge can create an apparent scale error that is really an alignment error.

Next: understand the limits

Read Accuracy & limitations for the difference between an estimate and a physically verified scale, and Browser zoom & display scaling for the reasons the environment matters.