Phone ruler

The initial scale is a CSS 96dpi estimate; align an 85.60 mm standard card and explicitly confirm calibration.

Calibration stays in the current browser page. This ruler is for everyday estimates; use a physical ruler for formal measurement.

Estimated scale

The initial CSS 96dpi scale is only an everyday estimate. Align a standard card first.

ISO/IEC 7810 ID-1 standard card width: 85.60 mm

Screen zoom and card placement introduce error; use a physical ruler for formal measurement.

Ruler unit
Ruler orientation
Ruler starting edge

How to use this tool

Start with a CSS 96dpi estimate, align the on-screen reference card to 85.60 mm, and explicitly confirm before the current screen is calibrated.

Need an urgent ruler to measure small items, screws, jewelry, or parcel dimensions? Turn your smartphone display into an actual-size millimeter and inch ruler. Includes credit-card calibration.

💡 3 Quick Steps to Get Started

1. Calibrate Display

Place any standard credit card against the screen to align the calibration slider perfectly.

2. Align Your Object

Place your physical object against the starting zero line on the edge of the screen.

3. Read Physical Dimensions

Directly read true physical measurements in millimeters or inches.

When it helps

Use centimeter/inch, horizontal/vertical, and left/right controls; a viewport, orientation, or meaningful screen-density change makes calibration stale.

How it works

Adjust the on-screen reference to an ISO/IEC 7810 ID-1 card width of 85.60 mm, then confirm px/mm. The unconfirmed initial scale is only an estimate.

Worked example

Place an 85.60 mm card over the reference, adjust and confirm it, then estimate a small object from zero; recalibrate after rotating the phone.

Limits and data handling

Browser zoom, screen protectors, card placement, and device rendering introduce error. Use it only for everyday estimates and use a physical ruler for formal measurement.

Scale, orientation, and calibration state remain in the current browser page and are not uploaded or retained; analytics excludes calibration and measured values.

Screen Ruler Calibration & Physical Measurement Guide

1. Physics of Screen Calibration: CSS Pixels vs. Physical PPI

Rendering a true 1:1 physical ruler on digital displays requires reconciling virtual CSS coordinate pixels with actual hardware pixel densities (Pixels Per Inch, PPI). Standard browser engines assume a legacy baseline of 96 CSS DPI (1cm ≈ 37.8px), whereas modern smartphone Retina displays operate between 300 and 500 physical PPI.

Our calibration engine uses an interactive slider to calibrate against standard ISO/IEC 7810 ID-1 credit cards (standard width: exactly 85.60 mm / 3.370 inches), computing the true physical display scale.

2. Standard Calibration Reference: ISO/IEC 7810 ID-1

Bank credit cards, driver licenses, and national health cards universally conform to the ISO/IEC 7810 ID-1 standard: 85.60 mm width by 53.98 mm height with a 3.18 mm corner radius. This ubiquitous reference ensures sub-millimeter calibration fidelity across any mobile or desktop screen.

3. Dual Metric and Fractional Imperial Increments

The ruler displays millimeter precision alongside 1/16th and 1/32nd fractional imperial graduations, making it ideal for measuring small hardware screws, jewelry diameters, envelope dimensions, and DIY craft materials.

4. Parallax Minimization and Measurement Technique

Because modern mobile screens feature surface cover glass (0.5 mm - 1.2 mm thickness), hold items directly against the glass and align your line of sight perpendicular to the display surface to eliminate parallax error.

Authoritative Sources & Reference Standards

  • ISO/IEC 7810:2019 Identification cards — Physical characteristics
  • W3C CSS Values and Units Module Level 4: Absolute Lengths
  • NIST Physical Measurement Laboratory: Calibration Standards

FAQ

What inputs does Phone ruler accept?

No file is needed. Use an ISO/IEC 7810 ID-1 card that is 85.60 mm wide as the manual reference; the initial CSS 96dpi value is an estimate.

How does Phone ruler produce its result?

Calibration becomes valid only after the user aligns the card and presses confirm. A viewport, orientation, or meaningful screen-density change marks it stale.

What limitations apply to Phone ruler?

Browser zoom, screen protectors, card placement, and device rendering introduce error. Use it only for everyday estimates and use a physical ruler for formal measurement.

How does Phone ruler handle data?

Scale, orientation, and calibration state remain in the current browser page and are not uploaded or retained; analytics excludes calibration and measured values.