Online Ruler
A browser cannot know how large a pixel is on your particular screen. Operating system scaling, browser zoom and the sheer variety of pixel densities out there mean a ruler drawn at the conventional 96 pixels per inch will be close on some screens and noticeably off on others. This tool starts at that conventional scale, labelled Approximate, and lets you calibrate it against something you already own so the marks match reality on your specific screen and browser window.
The quickest way to calibrate is with a standard bank or payment card: hold it against the screen, drag the on-screen shape until it matches the card's width exactly, and the ruler recalculates its scale from that. No card handy? Enter the length of any object you can measure another way and match a bar to it instead.
Runs in your browser. Online Ruler processes your input on your own device. Nothing you enter or upload is sent to a server.
How to use the Online Ruler
- Open the ruler and leave your browser zoom at its normal level.
- Calibrate it against a standard bank card, or enter a known length under the custom calibration option.
- Choose metric, inches, or both.
- Line up the object's starting edge with the zero mark.
- Move the measurement marker to the object's other edge and read the value in millimetres, centimetres and inches.
Things worth knowing
- Before calibration the scale is only an approximation based on a conventional 96 pixels per inch.
- Changing browser zoom, operating system display scaling, or moving the window to a different monitor can invalidate a calibration and call for recalibrating.
- Accuracy still depends on how carefully you calibrate and how precisely you align the object's edges with the zero mark and the marker.
- Avoid pressing sharp, heavy or hot objects against your screen while measuring.
Frequently asked questions
Why does an online ruler need calibration?
Screens differ in pixel density, and operating systems and browsers apply their own scaling on top of that. A ruler that simply assumes 96 pixels per inch will be reasonably close on some setups and clearly wrong on others. Calibrating against an object of known size measures your actual screen and browser combination instead of assuming it.
How accurate is the ruler?
After calibration it is accurate enough for everyday use such as checking whether an item will fit somewhere or comparing it against a size chart, but it is still a screen, not a caliper. The final reading depends on how carefully you matched the calibration reference, how precisely you line up the object's edges, and the flatness of your screen and its bezel. Do not treat it as lab equipment.
What happens if I change browser zoom?
Zooming changes how many CSS pixels cover a physical inch, which is exactly what calibration measured, so the stored scale is no longer reliable at a different zoom level. Recalibrate after changing zoom, moving the window to a different monitor, or changing your operating system's display scaling.
Can I use it on a phone or tablet?
Yes. The layout, the calibration controls and the measurement marker all work with touch, and the marker also responds to keyboard input when it has focus. On a small screen the ruler may run longer than the visible width, in which case you can scroll to see the rest of it, the same as a paper ruler longer than your hand.
Does WebzTools receive my measurements?
No. The ruler runs entirely in your browser. Calibration is saved only in your browser's local storage so it persists between visits on that device, and it is never sent anywhere.