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.
Reviewed September 6, 2026
The short version
Set browser zoom to 100%, open Calibrate, choose a reference that fits your screen, and move the PPI control until the blue outline matches the real object. Press Done, then check the result once with the same object.
Before 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. A blue reference shape and a PPI adjustment will appear. PPI is only the number the tool uses to turn page pixels into an estimated physical length.
- 2
Choose something you actually have
A standard ID-1 bank or ID card is usually easiest because it is 85.60 mm wide. Use it without a sleeve and cover any private information if the card is visible to someone nearby. The site does not need a photo or camera access.
- 3
Place the object against the outline
Hold the object flat and gently against the screen. Line up one edge first. You only need to compare the outside size; 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. Measure the reference again or compare a second object with a known size. If it is clearly off, confirm the zoom and repeat. The setting is saved in this browser, not to an online account.
Which reference should you use?
Use the smallest reliable object that fits comfortably on the screen.
Card: best for most people
Choose Card for an ID-1 bank card, identity card, or similar standard card measuring 85.60 Ă— 53.98 mm. 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
Choose Card or a shorter Custom reference. A4 and Letter are meant for screens wide enough to show their full 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?
Start with a bare bank card and 100% browser zoom. If the result is not right, come back to the troubleshooting section instead of guessing a device PPI.