Set browser zoom to 100%
Use the browser default zoom before calibrating. Browser zoom changes CSS pixel size, so a saved calibration should be used at the same zoom level.
Actual-size measurement guide
How to calibrate a screen ruler for actual size
An online ruler becomes dependable after its screen scale matches your physical display. Use a known object, keep the zoom fixed, and save the calibration on the screen you will measure with.
Best calibration methods
Choose a dependable reference
A standard credit card is the easiest reference because its ISO ID-1 width is 85.60 mm. Larger objects such as Letter or A4 paper can also work when they fit on screen.
Save the scale on the same display
Calibrate on the monitor, laptop screen, tablet, or phone you plan to measure with. Recalibrate after moving the browser to a different screen.
Verify with a second known length
Before relying on a measurement, compare the calibrated ruler with a second flat reference of a published size. If it does not match, check browser zoom and calibrate again.
Reference object sizes
Use flat, undamaged objects with published dimensions. The longer the reference span, the easier it is to spot small scale errors.
| Object | Actual size | When to use it |
|---|---|---|
| Credit card / ID-1 card | 85.60 mm x 53.98 mm | Best all-purpose reference for actual-size calibration. |
| US Letter paper | 8.5 in x 11 in | Useful for larger desktop monitors when a full sheet fits on screen. |
| A4 paper | 210 mm x 297 mm | Useful outside the US and for checking a longer metric span. |
| US dollar bill | 6.14 in x 2.61 in | Handy when a card is unavailable, but verify the bill is not folded or worn. |
Fix common accuracy problems
Measurements changed after zooming: reset browser zoom to 100% and calibrate again.
Measurements are correct on one display but wrong on another: each display needs its own calibration.
Phone measurements are cramped: rotate the phone to landscape and recalibrate in that orientation.
Screen diagonal math is close but not exact: use credit card calibration to account for browser and display scaling.
Calibration FAQ
How do I calibrate a screen ruler?+
Set browser zoom to 100%, place a standard credit card (85.60 mm wide) against the on-screen guide, adjust the slider until both match, then save. You can also enter your screen diagonal in inches or use auto-detect for a quick estimate.
What objects can I use to calibrate an online ruler?+
A standard credit or debit card (85.60 mm x 53.98 mm) is the most common reference. You can also use US Letter paper (8.5 x 11 in), A4 paper (210 x 297 mm), or a US dollar bill (6.14 x 2.61 in).
Do I need to recalibrate after changing screens?+
Yes. Each display has a different pixel density, so a calibration saved on one screen will be inaccurate on another. Recalibrate whenever you switch monitors, move from a laptop to an external display, or change OS display scaling.
Why does browser zoom break ruler calibration?+
Browser zoom scales CSS pixels, changing how many physical millimeters each pixel represents. A ruler calibrated at 100% zoom becomes inaccurate at 110% or 90%. Always calibrate and measure at the same zoom level.
How long does calibration take?+
Credit card calibration takes about 30 seconds. Screen diagonal entry is even faster if you know your display size. The result is saved in your browser so you only need to do it once per device.
Related ruler tools
Actual-size online ruler
Open the ruler and measure in centimeters, millimeters, or inches.
All measurement guides
Find every ruler guide, calculator, and conversion tool.
Screen PPI calculator
Calculate pixels per inch and pixels per millimeter from your screen size.
How to read a ruler
Read inch fractions, centimeters, and millimeters before measuring.
Ruler measurement converter
Convert ruler readings between inches, centimeters, and millimeters.