Share this ruler
Share on X Share on WhatsApp Share on Facebook Share on Reddit Share on LinkedIn

Place a ruler on any edge.

Toggle rulers using the buttons below or in the left panel.

Top
Horizontal
Bottom
Horizontal
Left
Vertical
Right
Vertical
Not calibrated — using screen size estimate
ALIGN CARD

Calibrate Your Ruler.

Set the exact pixel density of your screen for accurate measurements.

Detecting…

Screen resolution

—

Calculated pixel density

—
Calibrated: — px/mm

Enter your monitor's diagonal size from the product label or manufacturer specs.

Place your card against the top-left of the screen, then drag the slider until the right edge of the preview matches your card's right edge.

Width: 323 px
Calibrated: 3.77 px/mm · 96.0 PPI
Unit Converter
⚠ Zoom ≠ 100% — measurements may be off. Press Ctrl+0 to reset.

Free Online Ruler — Measure in cm, Inches, mm & Pixels

An online ruler is a free browser-based measurement tool that works directly on your screen — no physical ruler, no app to download. Once calibrated to your display's pixel density, this virtual ruler shows measurements at actual physical size, letting you measure real-world objects in centimeters, millimeters, inches, points, or pixels.

How to Use This Ruler Online

Click any edge button — Top, Bottom, Left, or Right — to place a ruler along that edge of your screen. The ruler appears instantly at actual size. You can activate multiple rulers simultaneously: place a top and left ruler for an L-shaped measurement grid, or enable all four edges to create a full-screen workspace.

Move your cursor over the workspace to see your exact position displayed on the ruler in real time. The live cursor indicator tracks your measurement continuously so you can take readings without clicking.

Five Measurement Units: cm, mm, Inches, Points & Pixels

Switch between five units at any time using the unit selector in the nav bar:

A built-in unit converter (press C) converts between mm, cm, inches, and px in real time without interrupting your workflow.

Screen Calibration for Actual-Size Accuracy

For an online ruler to show accurate physical dimensions, it must know your screen's pixel density (PPI — pixels per inch). This screen ruler offers three calibration methods:

Your calibration is stored in your browser so it's ready the next time you return — no need to recalibrate on every visit.

More Than a Basic Digital Ruler

This free online measuring tool includes features typically found in professional design software:

Who Uses an Online Ruler?

Graphic designers and UI developers use a screen ruler to verify spacing and element dimensions in mockups. Web developers use pixel mode to check CSS layouts without leaving the browser. Students reach for it when a physical ruler isn't nearby. Tailors and hobbyists use it to measure pattern pieces or fabric on screen. Photographers check print crop dimensions before ordering. Architects verify drawing scales against real dimensions.

Any time you need a quick, accurate digital measuring tool without installing software, open this free online ruler in any desktop or laptop browser — no signup required, no cost.

Why We Built It

Most "online rulers" are images at a fixed pixel width — they're only accurate on one specific monitor at 100% zoom. We wanted something better: a ruler that knows your screen's actual PPI and renders at true physical scale on any device.

The result is a tool you can actually trust for real measurements, whether you're checking a design mock-up, verifying a print crop, or measuring something you photographed on screen.

Frequently Asked Questions

Do online rulers work?

Yes — online rulers work accurately when calibrated to your screen. A calibrated online ruler uses your display's pixel density (PPI) to render tick marks at their true physical scale. Without calibration it falls back to a browser-estimated PPI, which can be slightly off on high-DPI or non-standard displays. After calibrating with the Screen Diagonal or Credit Card method, an online ruler is accurate to within ±0.5 mm — comparable to a standard physical ruler.

What is the ruler for measuring online?

An online ruler is a browser-based measuring tool that renders a graduated scale — in centimeters, millimeters, or inches — directly on your screen at actual physical size. It works by calculating your screen's pixel density and mapping each unit of measurement to the correct number of pixels. Use it to measure objects placed against the screen, verify design dimensions, or check print crop sizes — no app download required.

How big is 1 cm in actual size?

One centimeter is exactly 10 millimeters and approximately 0.394 inches (or 28.35 typographic points). On screen, 1 cm occupies a number of pixels equal to your display's PPI ÷ 2.54. At 96 PPI, 1 cm is about 37.8 px; at 227 PPI (Retina), about 89.4 px. On a correctly calibrated online ruler, 1 cm renders at its true physical width regardless of your screen's native resolution or zoom level.

How do digital rulers work?

A digital ruler calculates your screen's pixel density (pixels per inch, or PPI) and converts measurement units into an exact pixel count. It then draws tick marks and labels at those pixel positions so the distance between each millimeter or inch mark matches the real physical distance on your screen. On this online ruler, PPI is set via auto-detect, screen diagonal input, or by aligning a credit card to a reference rectangle — each method producing a more precise calibration than relying on a browser default.

Which comes first, width or height?

Width comes before height by convention in most contexts — dimensions are written W × H (width by height). This applies to image sizes (e.g. 1920 × 1080), screen resolutions, paper sizes, and CSS properties. The exception is some engineering and architectural contexts that use H × W, and coordinate notation where (x, y) maps to (horizontal, vertical). When measuring a rectangle with an online ruler, measure the horizontal span first to get the width, then the vertical span to get the height.

What is the accuracy of a ruler?

A standard physical ruler is accurate to ±0.5 mm — the smallest graduation it typically carries. A vernier caliper improves this to ±0.1 mm or better. A properly calibrated online ruler achieves similar accuracy (typically ±0.5 mm) when the screen's PPI is entered precisely. The practical limit on a digital ruler is the pixel grid: at 96 PPI one pixel is about 0.265 mm, so sub-pixel accuracy is not achievable on lower-density displays, though high-DPI screens push this well below 0.2 mm per pixel.

How to perfectly use a ruler?

  1. Align the zero mark — not the physical edge of the ruler — with one end of the object.
  2. Keep the ruler flat and parallel to the dimension you are measuring.
  3. Read straight-on at eye level to avoid parallax error.
  4. Read to the nearest smallest graduation, estimating halfway between marks for more precision.

On this online ruler, drag a guide line from the ruler edge to lock an exact position and read the coordinate from the guide label for a pixel-precise measurement.

What are the 4 principles of accurate measurement?

  1. Zero calibration — ensure the instrument starts from a true zero reference.
  2. Correct alignment — position the measuring tool parallel to the dimension being measured.
  3. Parallax elimination — read the scale directly head-on to avoid angular reading errors.
  4. Repeatability — take multiple readings and average them to reduce random error.

Applied to an online ruler: calibrate your PPI, align the ruler edge flush with the object, read guide-line coordinates head-on, and confirm with a second measurement.

Is a ruler positive or negative?

A ruler measures positive (non-negative) lengths — distance has no inherent direction, so a ruler cannot produce a negative reading on its own. In mathematics, a number line is sometimes called a ruler and does include negative values to the left of zero. In photography, a "negative ruler" is an informal term for working backward from a known reference size to infer scale. In everyday measurement, ruler readings are always zero or positive.

What are the two types of rulers?

The two main categories are rigid rulers (fixed-length instruments such as a 12-inch ruler, a 30 cm ruler, or a meter stick) and flexible rulers (tape measures and flexible measuring tapes that follow curved surfaces). In the digital world, rulers split into screen rulers that measure pixel distances and calibrated physical-size rulers — like this online ruler — which render at true actual size on screen using your display's PPI.

What type of word is ruler?

"Ruler" is a noun. It has two distinct meanings: (1) a measuring instrument — a flat strip graduated with units of length, used to draw straight lines and measure distances; and (2) a person or entity that governs or holds authority (a head of state, for example). Both senses are countable nouns. On this site, ruler refers exclusively to the measurement instrument.

How does a ruler read?

To read a ruler, align its zero graduation mark with one edge of the object you are measuring. Find the graduation mark at the opposite edge and read the number — that is the object's length in the ruler's unit. For a more precise reading, estimate halfway between the smallest marks. On this online ruler, place guide lines at each edge of the object and subtract the two coordinates shown on the guides, or watch the live cursor indicator which displays your distance from the ruler's zero point in real time.