Online Student ToolsMeasurement & geometry tools
Online Ruler
Calibrate once against a real object, then measure on screen in centimeters, millimeters, or inches. Calibration is saved on your device.
Step 1: calibrate
Hold a standard credit or ID card (85.6 mm wide) up to the screen. Drag the slider until the rectangle below matches the card's width exactly.
Step 2: measure
Click and drag on the ruler to measure a distance.
How to use this online ruler
Calibrate first using the credit card or screen diagonal method above. Once calibrated, choose cm, mm, or inch mode, then click and drag along the ruler to measure a distance. The measured length is shown live as you drag, and you can lock a measurement in place to compare it against something else on screen without losing the reading.
Measuring in inches, centimeters, and millimeters
This is a free online ruler that works in all three common units. Switch between cm, mm, and inch mode at any time without recalibrating, since the underlying calibration (pixels per millimeter) is unit-independent and the display simply converts it. Horizontal and vertical orientation are both supported, useful depending on whether you're measuring something wide or tall on screen.
Why calibration matters for actual-size measurement
Browsers don't reliably report a screen's real pixel density. A "CSS inch," the unit browsers use internally, often doesn't match a real inch on your specific display, which means an online ruler that assumes a fixed pixel-to-inch ratio can be noticeably wrong. Calibrating against a known physical object, like a standard credit or ID card (85.6mm wide, an internationally standardized size), or against your screen's actual diagonal size in inches, corrects for your specific device so the marks on screen line up with reality.
Accuracy and limitations
After calibrating carefully, this tool is accurate enough for everyday use, typically within a millimeter or two, but it isn't lab-grade measurement equipment. Browser zoom level, operating system display scaling, and how precisely you matched the calibration object all affect the result. If you zoom your browser in or out after calibrating, recalibrate, since that changes the effective pixel size. This tool doesn't use a camera to measure real-world objects; it measures things displayed on your screen.
When to recalibrate
Recalibrate if you change devices, change your browser's zoom level, connect an external monitor, or notice the ruler doesn't match a known object anymore. Calibration is saved per device in your browser's local storage, so it won't automatically transfer between your phone and your laptop.
Why do I need to calibrate the ruler?
Browsers don't reliably report a screen's physical pixel density, so a 'CSS inch' is often not a real inch on your actual display. Calibrating against a known physical object, like a standard credit card, corrects for your specific screen so the ruler's marks match reality.
How accurate is this after calibrating?
Reasonably accurate for everyday use, typically within a millimeter or two, but not lab-grade. Browser zoom level, screen scaling settings, and how carefully you calibrated all affect the result. Don't rely on it for anything requiring precision measurement.
Does calibration reset every time I visit?
No. Your calibration is saved in your browser's local storage on this device, so it persists across visits unless you clear your browser data or reset it manually.
Related tools