1:1 True Physical Scale

Screen Caliper & Precision Ruler

Measure real objects at calibrated 1:1 physical size. Choose a mode below or start measuring:

1:1 True Physical Scale · Actual Size Digital Ruler

Free Online Ruler — Measure in Inches, Centimeters & Millimeters at Actual Size

Welcome to the Spireix Actual-Size Online Ruler & Digital Caliper. Designed for students, designers, civil engineers, architects, and makers, this web ruler transforms your computer monitor, tablet, or smartphone display into a precision measuring instrument calibrated to 1:1 real-world physical accuracy.

Why Is Calibration Essential for an Actual-Size Online Ruler?

The Uncalibrated Default Problem

Screen Pixels Differ Across Devices

By web standards (W3C CSS specification), browsers assume a generic density of 96 CSS pixels per inch. However, hardware displays vary widely: a 14-inch 1080p laptop screen has ~157 physical pixels per inch, while a 27-inch 4K monitor has ~163 PPI, and an iPhone Retina screen can exceed 460 PPI. Without calibration, an on-screen inch will either appear significantly shrunk or stretched.

The Spireix Physical Solution

Hardware Mathematical Precision

Spireix calculates the exact pixel pitch of your screen using the Pythagorean geometric theorem:PPI = √(Width_px² + Height_px²) / Diagonal_inchesOnce calibrated, 1 centimeter on your screen measures exactly 10.00 millimeters in real physical life, verified against physical steel calipers and measuring tapes.

4 Ways to Calibrate Your Digital Ruler for 100% Accuracy

Open the at any time to configure your display using any of the four supported methods:

RECOMMENDED

1. ISO 7810 Standard Card Alignment

Every banking credit card, debit card, driving license, and transit pass in the world conforms to the international ISO/IEC 7810 ID-1 standard (exactly 85.60 mm × 53.98 mm, or 3.370" × 2.125"). Hold any plastic card against your screen and adjust the slider until the on-screen card outline matches your card perfectly.

INSTANT 1-CLICK

2. Over 70+ Verified Hardware Presets

Select your specific laptop, desktop monitor, tablet, or phone model from our verified hardware database. Includes all Apple MacBook Pro and Air models (M1, M2, M3), iMacs, iPhones, iPads, Dell XPS, Lenovo ThinkPads, Samsung Galaxy series, and ultrawide monitors with factory calibrated PPIs.

MANUAL PRECISION

3. Screen Diagonal Size Input

If you know the advertised diagonal screen size of your laptop or external monitor (for example 13.3", 15.6", 24", 27", or 32"), enter the value in the diagonal tab. The calculator instantly derives the exact physical pixel density using your native screen resolution.

ZERO-SETUP

4. Automatic Display Detection

Upon loading, Spireix interrogates your system's device pixel ratio (`window.devicePixelRatio`), viewport dimensions, and screen metrics to initialize a sensible baseline profile so you can begin measuring immediately without configuration.

Supported Measurement Units & Scales

Switch between metric, imperial, and digital units with one click or via keyboard hotkeys 1, 2, and 3:

UnitSymbolGraduations / DivisionsAccuracyCommon Applications
Centimeterscm1 mm minor ticks · 5 mm mid-ticks · 10 mm major labels± 0.5 mmScience labs, office stationery, school coursework, international trade
Inches (Fractional)in / "1/16", 1/8", 1/4", 1/2" and 1" hierarchical ticks± 1/32"Woodworking, US manufacturing, packaging, photographic prints
MillimetersmmContinuous 1.0 mm physical graduations with 10 mm numeric index± 0.2 mmMechanical engineering, fasteners, watchmaking, jewelry, 3D printing
Screen Pixelspx10 px minor ticks · 50 px sub-ticks · 100 px major grid labels1 CSS pxWeb development, UI/UX design, Figma verification, responsive layouts

Advanced Digital Caliper & Interactive Measuring Tools

4-Edge Simultaneous Rulers

Place physical objects directly against any border of your screen bezel. Enable Left, Right, Top, and Bottom rulers simultaneously or independently.

Dynamic Cursor HUD (G)

Press G to toggle interactive guide lines. Real-time coordinate HUD tracks your cursor displaying physical distance from the left edge in both centimeters and inches.

Precision Crosshair (C)

Press C to activate thin horizontal and vertical alignment lines across the entire viewport to align multiple items with millimeter precision.

Click-to-Mark Screen Lines

Click anywhere on the screen surface to drop permanent measurement marks and persistent guide lines. Compare multiple object dimensions simultaneously.

Fullscreen Immersion (F)

Press F to enter distraction-free full-screen mode, extending the ruler scale across every pixel of your monitor display without browser tabs or address bars.

Strict Monochrome Contrast

Designed according to Geist minimalist design principles: high-contrast thin scales, zero color-grading distractions, and seamless dark/light mode parity.

Common Use Cases & Applications

Students, Teachers & Academics

Need to complete geometry assignments, biology lab diagrams, or science homework without a physical ruler at hand? Calibrate with an ID card and measure textbook diagrams, stationery, or specimen slides instantly.

Graphic Designers & UI/UX Engineers

Verify real-world ergonomics of mobile UI components, physical button touch targets (48px standard = ~9-10 mm physical), and print magazine layout margins directly on your digital canvas.

Civil & Mechanical Engineers

Quickly verify dimensions of fasteners, bolts, washer diameters, screw thread pitch, O-rings, and CAD blueprint scale factors without searching for mechanical vernier calipers.

Crafters, 3D Print Makers & Hobbyists

Check 3D print test cubes, filament tolerances, jewelry ring sizes, coin diameters, sewing patterns, and credit-card-sized DIY electronics enclosures accurately.

Keyboard Shortcuts Reference

KeyActionDescription
GToggle Guide LinesTurns dynamic cursor tracking lines & coordinate HUD on or off
CToggle CrosshairTurns full-screen crosshair axis lines on or off
FFullscreen ModeExpands the ruler to full screen edge-to-edge
DToggle ThemeSwitches between crisp minimalist Light and Dark mode
1 / 2 / 3Switch Measurement Unit1 for Centimeters (cm), 2 for Inches (in), 3 for Screen Pixels (px)
EscEscape / ResetCloses active dialogs or clears all dropped screen markings

Frequently Asked Questions (FAQs)

Clear answers to common questions about on-screen measurement, physical accuracy, and device calibration.

Is this online ruler accurate for real-world physical measurements?
Yes. Once calibrated using either a standard credit card, your specific device preset, or your known diagonal screen size, the Spireix ruler provides true 1:1 physical accuracy. An inch on screen measures exactly 25.4 millimeters in physical reality.
How do I calibrate the ruler if I do not have a physical ruler?
You do not need a physical ruler to calibrate! Every standard payment card (Visa, Mastercard, American Express), government driver's license, ID card, or metro transit card worldwide adheres strictly to the ISO/IEC 7810 ID-1 standard of 85.60 mm (3.370 inches) wide. Simply place any plastic card on your screen, click Calibrate → Card, and adjust the slider until the on-screen card matches your physical card.
What are the exact dimensions of a standard credit card?
Under ISO/IEC 7810 ID-1, standard plastic cards measure exactly 85.60 mm wide by 53.98 mm high (or 3.370 inches by 2.125 inches) with a corner radius of 3.18 mm. This universal consistency makes bank cards the gold standard reference object for calibrating digital displays globally.
Can I use this online ruler on mobile phones and tablets?
Yes. Spireix is fully responsive and supports touch interactions on iPhone, iPad, Android phones, and Windows tablets. For touchscreens, select your exact smartphone or tablet model under Calibrate → Device, or perform a 10-second credit card alignment for 100% true scale.
Why do uncalibrated online rulers show different sizes on different screens?
Web browsers have no native API to read the physical width and height of a computer monitor's glass panel in millimeters. Browsers therefore render web elements assuming a legacy baseline of 96 CSS pixels per inch. Because modern panels pack vastly different physical pixel densities (e.g. 109 PPI on ultrawides, 157 PPI on laptops, 220+ PPI on 4K/Retina displays), an uncalibrated online ruler cannot know how large a pixel physically is on your specific hardware until calibrated.
What is the difference between PPI (Pixels Per Inch) and DPI (Dots Per Inch)?
PPI (Pixels Per Inch) measures the electronic pixel density of a digital monitor or screen. DPI (Dots Per Inch) is a printing term describing how many physical dots of ink an ink-jet or laser printer deposits on physical paper. In digital display measurement, PPI is the governing metric used to compute physical graduation lengths.
How can I measure an object larger than my screen?
For objects that exceed your screen dimensions, measure a known sub-length (e.g. 10 cm or 20 cm) against the on-screen scale, place a temporary piece of masking tape or pencil mark on the object at that boundary, and shift the object to measure the remaining segment incrementally.
Is my calibration setting saved when I reload the page?
Yes! Your calibrated PPI value is automatically stored in your browser's private `localStorage`. Whenever you return to Spireix Ruler on the same device and browser, your custom calibration is instantly restored without needing to re-calibrate.
Does this online ruler work offline?
Yes. The Spireix online ruler is built entirely as a high-performance client-side application. Once the page is loaded in your browser tab, all canvas rendering, mouse tracking, guide lines, and unit conversions run 100% locally on your machine without requiring an active internet connection.