Online Ruler - Measure in CM and Inches on a Screen

Online Ruler — Measure on Your Screen in CM and Inches

The Online Ruler turns your monitor, laptop, or phone screen into an accurate measuring tool you can read in centimeters or inches. Calibrate it once to your screen size, then place an object against the glass and read its length right off the scale — no printed ruler and nothing to install.

It is built for quick, everyday measuring: designers and crafters checking dimensions, students working on geometry, and online shoppers sizing up a product before they buy. You can drag and rotate the ruler, switch styles, drop measurement marks, and even pop out a floating ruler to measure things shown in other apps.

Your measurements stay private: all calibration math runs in your browser, and your screen size and style preferences are saved only in your own browser's local storage. The single network request the tool makes simply loads region-appropriate reference items based on your location — no measurements, screen specs, or personal data are ever uploaded.

How to Use the Online Ruler

Calibrate your screen

In the Screen Calibration box, enter your screen's diagonal size in inches (for example 15.6, 24, or 27), or pick one of the common-size buttons. Any value from 5" to 100" works. Not sure of your size? Use Don't know your screen size? to search your device model on Google.

Verify with a reference item

Hold a known object — a credit-card-size ID, a coin, or a sheet of A4 paper — against the screen and check it against the ruler. Click any item in the Calibration Reference list to see its exact dimensions, and fine-tune your screen size until they match.

Position the ruler

Switch to Drag mode to move the ruler anywhere, grab a handle at either end to rotate it to any angle, or press R to flip between horizontal and vertical. Press C to re-center it, and choose a length of 10, 20, or 30 cm, a custom value, or Full Width.

Measure and mark

Lay your object flat against the screen with one edge at the 0 mark and read where the other edge falls. In Mark mode, click the ruler to drop numbered markers that snap to the nearest tick — handy for recording several points at once.

Keyboard shortcuts: R rotate, C center, F fullscreen, Esc exit fullscreen, and the Arrow keys nudge the ruler one pixel at a time (hold Shift for larger 10-pixel steps).

Features

Centimeters and Inches

Switch units with one click. The cm scale shows millimeter subdivisions, while the inch scale marks halves, quarters, eighths, and sixteenths.

Screen Calibration

Enter any screen size from 5" to 100", or pick a common preset, so on-screen lengths match the real world. Live stats show your resolution, aspect ratio, DPR, and PPI.

Six Ruler Styles

Choose Glass, Classic, Metal, Neon, Minimal, or Wood. Every style is tuned for both light and dark mode so the markings stay clear.

Measurement Marks

Click to drop markers that snap to the nearest tick. Marks are numbered automatically, can be dragged to adjust, and stack neatly when they sit close together.

Drag, Rotate, and Resize

Move the ruler anywhere in Drag mode, rotate it to any angle with the end handles, flip it 90° with one press, and set it to 10, 20, or 30 cm, a custom length, or Full Width.

Fullscreen and Popup

Expand to fullscreen and hide the toolbar for the largest possible workspace, or open a floating popup ruler to measure items shown in other applications.

Reference Items

Verify calibration against known objects like ID cards, coins, banknotes, and A4 paper. The list adapts to your region, and clicking an item shows its size in mm, cm, and inches.

Works on Phones and Tablets

The ruler runs on touch devices and rotates to a vertical layout on phones. Just enter the device's screen size to keep measurements accurate.

Keyboard Shortcuts

Press R to rotate, C to center, F for fullscreen, Esc to exit, and the arrow keys to nudge the ruler — hold Shift for larger steps.

Saved Settings and Dark Mode

Your screen size, ruler style, and length are remembered between visits, and a polished dark theme keeps the scale readable in low light.

Frequently Asked Questions

How accurate is the online ruler?

Accuracy depends entirely on correct calibration. When you enter your exact screen diagonal in inches, the ruler calculates your screen's PPI and converts pixels into physical units. With the right screen size and browser zoom at 100%, measurements are typically accurate to within one or two millimeters. Always check against a reference item to confirm.

How do I calibrate the ruler to actual size?

Open the Screen Calibration box and enter your screen's diagonal size in inches, or tap a common preset (13.3", 15.6", 24", 27", and so on). Then hold a known object against the screen and adjust the value until the ruler matches. If you don't know your size, use the "Don't know your screen size?" button to search your device model on Google.

Can I use a credit card to calibrate?

Yes. A standard credit card, debit card, or ID card measures 85.6 × 53.98 mm worldwide, which makes it a reliable calibration reference. Place the card flat against the screen and tweak your screen size until the ruler's reading matches its real width. Coins and A4 paper work the same way, and the reference list shows each item's exact dimensions.

Why must browser zoom be set to 100%?

Browser zoom scales the whole page, including the ruler, so anything other than 100% stretches or shrinks the scale and throws off the measurement. Reset zoom with Ctrl/Cmd + 0 before measuring. If a reading still doesn't match a physical ruler, double-check both your zoom level and the screen size you entered.

Does it work on a phone or tablet?

Yes. The ruler runs on touch devices and automatically rotates to a vertical layout on phones for easier use. Enter your device's screen size for calibration — typically around 5"–7" for phones and 8"–13" for tablets. Accuracy can be slightly lower on touch screens because of the glass thickness between the object and the actual display pixels.

How do I switch between centimeters and inches?

Use the cm / inch toggle in the toolbar. The scale and numbers update instantly: centimeters show millimeter subdivisions for 1 mm precision, while inches show fractional marks down to 1/16 of an inch. You can switch units at any time, even after placing measurement marks.

What do PPI and DPR mean?

PPI (pixels per inch) is how many pixels fit in one physical inch of your screen; the ruler uses your resolution and diagonal size to calculate it, then converts pixels into real-world units. DPR (device pixel ratio) is how many physical pixels make up one CSS pixel — high-DPI displays like Retina screens have a DPR of 2 or more. The ruler accounts for DPR automatically, so you don't need to adjust anything.

Can I measure a curved or irregular shape?

The ruler measures straight lines, so for a curved object measure its longest straight dimension — length, width, or diameter. To estimate circumference, measure the diameter and multiply by π (about 3.14159). For complex shapes, drop several marks to measure individual segments and add them up.

Is my data private?

Yes. No measurements, screen specifications, or personal information are sent to any server — all calibration runs in your browser, and your screen size and style preferences are saved only in your browser's local storage. The tool's one network request just loads region-appropriate reference items based on your location.