Online Ruler Pro is a free online ruler in actual size, designed to replace a physical ruler whenever you cannot find one. Use this on-screen ruler to measure objects in centimeters (CM), millimeters (MM), or inches directly against your phone, tablet, or computer screen. After a one-time calibration with a credit card, the virtual ruler matches real-world dimensions within plus or minus 0.5 mm.
Unlike a static image of a ruler, which would appear at a different size on every screen, our online ruler uses dynamic screen calibration to match your device exactly. The result is a ruler online that shows true 1:1 dimensions on any monitor, laptop, phone, or tablet. Sometimes called a virtual ruler, an internet ruler, or an on screen ruler, the tool works the same way regardless of which name you use to search for it.
How the Online Ruler Works
Every screen displays pixels at a different physical size. A 4K monitor and a 1080p laptop both have screens, but their pixels are different sizes, which means a line that is 100 pixels long appears different on each device. This is the reason a generic online ruler is inaccurate without calibration.
Online Ruler Pro solves this with a one-time calibration step. You use a physical reference object (most commonly a standard credit card, which is always 85.6 mm wide by ISO/IEC 7810 ID-1 standard) and drag a calibration box on screen to match it. Once the box matches your card, the software calculates your screen pixel-per-centimeter ratio and stores it on your device using localStorage.
Your calibration data is stored locally in your browser and never leaves your device. You only need to recalibrate when you switch to a different screen or browser.
Get a Credit Card
Grab any standard bank card. Every credit card and debit card worldwide is exactly 85.6 mm wide by ISO/IEC 7810 ID-1 standard.
Click "Calibrate"
The amber Calibrate button sits in the ruler toolbar. Click it to open the calibration overlay on top of the ruler.
Drag to Match
Drag the blue calibration box right edge until its width exactly matches the long edge of your card.
Confirm and Done
Click Confirm. Your screen pixel density is saved to your browser. All future measurements display at real-world actual size.
Width: 85.6 mm (8.56 cm or 3.37 inches) · Height: 53.98 mm (5.4 cm or 2.13 inches)
Every bank card worldwide follows this exact standard.
How to Use the Online Ruler
- Open the ruler above. The ruler displays immediately using a CSS baseline of 96 pixels per inch.
- Calibrate for precision. Click the Calibrate Screen button and drag the blue box to match a credit card (85.6 mm). Click Confirm.
- Choose your unit. Toggle between CM, MM, and inches using the buttons above the ruler.
- Place your object. Align the left edge against the red zero line.
- Drag the green marker. Tap or click at the right edge of your object. The measurement updates in real time.
- Scroll for longer items. Scroll or swipe to extend the ruler up to 50 cm (about 20 inches).
Accuracy of This Online Ruler
After calibration, Online Ruler Pro is accurate to within plus or minus 0.5 mm on most modern screens, which is the same accuracy as a typical plastic school ruler. Real-world accuracy depends on:
- Screen quality. High-DPI screens (Retina, OLED phones) give sharper tick marks.
- Calibration precision. Match the credit card edge as closely as you can.
- Browser zoom level. Always use 100% zoom. Press Ctrl-0 (Windows) or Cmd-0 (Mac) to reset.
- How flat your object sits. Press the object firmly against the screen for the best reading.
What You Can Measure With This Online Ruler
Small Objects in CM and MM
Use the online ruler in CM or the online ruler in MM mode for items like jewelry, screws, beads, ring sizes, pill diameters, watch strap widths, USB connectors, and small electronics components. The millimeter ruler online mode gives single-millimeter precision, the same precision used in most engineering and medical specifications.
Everyday Objects
Phone dimensions, wallets, books, notepads, business cards, postage stamps, photo prints, and packaging. The on screen ruler is ideal for verifying product dimensions when shopping online so the item you receive matches your expectations.
Imperial Measurements
Switch the online ruler to inches for woodworking, sewing patterns, US lumber sizes, photo print sizes (4 by 6, 5 by 7, 8 by 10), and any project using the imperial system. Tick marks include 1/2, 1/4, 1/8, and 1/16 inch divisions, exactly like a physical wooden or steel ruler.
Longer Items
For laptops, books, fabric pieces, and other longer items, use our online measuring tape which scrolls to extend up to 50 cm (20 inches).
Who Uses an Online Ruler
Students and Teachers
Students need a ruler for homework, geometry, and science projects but do not always have one nearby. An online ruler on a phone or laptop provides an instant substitute that works in any classroom or library. Teachers use the centimeter ruler online on interactive whiteboards for classroom demonstrations.
Designers and Creative Professionals
Graphic designers and product designers use the online ruler to check real-world dimensions of printed materials, packaging, and product mockups. It is useful for verifying that a design will print at the correct physical size.
Engineers and DIY Enthusiasts
For quick dimension checks on hardware parts, electronic components, or building materials, an online measuring tool provides a fast reference when a physical tape measure is not immediately available. Use the online ruler in MM mode for components specified in millimeters.
Online Shoppers
Before purchasing items online (phone cases, jewelry, clothing, watch straps, decor), use the actual size online ruler to visualize the listed dimensions on your own screen. This helps prevent size mismatches and unnecessary returns.
Jewelers and Crafters
Measure ring sizes, bead diameters, chain links, and clasp dimensions in millimeters. See our complete ring sizing guide for step-by-step instructions using a mm ruler online.
Online Ruler vs Physical Ruler
A physical ruler has the advantage of portability and never needs calibration. However, a calibrated online ruler has its own clear advantages:
- Always available on any device. No need to locate a physical ruler when one is missing.
- Multiple units in a single tool. CM, MM, and inches in the same interface, switchable with one tap.
- Scrollable to measure longer objects. No repositioning, no marking the screen.
- Real-time digital readout. No squinting at tiny tick marks.
- Free and always with you. If you have a phone, you have a ruler.
CM to MM to Inches Conversion Reference
Quick reference for converting between centimeters, millimeters, and inches. All values are exact, since 1 inch equals 25.4 mm by international definition.
| Centimeters (cm) | Millimeters (mm) | Inches (fraction) | Inches (decimal) |
|---|---|---|---|
| 0.1 cm | 1 mm | 1/16" | 0.0394" |
| 0.5 cm | 5 mm | 3/16" | 0.1969" |
| 1 cm | 10 mm | 3/8" | 0.3937" |
| 2 cm | 20 mm | 13/16" | 0.7874" |
| 2.54 cm | 25.4 mm | 1" | 1.0000" |
| 5 cm | 50 mm | 1 15/16" | 1.9685" |
| 10 cm | 100 mm | 3 15/16" | 3.9370" |
| 15 cm | 150 mm | 5 7/8" | 5.9055" |
| 20 cm | 200 mm | 7 7/8" | 7.8740" |
| 25 cm | 250 mm | 9 13/16" | 9.8425" |
| 30 cm | 300 mm | 11 13/16" | 11.8110" |
| 50 cm | 500 mm | 19 11/16" | 19.6850" |
Tips for the Most Accurate Online Ruler Measurements
- Always calibrate first. Without calibration, the ruler uses the 96-pixel-per-inch CSS default, which is rough on modern screens.
- Set browser zoom to 100%. Any other zoom level will scale the ruler and break the calibration.
- Keep the object flat against the screen. Even a small tilt distorts the measurement.
- Re-calibrate when switching screens. A laptop and an external monitor have different pixel densities.
- For very small items, use MM mode. Single-millimeter precision is sharper than tenths-of-a-centimeter readings.
- For long items, use the online measuring tape. Scrolling preserves accuracy where a fixed ruler would force you to mark the screen.