Zellio.io

On-Screen Ruler

Measure anything in cm or inches with a calibrated screen ruler.

Runs locallyWorks offlineShare link carries settings, never your data
Send output toMetrics & Unit ConverterAngle Finder & ProtractorAge CalculatorBuild a workflow from thisOutput stays on this page until you send it.

Frequently asked questions

Why do I need to calibrate it?

Screens vary in pixel density, so the ruler aligns its scale to your display by comparing against an object of known size — most commonly a standard credit card. A 27-inch 4K monitor has vastly different pixel density than a smartphone, and the tool can't know your specific hardware without this reference. By measuring a known-size object (credit cards are exactly 85.6mm × 53.98mm), the ruler calculates how many pixels correspond to a real-world unit on your display. After this one-time calibration, all subsequent measurements match real-world dimensions accurately.

How accurate is the on-screen ruler?

After careful calibration it is accurate enough for everyday measurements, though it cannot replace a precision instrument for fine tolerances. Once calibrated against a reference object, the ruler is typically accurate to within a few percent for most practical use cases like measuring printed photos, checking design dimensions, or sizing small objects. For scientific work or engineering projects requiring millimeter precision or better, a physical ruler or calipers is still required. The on-screen ruler is ideal for quick estimates and general sizing without reaching for a physical tool.

Does it support both cm and inches?

Yes — switch between centimetres and inches at any time after calibrating. Once you've calibrated the ruler against a known-size object, you can instantly toggle between metric (centimeters, millimeters) and imperial (inches, feet) units. This flexibility makes it useful internationally or when working with documents and specifications that use different unit systems. The calibration remains valid even after switching units, so you can measure once and then display results in whichever unit system you prefer.

Pro tips

  • Calibrate with a bank card rather than a ruler; the card is a guaranteed size and you are more likely to have one to hand.
  • Re-calibrate after changing browser zoom or moving the window to a different monitor — both rescale the page and break the previous setting.
  • View the screen straight on. Sighting a measurement from an angle introduces parallax that is larger than the tool's own error.
  • Expect accuracy to about a millimetre. That suits checking a print size or a component, and does not suit a machining tolerance.
  • For anything thicker than paper, measure against the screen edge-on where you can, since a raised object sits above the glass and reads slightly long.

About On-Screen Ruler

Accuracy is bounded by the display itself — good to about a millimetre, which suits a print size or a component but not a machining tolerance. Browser zoom rescales the page, so any change to it invalidates the scale until you set it again.

Measure physical objects on your screen in centimetres or inches using a ruler you calibrate once against a known object, such as a credit card. After calibration the on-screen scale matches real-world size on your specific display.

It is handy when there is no physical ruler nearby — sizing a small item, checking a print dimension, or judging proportions in a design before committing to them.

A screen cannot know its own physical size, which is the entire reason calibration exists. The browser reports dimensions in CSS pixels, and how many of those fall inside a centimetre depends on the panel's pixel density and the operating system's scaling setting — so the same page is a different physical size on a phone, a laptop and an external monitor. Calibrating against an object of known size solves it for one display at one zoom level.

A bank card is the reliable calibration reference because it is standardised worldwide: ISO/IEC 7810 ID-1 specifies 85.60 by 53.98 millimetres, and the same standard governs most driving licences. Any card in your wallet is therefore a precision gauge. The calibration holds until the display or the browser zoom changes, and zoom is the one that catches people — a stray Ctrl and scroll silently invalidates the scale.

Common use cases

  • Checking the size of a small component, screw or connector when the toolbox is elsewhere.
  • Confirming a print or photo dimension before sending it to be produced.
  • Measuring a jewellery or watch strap size against a listing's stated dimensions.
  • Judging whether an item will fit a space when only its stated measurements are available.
  • Teaching measurement and scale without a physical ruler for every student.
How it comparesA physical ruler is more accurate and needs to be within reach. Phone apps that use the camera and depth sensors measure larger distances well and struggle below a few centimetres. This covers the small-object case on a device you are already using.