About the Online Ruler
What is the Online Ruler?
It's a ruler that lives on your screen, drawn at real size so you can measure small things (a screw, a key, a bead, a coin, a slot in a phone tray) whenever the actual ruler is somewhere you aren't. Hold the object against the screen and read off the length, in centimeters, millimeters, or inches. You can lay it flat across the screen or stand it up vertically for taller items.
The honest catch with any on-screen ruler is that every display packs a different number of pixels into an inch, so the same line of pixels is physically bigger on a desktop monitor than on a phone. We handle that with a quick calibration. Hold something of a known size against the screen and drag until the two match, and from then on the ruler is true to size. You can use a bank or ID card, which the ISO/IEC 7810 standard fixes at 85.6 mm wide, a coin, a sheet of paper, or your screen's diagonal size if nothing is handy. Your calibration is remembered in your browser, and everything runs locally, so nothing about your device is sent anywhere.
How to Use This Tool
- Calibrate first (worth it). Click Calibrate, hold a credit or ID card flat on the screen, and drag the slider until the dark box is exactly the card's width. Save it once and it sticks.
- Pick your unit and orientation. Switch between centimeters and inches, and flip the ruler to vertical for longer or upright objects.
- Measure a span. Click and drag along the ruler to mark the two ends of your object, and the exact length shows above the ruler. A plain hover shows the distance from the edge.
- Go full screen. Hit Full screen for the largest possible ruler, then press the button again or
Esc to exit. Double-click or hit Clear to remove a measurement.
Common Use Cases
A screen ruler is the thing you didn't know you'd reach for until you need it:
- Sizing small hardware: Measure a screw, bolt, washer, or SIM tray when the tape measure is in another room.
- Crafts and jewelry: Check bead, ribbon, or charm sizes against a true-scale guide.
- Quick design checks: See roughly how big a printed element or sticker will be at real size before sending it off.
- Shopping and fit: Confirm whether a small part, cable, or accessory matches the dimensions in a listing.
- School and home: A stand-in ruler for homework or a quick measurement when you can't find a physical one.
Frequently Asked Questions
Why does the ruler look wrong before I calibrate?
Browsers don't tell a web page the true physical size of your screen, only its pixel resolution, so the ruler starts from a common assumption of about 96 pixels per inch. That's close on many laptops but off on phones and high-density displays. One quick calibration with a card, coin, sheet of paper or your screen size corrects it, and we remember the setting for next time.
How does the card calibration work?
Every credit, debit, and ID card follows the ISO/IEC 7810 ID-1 standard, which makes them 85.6 mm (about 3.37 inches) wide. Matching the on-screen shape to a real card tells the ruler how many pixels equal one inch on your display, and you can use a coin, a sheet of paper or your screen size instead.
How do I measure the length of an object?
Click and drag along the ruler from one end of the object to the other. The shaded band marks your span and the exact length appears above the ruler. If you just want the distance from the start of the ruler, hover without clicking and read the live value at the pointer.
Is it safe to rest things on my screen?
For most modern screens, gently resting a card or a smooth object is fine, phone glass in particular is tough. Take care with anything metal, sharp, or gritty that could scratch the surface, and never press hard. Rest the object lightly rather than pushing it into the display.
Does it work on a phone or tablet?
Yes. Touch works just like the mouse, drag a finger along the ruler to measure a span. On a phone, switching to the vertical orientation usually gives you the most measuring length to work with.
Is my data private?
Completely. The ruler runs entirely in your browser, your calibration is stored only on your own device, and nothing is uploaded or logged. It keeps working offline once the page has loaded.