IN

Inch Ruler Online β€” Actual-Size Ruler in Inches and Centimeters

0.00"
Auto-detected | Click βš™οΈ to calibrate

How to use this full-screen online ruler

Last reviewed on 2026-08-28.

InchRuler.com is a free virtual ruler that runs entirely in your browser. Pick your device from the dropdown at the top for a quick calibration, or open the βš™οΈ dialog to fine-tune the ruler against a standard credit card. Once calibrated, you can drag the red line across the ruler to read off measurements in inches or centimeters.

Quick start

  1. Select your device model from the dropdown (for example, "MacBook Air 13.3").
  2. Place the object you want to measure flat against your screen.
  3. Drag the red line to the edge of the object, or click anywhere along the ruler.
  4. Toggle IN/CM to switch between inches and centimeters.

Why calibrate at all?

Web browsers measure things in CSS pixels, and a CSS pixel is not a fixed physical size. The actual on-screen width of "one pixel" depends on your display's pixel density (PPI), on operating-system display scaling, and on the browser's zoom level. Without calibration, a ruler drawn at "96 pixels per inch" will usually be off by several millimeters on a typical laptop or phone. Calibration tells the ruler how many CSS pixels correspond to one real inch on your screen, so the tick marks line up with real-world distances.

Two ways to calibrate

Screen-diagonal method

If you know your display's diagonal size β€” most laptops, monitors, tablets, and phones have a well-known diagonal in inches β€” the ruler can combine that with the reported resolution to estimate the display's PPI. It's fast and usually accurate to within a millimeter or two.

Credit-card method

Standard ID-1 bank cards (credit cards, debit cards, most national ID cards) are manufactured to ISO/IEC 7810 and measure 85.60 mm Γ— 53.98 mm. Because every card is the same physical width, holding one against the on-screen reference and dragging the slider until the widths match gives the most reliable calibration, independent of what model or scaling your device is using.

Why this ruler is different

MacBook PPI reference

MacBook Air and Pro users can jump straight to a precise PPI by selecting the exact model from the dropdown:

A ruler with inches and cm on the same screen

This is a combined inch and cm ruler: the scale is drawn in whichever unit is selected, and the IN/CM switch redraws it instantly in the other unit without losing your calibration. Because 1 inch is exactly 2.54 cm, a mark that reads 2 inches will read 5.08 cm after the switch β€” handy when a pattern, part drawing, or product listing gives one unit and your tape measure gives the other. If you want to see where a specific value such as 3.54 inches or 24 cm falls, drag the red line to it, then toggle the unit to read the equivalent.

12-inch ruler on a laptop or computer screen

On most 13" to 16" laptops the viewport is wide enough to show a full 12-inch (one foot) ruler once the display is calibrated; on a phone you will usually see 2–3 inches at a time, and on a 24"–32" monitor well over a foot. The ruler always draws as many inches as physically fit at the current calibration rather than squeezing a fixed 12 inches into the window, because a "12-inch ruler" that has been shrunk to fit would no longer be actual size. For the finer divisions β€” where 3.54 or 12.362 inches lands between the tick marks β€” see how to read inches on a ruler.

Common conversions

A full inch-to-centimeter reference table is available on the inch ↔ centimeter page.

When an on-screen ruler is enough β€” and when it isn't

An on-screen ruler is useful for everyday tasks: checking the width of a bolt or bead, measuring the dimensions of a photograph, comparing screen-print sizes, or giving a child a ruler for homework when the physical one has gone missing. It is not a replacement for a certified instrument. For engineering tolerances, medical or legal work, safety-critical dimensions, or anything where a fraction of a millimeter matters, use a calibrated physical tool. See the measurement accuracy page for a fuller discussion of where on-screen rulers do and don't belong.

Keeping calibration stable

Once you calibrate on a given device, the ruler stores the value in your browser's local storage and re-uses it on future visits. Re-calibrate if you change browser zoom, change operating-system display scaling, or move to a different screen. Installing the site as a PWA keeps the calibration tied to the installed app.

More guides