FREE ONLINE RULER Auto-calibrated

Measure anything, right on your screen.

A pixel-perfect online ruler for your desktop, tablet, or phone. Auto-detects your device for accurate cm, mm, and inch measurements — no installation needed.

How to Use

Place a ruler on any edge.

Choose an edge from the toolbar, or click a quick-start below.

Not calibrated — using default 96 PPI

FEATURES

Precision built in.

Pixel-Perfect Ruler

Renders at actual physical size on your screen using factory-calibrated PPI data.

Auto Device Detection

Recognizes 80+ Apple, Samsung, Google, and Windows devices automatically.

Credit Card Calibration

Use any standard credit card as a physical reference for highest accuracy calibration.

All 4 Edges

Place rulers on top, left, right, or bottom — any combination you need.

Measurement Markers

Drag the blue marker lines to measure objects with a clear mm/inch readout.

Dark Mode

Full dark theme for comfortable use in low-light environments.

GUIDE

How to use the online ruler.

The ruler auto-detects most devices and shows accurate scales immediately. If detection fails, choose one of three calibration methods below.

Auto-Detect Device

We automatically detect your device model from our database of 80+ devices — Apple, Samsung, Google, Microsoft, and common monitors. A green "Detected" badge confirms the match. Calibration is saved between visits.

💡 Works best on known phone and laptop models.

Screen Diagonal

If auto-detect fails, enter your screen's diagonal size in inches. Find it in your device's manual, manufacturer website, or by searching "[your model] screen size". Click Apply — the ruler recalibrates instantly.

💡 Common sizes: 6.1" for phones · 13.3" for laptops · 27" for monitors.

Credit Card Calibration

The most accurate method. Place any standard credit or debit card (Visa, Mastercard, Amex) on the blue rectangle in the Calibrate panel. Drag the slider until the rectangle exactly matches your card's width, then click Save.

💡 All bank cards share the ISO 7810 ID-1 standard: 85.60 × 53.98 mm.

Keyboard shortcuts.

← → Move horizontal marker

↑ ↓ Move vertical marker

Shift+← → Jump 10px horizontal

Shift+↑ ↓ Jump 10px vertical

G Toggle guide lines

X Toggle crosshair

F Toggle fullscreen

C Open calibration

D Toggle dark mode

1 / 2 / 3 Switch cm / in / px

Esc Clear guide lines

FAQ

Common questions.

How accurate is the online ruler?

Accuracy depends on calibration. Auto-detected devices achieve ±1% error using factory PPI data. Credit card calibration is the most accurate manual method (±0.5%). Screen diagonal is ±2%. Always keep your browser at 100% zoom.

Is there a ruler online?

Yes, webonlineruler.com is a free online ruler that runs directly in your web browser. It displays a real-time, calibrated ruler in centimeters, millimeters, and inches to scale on any display screen.

Can I use my phone as a ruler?

Yes! You can use your mobile phone as a ruler by opening webonlineruler.com. Our tool automatically detects your phone model and scales the on-screen ruler to display actual centimeters and inches.

How to measure cm online?

To measure centimeters online, visit webonlineruler.com and select the "cm" toggle at the top. Align your physical item against the on-screen markings, or use the interactive measurement lines for accurate digital readings.

How to identify 1 inch?

On a calibrated online ruler, 1 inch is the physical distance between the "0" and "1" marks (equivalent to exactly 2.54 cm). For comparison, a standard credit card is about 3.37 inches wide.

Can I use my camera as a ruler?

Yes, many smartphone applications use camera-based AR (Augmented Reality) for estimation. However, if you want high precision and complete privacy without webcam permissions or app installations, using an on-screen online ruler is a simpler and safer method.

Why does the ruler change when I zoom in/out?

Browser zoom changes the CSS pixel density. Always use your browser at 100% zoom (Ctrl+0 or Cmd+0) for accurate measurements. A warning banner appears if zoom issues are detected.

Why isn't my device auto-detected?

We detect devices using screen resolution and user-agent data. If your device is not in our database, use Method 2 (Screen Diagonal) or Method 3 (Credit Card). Your calibration is saved for future visits.

how to read a ruler online

To read a ruler online, select your measurement unit (cm/mm or inches) and align your object with the "0" mark. For inches, read the whole numbers and fractional ticks (1/2, 1/4, 1/8, 1/16). For centimeters, read the whole numbers and count millimeter subdivisions.

how to use online ruler

To use our online ruler, open webonlineruler.com in any browser. Keep browser zoom at 100%. Place your object on the screen, align it with the starting edge, and read the length. You can also drag the measurement markers for millimeter-level accuracy.

how to add a ruler in word online

To view the ruler in Microsoft Word Online, click on the "View" tab in the top ribbon and check the box labeled "Ruler". This will display the page margins on your screen.

how to show ruler in powerpoint online

To show the ruler in PowerPoint Online, select the "View" tab on the top menu bar and check the "Ruler" box. This helps you align text boxes and graphic elements on slides.

Supported devices.

Our ruler automatically detects 80+ device configurations for instant pixel-perfect calibration.

Apple

iPhone 11–16 series
iPad Pro / Air / mini
MacBook Air / Pro
iMac / Studio Display

Samsung

Galaxy S22–S25 series
Galaxy Z Fold / Flip
Galaxy A series

Google

Pixel 7–9 series
Pixel Tablet

Microsoft

Surface Pro 9/11
Surface Laptop 5
Surface Book 3

Monitors

24"–32" FHD / QHD / 4K
Apple Studio Display
Apple Pro Display XDR

Device not listed? Use Screen Diagonal or Credit Card calibration for any screen.

DEEP DIVE

An actual size online ruler, calibrated for any screen.

Having an actual size online ruler readily available on your screen is an essential productivity upgrade for developers, UI/UX designers, students, draftsmen, and DIY enthusiasts. Whether you need to quickly measure a physical object in your hand or verify the dimensions of a component, our free online ruler provides a clean, zero-installation web solution. Instead of searching through drawers for a physical ruler, this web-based online ruler tool calibrates dynamically to your screen's physical dimensions, rendering an accurate online ruler directly inside your browser window.

How to calibrate your online ruler to scale.

To guarantee that your screen is displaying an online ruler to scale, proper calibration is key. Display monitors, tablets, and smartphones all have different pixel densities, measured in Pixels Per Inch (PPI). While our system maintains a database of popular screens to enable auto-calibration, some monitors do not report their physical sizes to the browser.

If auto-detection does not trigger, our online ruler tool offers three simple manual calibration methods to establish a real online ruler scaling factor:

Standard Screen Diagonal: You can input your screen's diagonal size in inches. For instance, if you are using a notebook, it might have a 13.3-inch or 15.6-inch screen. If you calibrate for a 12 inch online ruler width on a tablet, setting the correct screen diagonal ensures the physical layout is exact.
Reference Object (Credit Card): Because all standard credit, debit, and transit cards globally follow the ISO/IEC 7810 ID-1 standard (which dictates dimensions of exactly 85.60 mm by 53.98 mm), they make the perfect physical calibration tool. Simply align your card with the on-screen card template and slide the calibration control until they match. This results in a pixel-perfect, highly accurate online ruler.

Once calibrated, the software stores the PPI value in your browser’s localStorage. This ensures that your customized calibration persists across browser restarts, allowing you to access a real online ruler immediately whenever you return.

Measuring in inches: actual size and fractions.

If your project requires imperial measurements, switching to the online ruler inches mode adapts the scale instantly. Our tool is designed to mimic a traditional 12 inch online ruler or online ruler 12 inch layout depending on your viewport width.

When you configure the scale for online ruler inches actual size, the display divides each inch into standard fractional marks. You can measure with high resolution down to halves, quarters, eighths, and sixteenths of an inch. To help you measure objects accurately, you can click and drag the blue guideline markers to span the length of your item. The ruler will output a digital reading of the exact measurement in decimal and fractional formats, functioning as a high-precision measurement workspace.

Measuring in metric: centimeters and millimeters.

For metric projects, you can select the online ruler cm or online ruler mm mode. Metric units are standard in scientific, engineering, and international design disciplines.

Online Ruler in CM: This mode renders standard centimeter intervals with bold numbers, perfect for measuring everyday items like pens, paper sizes, or hardware components.
Online Ruler in MM: Switching to the mm online ruler or online ruler in mm mode displays clean millimeter ticks without crowding the layout. This is extremely helpful for close-up work where fine precision is required.

Since 1 centimeter equals exactly 10 millimeters, the online ruler in cm can easily be read in conjunction with the mm online ruler tick marks. The digital readout displays both centimeters and millimeters simultaneously so you never have to perform manual calculations.

Privacy first: the online ruler camera option.

A common query among users is whether they can use an online ruler camera feature to measure items automatically. While camera-based measuring apps exist, they require access to your webcam, feed video data to servers, and often need special calibration markers placed in the frame.

To prioritize your privacy and web security, our online ruler tool operates entirely client-side and does not request webcam permissions. By avoiding an online ruler camera implementation, we eliminate security risks. Instead, we display a clear, actual-size ruler on screen so you can safely place physical items directly against your glass display or use screen markers to align items, ensuring safe and instant measurements.

Best practices for screen measurement.

To keep your online ruler actual size accurate, follow these key tips:

Keep Browser Zoom at 100%: Press Ctrl + 0 (Windows) or Cmd + 0 (Mac) to reset browser zoom. Zooming in or out alters the CSS pixel layout, which distorts the physical size.
Deactivate Screen Scaling: Ensure your operating system's display scaling (e.g., Windows DPI scaling) is accounted for. The ruler automatically detects standard system scale factors, but manual calibration is the most reliable fail-safe.
Use Keyboard Shortcuts: Navigate faster by using keyboard shortcuts. You can press 1, 2, or 3 to switch units, or use arrow keys to adjust the measurement markers by single pixels.