How to Use the Online Screen Ruler
A complete guide to measuring real-world objects on your screen with accuracy within 0.5mm.
Getting Started
Screen Ruler Online turns your phone, tablet, or computer screen into a physical ruler. It works entirely in your browser — no app download, no installation, no sign-up. Just open the website and start measuring. The ruler displays centimeters, millimeters, and inches, and you can switch between units with a single tap.
The key to accurate measurements is calibration. Every screen has different pixel sizes, so the ruler needs to know how large your screen pixels are in real-world units. Calibration takes about 10 seconds and only needs to be done once per device.
Step 1: Open the Ruler
Visit screenruler.online on any device. The ruler loads instantly and works in Chrome, Safari, Firefox, Edge, and any other modern browser. On mobile devices, you can add it to your home screen for quick access — it works like a native app without taking up storage space.
You will see a vertical ruler on the left side of the screen with markings in your selected unit. The control bar at the top lets you switch between centimeters, millimeters, and inches, toggle dark mode, enter fullscreen, and access calibration settings.
Step 2: Calibrate Your Screen
Calibration is the most important step. Without it, the ruler shows approximate measurements based on your device's reported pixel density, which is often inaccurate. With calibration, measurements become precise to within half a millimeter.
Using a Credit Card
A standard credit or debit card is the best calibration object because its dimensions are standardized worldwide at 85.6mm x 53.98mm (ISO/IEC 7810). Place your card flat on the screen and use the calibration slider to adjust the on-screen outline until it matches your card exactly. The edges of the outline should align precisely with the edges of your card.
Using Other Objects
If you don't have a credit card handy, you can calibrate with other reference objects. The ruler supports US quarters (24.26mm), Euro coins (23.25mm), UK pound coins (22.5mm), and more. Select the object from the calibration panel, place it on the screen, and adjust the slider. Any object with a known, standardized size will work. See our calibration objects page for a full list with exact dimensions.
Step 3: Measure Objects
Once calibrated, place the object you want to measure against the ruler markings on the left side of the screen. Align one edge of the object with the zero mark, then read the measurement at the other edge. The ruler shows major markings (numbered) and minor markings for precision.
- Centimeters: Major marks every 1 cm, minor marks every 1 mm (10 subdivisions per cm).
- Millimeters: Each mark represents 1 mm with numbered marks every 10 mm.
- Inches: Major marks every 1 inch, with subdivisions at 1/2, 1/4, 1/8, and 1/16 inch intervals.
Tips for Accurate Measurements
Clean your screen
Dust, fingerprints, or screen protectors can make it harder to align calibration objects precisely. A clean screen gives more accurate results.
Use fullscreen mode
Fullscreen mode removes browser toolbars and gives you the maximum ruler length. This is especially useful on smaller screens where every millimeter counts.
Recalibrate when switching devices
Each screen has a unique pixel density. If you switch from your phone to a tablet or laptop, recalibrate for the new screen. Calibration data is saved per device.
Look straight at the screen
Viewing at an angle can make measurements appear slightly off due to parallax. Position your eyes directly in front of the measurement point for the most accurate reading.
Understanding Pixel Density (PPI)
PPI stands for Pixels Per Inch. It tells you how many tiny dots of light fit in one physical inch of your screen. A phone with 460 PPI has much smaller, more densely packed pixels than a desktop monitor with 96 PPI. This means the same number of pixels takes up less physical space on the phone.
To convert pixels to real-world measurements, the ruler divides by PPI. For example, on a 460 PPI screen, 460 pixels = 1 inch = 2.54 cm. Calibration refines this calculation to account for your specific screen and any zoom level your browser applies.
Modern screens also use device pixel ratios. A MacBook with a Retina display might report a device pixel ratio of 2, meaning each "CSS pixel" in the browser actually spans 2x2 physical pixels. Our ruler accounts for this automatically during calibration.
Device-Specific Rulers
We maintain pre-configured ruler profiles for popular devices. These profiles use the device's known PPI to provide a starting point before manual calibration. If your device is recognized, measurements will be reasonably accurate even without calibration. Visit a device-specific ruler for the best starting accuracy:
Common Measurement Sizes
Need to measure a specific length? Jump directly to a pre-set ruler size:
Frequently Asked Questions
Can I measure curved objects?
The on-screen ruler measures straight-line distances. For curved objects, measure the longest straight dimension (like a coin's diameter) and use the result as a reference. Circumference can be calculated from diameter using the formula C = diameter x 3.14159.
Is the ruler accurate on all screen sizes?
Yes, after calibration. The ruler works on screens from 4.7 inches (iPhone SE) to 32+ inches (large desktop monitors). Calibration adjusts for the specific pixel density of your screen.
Does the ruler work offline?
If you add the ruler to your home screen (on mobile) or use it in a browser that supports service workers, it can work offline after the first load. Your calibration data is stored locally and does not require an internet connection.