20 Questions About Online Rulers Answered

Online rulers come up in some surprising contexts — measuring a ring at midnight, sizing a phone case before a Black Friday order, checking whether a print preview will actually fit on A4. People email and post the same questions about them again and again. This article collects the twenty most common ones and answers each with enough detail that you can act on it. The answers come from running Screen Ruler for two years and watching where users hit confusion.

How accurate is an online ruler compared to a physical ruler?

After calibration, an online ruler is accurate to within roughly 0.5 mm per centimeter measured. A typical plastic school ruler has manufacturing tolerance of about 0.3 mm. So a calibrated screen ruler is comparable to a cheap physical ruler, slightly worse than a precision steel ruler, and far better than measuring with your fingers or guessing.

Without calibration, accuracy is a coin flip. A ruler that draws "1 cm" without knowing your screen's pixel density is essentially guessing — it might be right on a popular device because Apple's specs are well known, or off by 30% on a no-name laptop. The single biggest predictor of accuracy is whether you took 30 seconds to calibrate.

Why would I use a screen ruler when I have a physical one?

Three reasons people give us:

1. The physical ruler is in another room. You are at your desk, you need a quick measurement of something on screen or held to the screen, and walking to the kitchen drawer is annoying.
2. You are measuring something already on the screen. A photo of a wound to send a doctor, a screenshot of a UI mockup, the size of a watch face in a product page. Holding a physical ruler to a screen and reading off the markings while keeping it level is harder than it sounds.
3. You need to share the measurement. A screen ruler can be a tab you screenshot and send. A physical ruler has to be photographed in good light at the right angle.

For most people the answer is "I have one but I lost it" or "I am not at home." The screen ruler is the convenient option, not the better option.

Does it work on my phone?

Yes, on every modern smartphone. Mobile browsers support all the calibration methods (credit card, coin, A4 corner) and the touch interface for resizing the calibration object is more natural than a mouse drag. The accuracy on a phone is usually slightly better than on a desktop because phones have higher pixel density, so each millimeter is rendered with more pixels.

The one caveat: if your phone has an unusual aspect ratio or you have the browser at a non-default zoom, recalibrate. Phones do not change device pixel ratio between sessions but browsers do.

What is calibration and why do I have to do it every time?

Calibration teaches the ruler your screen's pixel-per-millimeter ratio. The browser tells the ruler how many pixels it has, but not how big a pixel is in physical space — that depends on your monitor. On a 4K 27-inch monitor a pixel is about 0.155 mm wide; on an iPhone 15 Pro it is about 0.055 mm. Same code, very different physical size.

You do not have to calibrate every time. Screen Ruler stores your calibration in localStorage for 30 days and remembers your device. Calibrate once per browser per device and you are set until the storage clears.

Which calibration object is most accurate?

A credit card is the most reliable single object because it is internationally standardized at 85.6 mm × 54.0 mm (ISO/IEC 7810 ID-1). Every Visa, Mastercard, American Express, and Discover card is the same size. Most driver's licenses match it. Manufacturing tolerance is typically ±0.1 mm.

Coins are next-best but vary by country (we list dimensions for US, EU, UK, India, Indonesia, Turkey). An A4 paper corner is a fallback when no card or coin is available — paper has slightly more variance but is good enough for most uses.

Ranking by accuracy: credit card > standard coin > A4 corner > "estimate by sight" (don't).

Does devicePixelRatio affect calibration?

Yes, and the ruler accounts for it automatically. devicePixelRatio is the ratio of physical pixels to CSS pixels — on a Retina screen it is 2 or 3, on a standard monitor it is 1. The ruler reads this value via JavaScript and adjusts so that the displayed dimensions match the physical screen even when the browser is rendering at a higher logical resolution.

You only need to recalibrate if you change devicePixelRatio mid-session, which essentially means changing your browser zoom or moving the window between two monitors with different DPI.

I changed browser zoom — do I need to recalibrate?

Yes. Browser zoom changes the effective pixel-per-millimeter ratio because the browser is now rendering more or fewer logical pixels in the same physical space. Even a 90% or 110% zoom will throw measurements off by 10%.

The cleanest workflow: pick a zoom level you will keep, calibrate at that zoom, do not change. If you frequently zoom in and out, calibrate at 100% and accept that measurements are only accurate when you return to 100%.

Will the ruler give me imperial (inches) units?

Yes. The unit toggle in the controls switches between cm, mm, and inches without re-calibration. Internally the ruler stores pixels-per-millimeter and converts on display. Imperial users typically work in inches and fractional inches; the ruler shows both decimal inches (3.75) and the gridded mark structure familiar to US woodworkers and tailors.

If you need a unit not listed (picas, points, pixels), measure in the closest available unit and convert externally — adding more units to the toggle would clutter the UI.

Can I measure something larger than my screen?

Indirectly, yes. Use the screen ruler to measure a known sub-segment, then use that as a reference to measure the larger object physically. Example: you want to measure a desk drawer (60 cm wide). The drawer is too big for any screen. Calibrate the ruler, lay your phone on the drawer aligned with one edge, mark where the screen ends with a pencil, slide the phone, and measure again. Two screen-widths gives you most of the answer with a small alignment error.

For repeatable measurements of larger objects, a tape measure is the right tool. The screen ruler is for objects that fit on the screen.

Does the ruler work in dark mode?

Yes. Screen Ruler respects the system color scheme via prefers-color-scheme and offers a manual theme toggle. Dark mode renders the ruler with light markings on a dark background, which many users find easier on the eyes for extended use. Calibration accuracy is identical between modes.

Can I print the on-screen ruler?

The on-screen ruler is for screen use; for paper rulers see Printable Ruler. It produces a PDF designed for letter or A4 paper that prints at exact 1:1 scale (with a calibration verification rectangle so you can confirm your printer did not auto-scale).

A common confusion: printing a screenshot of the on-screen ruler will not produce an accurate paper ruler. The screenshot's dimensions on paper depend on your print settings and paper size, not on the calibration data.

What if my device is not in your database?

The ruler will fall back to detecting based on the user agent and devicePixelRatio. Accuracy without an exact device match is reduced to about ±2 mm per 10 cm — enough to be useful for rough measurements but not precision work. Calibrating with a credit card removes this gap entirely.

If you have a less common device (some Android tablets, niche manufacturer phones), calibration is mandatory rather than optional.

Is my data sent anywhere?

No. Calibration data is stored in your browser's localStorage and never sent to any server. The ruler runs entirely in your browser — no backend, no analytics on your measurements, no telemetry on what you measured. Clearing your browser data clears the calibration.

The only network traffic is the initial page load and any third-party assets (analytics for site traffic, fonts). Your measurements are not part of that.

Why does the ruler look different on my friend's phone?

Two reasons. First, devicePixelRatio differs across phones — your friend's screen may render the same number of CSS pixels at a different physical size. Second, calibration is per-device, so your calibration on your phone does not transfer to theirs. They need to calibrate on their device for accurate measurements.

The visual layout (color, font size, button placement) should be near-identical because the page is responsive. If layout differs significantly, one of you has an outdated cached version.

How do I measure an angle, not a length?

Use Online Protractor. Rulers measure straight-line distances in length units; protractors measure rotational distances in degrees. The two tools complement each other and are linked in the navigation. For geometry homework you typically need both.

Can two people measure the same object and get different results?

Yes, and it is a useful diagnostic. If two people get different results from the same screen ruler on the same physical object, one of them has either: (1) skipped calibration, (2) browser zoom different from calibration zoom, (3) different device pixel ratio (Retina vs non-Retina), or (4) misaligned the calibration object. Recalibrate side by side and the results will match within 0.5 mm.

Why does the slider make tiny adjustments only?

The calibration slider is intentionally fine-grained. A 1-pixel difference in calibration translates to roughly a 1% error over a 100 mm measurement. To get accuracy below 0.5 mm you need pixel-precise alignment between the calibration object and the on-screen rectangle. The slider gives you that precision; large jumps would defeat the purpose.

If you want coarse adjustments, drag the calibration rectangle with the mouse first to get into the right ballpark, then use the slider for fine-tuning.

Does the ruler work offline?

After the first page load, yes — the ruler is a static page that runs in your browser with no server calls during use. If you are on a flaky connection, load the page once and you can keep using it without any further network activity. Calibration is local to your browser.

For genuinely offline use (no initial network), bookmark the page and visit it once when online; the browser will cache it for subsequent offline sessions.

What is the difference between this and a "screen ruler" Chrome extension?

Browser extensions inject a ruler overlay across any web page, useful for designers measuring elements within a page. Screen Ruler is a standalone web page with calibrated physical units, useful for measuring real-world objects held to the screen. Different problems, different tools. Some users have both.

The advantage of the standalone page: no install, works on any browser including mobile, no permissions to grant. The advantage of an extension: measurement without leaving your current page, often integrates with developer tools.

Where do I report a bug or suggest a feature?

The site has a contact link in the footer. Common requests get prioritized — the most-requested additions over the past year were imperial-unit defaults for US users, the printable PDF version, and the dark mode toggle, all of which shipped. If something is wrong with a specific device's auto-detection, sending us your device model and screen size helps us update the database.

---

That covers the questions we get most often. If you came here for a specific answer, we hope you found it. If you have a question that should be on this list, the contact link is in the footer.

Ready to use the ruler? Open Screen Ruler and run through the credit card calibration — it takes about 30 seconds and changes the accuracy from "rough guess" to "good enough for almost everything."