Online Ruler
Measure real-world distances on your screen with a calibrated online ruler supporting inches, centimeters, and millimeters.
Updated
What is the Online Ruler?
Need to measure something but don’t have a ruler at hand?
This Online Ruler turns your screen into a precise measuring tool in just a few seconds.
Calibrate it with a credit card, a dollar bill, an A4 sheet, or any object of known size — then instantly measure lengths directly on your screen in millimeters, centimeters, or inches.
No downloads, no installation, and 100 % free. Perfect for quick DIY tasks, online shopping, design work, or checking small items when a physical ruler isn’t around.
How it works
- Choose your calibration object – Pick a credit card, US dollar bill, A4 paper, or enter a custom width in millimeters.
- Match the reference bar – Adjust the pixel slider until the on‑screen bar exactly matches the real‑world width of your object. This sets the pixel‑per‑millimetre ratio.
- Measure anything – Once calibrated, a dynamic ruler appears and you can click & drag on the canvas to draw a measurement line. The tool instantly shows the distance in your selected unit (mm, cm, or inches).
- Copy or clear – Copy the measurement with one click, or clear the line to start a new reading.
The tool uses pure client‑side calculation — your screen’s pixel density is automatically accounted for, and no data ever leaves your browser.
Examples
Measure a credit card
Use the built‑in credit card calibration to quickly set up the ruler and measure small objects.
Measure a custom object
If you have an item with a known width (e.g. a 30 mm coin), switch to Custom mode and enter its exact size.
Frequently asked questions
How do I read a ruler online?
How do I read a ruler online?
Reading an online ruler works exactly like a physical one once calibrated. The tick marks show centimetres (major) and millimetres (minor) when using metric units. Switch to inches if you prefer an imperial scale. Simply drag to measure — the digital ruler does the math for you.
How to use an online ruler in cm?
How to use an online ruler in cm?
Select “Centimeters” from the unit dropdown. Calibrate the ruler with a known object (e.g. a credit card = 8.56 cm) so the software knows your screen’s pixel density. After calibration, all measurements are displayed in cm.
How to use an online ruler in inches?
How to use an online ruler in inches?
Choose “Inches” as your display unit. The same calibration process applies — once your screen is calibrated, the ruler and measurement lines will show inches. You can also use an object with a known inch size during calibration.
How accurate is this online ruler?
How accurate is this online ruler?
Accuracy depends on correct calibration. When you precisely match the reference bar to the real‑world object, the tool’s measurements are highly accurate (typically ±0.5 mm). Always recalibrate if you change screens or zoom levels.
Can I measure curved or diagonal lines?
Can I measure curved or diagonal lines?
The measurement tool measures the straight‑line distance between the start and end point of your drag (Euclidean distance). For curved lengths, you would need to break them into straight segments and sum the measurements manually.
Why do I need to calibrate?
Why do I need to calibrate?
Every screen has a different pixel density (PPI). Calibration tells the tool exactly how many pixels represent one millimetre on your specific display, so the measurements translate correctly to real‑world lengths.
What if I don’t have a calibration object?
What if I don’t have a calibration object?
Pick a standard object you know the exact width of. Common examples:
- Credit card / ID card (85.6 mm)
- US Dollar bill (156 mm)
- A4 paper (210 mm) Alternatively, measure your object once with a real ruler and enter its width under “Custom”.
Related tools
More utilities you might find handy.
.env File Generator
Quickly generate clean, properly-quoted .env files from key-value pairs — no more quoting errors or broken deployments.
.htaccess Redirect Builder
Generate error-free Apache .htaccess code for 301 redirects, HTTPS enforcement, and canonical URL routing.
Absolute Difference Calculator
Calculate the absolute difference between two numbers with percentage comparisons and midpoint analysis.