Practical guide
How to calibrate an online screen ruler
Calibration sounds technical, but the job is simple: show a shape on the screen, place a real object against it, and adjust the shape until both are the same size. This guide walks through it without assuming you know anything about PPI.
Updated October 1, 2026
The short version
Choose your screen orientation and keep normal browser zoom. Open Calibrate, choose a verified reference whose full outline fits, and adjust PPI to match the real object. Press Done, then check a second known length before measuring.
Open the rulerOn a phone, check that the full reference fits
A clipped outline cannot be aligned reliably. Rotate before calibrating, or choose Custom with a shorter length you have verified. Do not lower PPI just to squeeze a reference onto the screen; adjust it only to match the real object.
Screenshots illustrate the controls. They are not actual-size references, and the pictured PPI value is not a recommended setting for your phone.
After saving, check another known length. For example, compare the 1 cm interval with a verified 10 mm segment. After rotation or zoom changes, check again and recalibrate if it no longer matches.
Follow the complete phone measuring workflowBefore you start
Three small checks prevent most bad calibrations:
- Use the same screen for calibration and measuring. If the browser window is on an external monitor, place the reference on that monitor.
- Set page zoom to 100%. On desktop, the browser menu shows the current zoom; Ctrl+0 or Command+0 usually resets it.
- Remove thick card sleeves or phone cases that stop the reference from sitting close to the screen. Never press a hard object into the display.
Calibrate it in five steps
- 1
Open the calibration window
Press Calibrate in the top controls. On a phone, swipe the controls sideways if needed. A blue reference shape and a PPI adjustment appear. PPI is the value used to convert page pixels into an estimated physical length.
- 2
Choose something you actually have
Choose a verified reference that fits completely. The Card preset expects an ID-1 card with an 85.60 mm long edge. If it does not fit, rotate before calibrating or choose Custom and enter a shorter known length. Use the object without a sleeve; no photo or camera access is needed.
- 3
Place the object against the outline
Hold the object flat and gently against the screen. Both ends of the outline must be visible. Align one edge first, then compare the other. The picture, text, and chip on a card do not matter.
- 4
Adjust until the edges meet
Move the slider, use the minus and plus buttons, or type a PPI value. Make small changes near the end. Stop when the left and right edges of the real object line up with the blue shape.
- 5
Save and do one quick check
Press Done. Check a second known length, such as a verified 10 mm segment against the 1 cm interval. If it does not match, check the reference and zoom, then repeat calibration. The setting is saved in this browser, not to an online account.
Which reference should you use?
Choose a reliable reference whose full length fits comfortably on the screen. A longer reference makes alignment errors easier to notice, but a shorter verified length is better than a clipped outline.
Card: best for most people
Choose Card for a verified ID-1 bank or identity card measuring 85.60 Ă— 53.98 mm. Check that the entire outline fits; even a card may be too wide in phone portrait mode. Do not assume every membership or gift card uses that size.
Paper: useful on a large screen
A4 uses the 210 mm short edge. US Letter uses the 215.9 mm width. These outlines may be wider than a phone or small laptop screen, so a card is usually easier there.
Custom: when you know the length
Use Custom for a physical ruler segment, a printed test line, or another object whose length you trust. Enter that length in mm, cm, or inches before matching it.
What the PPI number is doing
The page measures in CSS pixels. The calibration value tells the tool how many of those page pixels should represent one inch on your current setup. It is an effective value for this browser and screen—not necessarily the hardware PPI printed in the device specifications.
cm = CSS px Ă· effective PPI Ă— 2.54
Example: if a line is 192 CSS pixels long and your effective value is 96 PPI, the estimate is 192 Ă· 96 = 2 inches, or 5.08 cm.
If it still looks wrong
The blue shape is wider than the screen
If the full-reference warning appears, rotate to landscape or choose a shorter verified Custom length. Do not lower PPI just to fit the outline. A4 and Letter need enough room to show the entire edge.
It matched before, but not now
Check whether browser zoom, display scaling, resolution, orientation, or the monitor changed. Any of those can make the saved calibration stale.
The setting disappeared
Private browsing, clearing site data, blocking local storage, or using a different browser profile can remove it. Calibrate again in the browser you plan to use.
Different browsers give different results
Calibrate separately in each browser. They can render page pixels differently, especially when zoom and system scaling are involved.
Know when an estimate is not enough
Use a physical, calibrated measuring tool for cutting, machining, medical sizing, construction, jewelry, legal evidence, or any job where a small error could cost money or cause harm. A screen ruler is for convenient checks, not certification.
You do not need to upload the object
Calibration happens by visual comparison on your screen. The tool does not ask for a card photo, camera permission, or measurement upload. Calibration settings stay in your browser; normal site analytics and advertising services are explained in the Privacy Policy.
Ready to try it?
Choose a verified reference that fits, keep normal browser zoom, and open the ruler. If the result is not right, use the troubleshooting steps instead of guessing a device PPI.