Best Online Ruler Tools: Deep Test on 3 Devices (2026)
Looking for a quick recommendation? See our shorter 5 online ruler alternatives guide — it covers when to use each tool in about 400 words. This article is the full methodology and data.
There are dozens of online ruler tools and they all look the same — a horizontal or vertical ruler graphic, centimeter and inch markings, a clean web page. Looking the same is not the same as measuring the same. On a Retina laptop the gap between a good ruler and a bad one can be 60 percentage points of error.
This is the full test: six popular online rulers, three device types, one reference object. The short version is in the alternatives article. What follows is how we got there.
How We Tested
Devices used:
- 24-inch 1080p desktop monitor (Dell P2419H, 92 PPI)
- 13-inch MacBook Air M2 (227 PPI, Retina display)
- iPhone 15 (460 PPI)
Reference object: A standard ISO 7810 credit card, which measures exactly 85.6 mm wide.
Method: On each device, we opened each ruler tool, placed the credit card flat against the screen, and compared the card's physical width against the tool's on-screen measurement markings. We recorded the percentage difference.
What counts as "accurate": Within ±2% of the true measurement (±1.7 mm on a credit card) after any available calibration.
Results
| Tool | Calibration Method | Desktop (92 PPI) | MacBook (227 PPI) | iPhone (460 PPI) | Mobile Support |
|---|---|---|---|---|---|
| iRuler.net | Manual DPI input | ±2% (if correct DPI entered) | ±2% (if correct DPI entered) | No mobile version | No |
| PiliApp Actual Size Ruler | Manual monitor size selection | ±3% | ±5% | ±8% | Partial |
| Ruler.onl | None (fixed 96 PPI) | -4% | +58% | +380% | Yes (inaccurate) |
| CodeShack Online Ruler | None (fixed 96 PPI) | -3% | +61% | +372% | Yes (inaccurate) |
| GiniFab Online Ruler | Auto-detect (claims) | -8% | +42% | +210% | Yes (inaccurate) |
| Screen Ruler Online | Credit card / coin / A4 calibration + device auto-detect | <1% | <1% | <1% | Yes |
Key Findings
Tools without calibration are only accurate on one type of screen. Ruler.onl and CodeShack both assume 96 PPI — the CSS standard. This happens to be close to a typical 24-inch 1080p monitor (92 PPI), so they're roughly correct there. On any other device, they're wildly off.
Manual DPI input works but is impractical. iRuler requires you to know your screen's DPI and type it in manually. Most people don't know their screen's DPI, and finding it requires looking up your device specs and doing math. It also doesn't have a mobile version at all.
Monitor size selection is better but still imprecise. PiliApp asks you to select your monitor size from a dropdown (13", 15", 24", etc.). This gets closer but doesn't account for display scaling, browser zoom, or the exact panel dimensions within different laptop models of the same screen size.
Auto-detect claims don't deliver. GiniFab claims automatic detection but still showed 42% error on a MacBook and 210% on an iPhone. Their detection method appears to rely on screen.width and devicePixelRatio without properly handling Retina displays.
Feature Comparison
| Feature | iRuler | PiliApp | Ruler.onl | CodeShack | GiniFab | Screen Ruler Online |
|---|---|---|---|---|---|---|
| Horizontal ruler | Yes | Yes | Yes | Yes | Yes | Yes |
| Vertical ruler | No | No | No | No | No | Yes |
| Unit switching (cm/mm/in) | Yes | Yes | Yes | Yes | Yes | Yes |
| Credit card calibration | No | No | No | No | No | Yes |
| Coin calibration | No | No | No | No | No | Yes (6 countries) |
| Device auto-detection | No | No | No | No | Claimed | Yes (50+ devices) |
| Dark mode | No | No | No | No | No | Yes |
| Mobile optimized | No | Partial | Yes | Yes | Yes | Yes |
| Languages | 1 | 2 | 1 | 1 | 1 | 20 |
| Calibration saved | No | No | N/A | N/A | No | Yes (30 days) |
Detailed Reviews
iRuler.net
The oldest online ruler still active. Simple horizontal ruler with centimeter and inch markings. Requires manual DPI input — you need to know your screen's exact DPI and type it in. No mobile version. The interface hasn't been updated in years. If you know your DPI, it works fine on desktop. Otherwise, it's guesswork.
PiliApp Actual Size Ruler
Offers a selection of monitor sizes to choose from, which is more user-friendly than raw DPI input. Also provides actual-size visualizations of credit cards and other objects. Accuracy is decent on desktop but degrades on mobile because the monitor size approach doesn't translate well to phones with varying display scaling.
Ruler.onl
Clean, minimal design. Supports both centimeter and inch views. But it has no calibration at all — it renders pixels at the CSS standard 96 PPI. Works reasonably on a standard desktop monitor. Completely useless on laptops and phones.
CodeShack Online Ruler
Similar to Ruler.onl in both appearance and accuracy (or lack thereof). Fixed 96 PPI assumption. Looks nice but can't be trusted for actual measurements on most devices.
GiniFab Online Ruler
Claims to detect screen size automatically but the detection is unreliable. Showed significant errors on both the MacBook and iPhone. The interface is functional but the accuracy claims don't hold up.
Screen Ruler Online
Full disclosure: this is our tool. It combines device auto-detection (matching 50+ devices by user agent) with physical calibration using credit cards, coins from six countries, or A4 paper. Vertical ruler design optimized for mobile. Supports 20 languages, dark mode, and saves calibration data for 30 days.
Which One Should You Use?
If you need accurate measurements on a phone or laptop: Screen Ruler Online is the only option that provides reliable calibration across all device types. The credit card calibration takes 10 seconds and works on any screen.
If you only use a desktop monitor and know your DPI: iRuler works fine once configured. But you'll need to reconfigure it for every different monitor.
If you just need a rough visual reference: Any of them will give you a ballpark on a desktop monitor. Don't trust the markings on phones or laptops though.
The Technical Reason Most Rulers Fail
Browser JavaScript has no reliable way to get a screen's physical PPI. The APIs that exist — screen.width, window.devicePixelRatio, CSS dppx — all report values in CSS pixels or pixel ratios, not physical dimensions.
Here is what that means in practice. A CSS pixel is defined by the W3C as a 1/96 inch unit at 28 inches viewing distance. Browsers render at this logical unit and rely on the operating system to scale to physical hardware. On a typical 24-inch 1080p monitor at ~92 PPI this is roughly correct. On a Retina MacBook at 227 PPI the OS applies a 2× device pixel ratio. On an iPhone 15 at 460 PPI the ratio is 3×. On a Samsung Galaxy S24 at 416 PPI the ratio is a non-integer 2.625×.
A ruler that assumes 1 CSS pixel = 1/96 inch — which is the spec — will be:
- Correct on a 96 PPI desktop monitor
- Off by a factor of ~2.4× on a Retina MacBook (227/96 ≈ 2.36)
- Off by a factor of ~4.8× on an iPhone 15 (460/96 ≈ 4.79)
This is why Ruler.onl shows +380% error on a phone. It is not a bug. It is the CSS pixel abstraction working as designed, applied to a problem it was never meant to solve. No browser API fixes this.
Calibration with a physical reference is the only known workaround. A credit card is exactly 85.6 mm wide, worldwide, by ISO 7810 standard. If the user drags a slider until the on-screen card outline matches the physical card on the screen, the tool now knows the ratio between CSS pixels and real millimeters on this specific device at this specific zoom level — and can render accurate measurements. That is the one step that separates tools under 1% error from tools over 300% error.
The Accuracy Problem Won't Fix Itself
The core issue — browsers reporting CSS pixels instead of physical dimensions — isn't going away. There's no upcoming web standard that exposes physical PPI to JavaScript. There is CSS Device Adaptation, but it is deprecated; window.matchMedia('(resolution: 150dpi)') returns the CSS-logical density, not the hardware density.
Until that changes, calibration with a physical reference object remains the only reliable approach. Tools that skip calibration will always be inaccurate on most devices. It's not a bug — it's a fundamental limitation they haven't addressed.
See Also
Related Articles
15 Questions About Aspect Ratio Calculator Answered
Common questions about aspect ratio calculators — how they work, when to use one, how to interpret outputs, and the edge cases that trip up first-time users.
Aspect Ratio Calculator for Professionals: Advanced Use Cases
How video editors, broadcast engineers, motion designers, and front-end developers use aspect ratio calculators in production workflows — beyond the 16:9 basics.
Using Aspect Ratio Calculator and Screen Ruler Together
A workflow guide for pairing the aspect ratio calculator with the on-screen ruler — matching physical print dimensions to display ratios, verifying device screen ratios, and bridging from pixels to physical inches.