Online Ruler at Actual Size – Screen Ruler (cm/inches)
Online Ruler at Actual Size. Match the box to a credit card and click Calibrate to set this screen ruler cm inches to true size, then measure real objects. The ips vs va vs tn vs oled comparison tool lets you search and filter results instantly, with no account required.
Interactive Tool
Step 1 — Calibrate against a credit card
A standard credit or debit card is 85.60mm wide worldwide. Drag the box below until its width matches your physical card exactly, then click Calibrate.
Step 2 — Read the ruler
Or use your screen specs
Resolution in CSS pixels as your browser reports it (filled in from your screen). Diagonal in inches from the spec sheet or the box.
Pixel length of a span you marked, converted to a real length.
The Physical Screen Ruler (cm/inches) renders a ruler at real-world scale in centimeters and inches once you calibrate it — drag the on-screen box in the calibration step until it matches the width of a standard credit card held up to your screen, click Calibrate, and the tool works out your display's true PPI from that measurement to draw an accurate ruler below it. Your browser genuinely can't know your screen's physical size on its own, so this calibration step is what makes the centimeter and inch marks trustworthy rather than guessed.
Need a length but have no tape at hand? This Physical Screen Ruler (cm/inches) is a free tool that draws its marks in proportion to your display's physical size, so you can hold a card or part against the glass and read its real size in centimeters or inches. There is no installation: open it on mobile or desktop, calibrate once, and measure.
Physical Screen Ruler (cm/inches): Measure at Actual Size
Think of it as a measuring aid drawn from pixels. The on-screen ruler lays a scale across the display, and once the scale is right, one marked centimeter equals one real centimeter. The width and height of each tick depend on your screen's pixel density, so follow this routine for a first reading. Check the resolution name lookup rather than relying on guesswork or an outdated spec page.
- Calibrate against an object of known length until the scale matches.
- Hold the object against the display and line one edge up with zero.
- Drag a guide line or selection to the far edge and read the length in inches, centimeters or millimeters.
It works on any desktop, laptop or phone display, as long as JavaScript is on.
Calibrate the Online Ruler to Your Screen Size
Out of the box, the online ruler assumes a default density, so an uncalibrated scale can be well off. Calibration ties the marks to a reference you can touch. Recalibrate whenever you switch monitors, change resolution or move to another device. A fresh calibration is usually accurate to a millimeter or two, and accuracy drops as soon as anything resizes the page. Use the free 8 bit vs 10 bit color depth reference to see concrete figures before you rely on a single spec sheet.
Credit Card Calibration
Any payment card, whether a bank card or another plastic card, follows the ISO standard size of 85.60 mm wide by 53.98 mm tall. Lay it on the glass and stretch the on-screen outline until the edges meet.
Screen Diagonal Calibration
If you know the screen diagonal from your monitor's specification sheet, type it in. The tool divides the diagonal in pixels by that number, using the resolution your browser reports.
How a Virtual Ruler Converts Pixels to Centimeters
An on-screen measuring tool is a ratio engine. It counts the pixel length along the diagonal, divides by the diagonal in inches to get pixels per inch, then divides again to calculate pixels per unit, so the conversion formula below is plain arithmetic you can check yourself.
$$\text{PPI} = \frac{\sqrt{w^{2} + h^{2}}}{d} \qquad \text{px per mm} = \frac{\text{PPI}}{25.4}$$
CSS Pixels and PPI
Browsers work in CSS pixels, not hardware dots, so display scaling of 125% or 150% changes the pixel count but not the physical result once calibrated. The W3C defines the CSS inch as 96 CSS pixels, which is why true PPI has to come from your own input.
Worked Example in Millimeters
Take a 13.4-inch laptop at 1920 × 1200 and 100% scaling:
| Step | Calculation | Result |
|---|---|---|
| Diagonal in pixels | √(1920² + 1200²) | 2,264.2 px |
| PPI | 2,264.2 ÷ 13.4 | 169.0 |
| Pixels per millimeter | 169.0 ÷ 25.4 | 6.65 px |
| Span of 10 cm | 100 mm × 6.65 | 665 px |
A card then covers an on-screen area of about 569 × 359 px. An uncalibrated scale at the common 96 PPI default would draw that 10 cm span only 378 px long, which reads as about 5.7 cm in real life, an error above 40%.
Reference Sizes for Checking a Measuring Tool
After calibration, test the scale against objects with published dimensions. JavaScript can only report CSS pixels, so a mismatch here shows right away. The last column is each object's width on the 169 PPI example screen.
| Object | Standard size | On-screen width |
|---|---|---|
| Credit card | 85.60 × 53.98 mm (3.370 × 2.125 in) | 569 px |
| US quarter coin | 24.26 mm diameter | 161 px |
| A4 paper | 210 × 297 mm | 1,397 px |
| US Letter paper | 8.5 × 11 in (215.9 × 279.4 mm) | 1,436 px |
A4 and US Letter Paper
For longer spans, lay a sheet of A4 or US Letter across a tablet or monitor. Sheet edges give a longer check than a coin, and a draw-a-selection box over the page shows at once if the scale needs another pass.
Reading Real Size Off a Monitor: Checking a Cabinet Pull
I'm replacing a cracked kitchen drawer pull and need to know its hole spacing before I order a match. The old one is on the bench, the tape measure is in another room, and my 27-inch monitor is already on, so I calibrate the ruler to the display and read the hole spacing in millimeters and inches.
The monitor runs 2560 × 1440 at 100% scaling. I enter the diagonal from the box, 27 inches, and the page works out 108.8 PPI (2,937.2 px ÷ 27), or 4.28 px per millimeter. To cross-check, I lay a loyalty card on the glass: its 85.60 mm width should span 367 px, and the outline lines up at the card's edge, so the scale is trustworthy.
Now the pull. I hold it flat against the screen, put one screw hole at zero and read the other hole's centre: 96 mm, or 3.78 inches. That matches a standard pull size, since cabinet hardware is sold in 76 mm, 96 mm and 128 mm spacings, so I order the 96 mm model.
Here is the rerun that convinced me the diagonal matters most. If I had typed the 24-inch figure from my old monitor, PPI would jump to 122.4 and the same 411 px span would read only 85.3 mm, a spacing between two standard sizes and no use for ordering.
| Diagonal entered | PPI | Reading of the same pull |
|---|---|---|
| 27 in (correct) | 108.8 | 96.0 mm |
| 24 in (wrong) | 122.4 | 85.3 mm |
One caveat about the ruler's accuracy: a thick object held off the glass reads slightly long from parallax. I look straight on, and for anything near a size boundary I confirm with a physical tape, because a calibrated scale is an estimate that is best used to narrow the choice.
Everyday Uses of the Inch Ruler on Screen
An inch ruler on a phone settles small questions: whether a screw fits its hole, the length of a bead for jewelry, or the size of a print before you order it. Designers compare a design against real dimensions, and hardware shoppers compare bolts against a product photo. Treat every measurement as approximate unless you calibrated recently.
- Millimeters and centimeters: ten millimeter ticks make one centimeter, the metric units most scales start with.
- Inches: the imperial side divides each inch into fractions down to a sixteenth.
Vertical Ruler Layouts for Phones and Tablets
A vertical ruler suits a smartphone because the screen is taller than it is wide, so a longer object fits along the edge. A virtual vertical ruler also leaves room for your thumb. On a tablet or touchscreen, pinch gestures can alter the scale, so reset before you measure, and keep the horizontal layout for wide desktop screens.
Real Size Limits: Zoom, Scaling and Error
Even an online ruler in actual size fights the platform, because the operating system and browser never expose the panel's physical dimensions, so every reading is an estimate. Zoom, system scaling and display changes cause distortion, and the biggest avoidable error is a wrong diagonal. Entering 13.0 instead of 13.4 inches raises PPI by 3.1% to 174.2 and stretches the scale by about 3%.
Browser Zoom at 100%
Keep browser zoom at 100% while you measure. Any other zoom level shrinks or stretches the ruler together with the page, and you need to recalibrate after changing it.
Privacy and Local Storage
The most common FAQ is about data: this ruler keeps your calibrated PPI in local storage in your browser and never uploads anything you measure.
Frequently Asked Questions
- Why does the ruler look the wrong size before I calibrate?
- Browsers cannot read a display's physical dimensions, so an uncalibrated ruler assumes a default pixel density. Entering your screen diagonal or matching a bank card brings the scale to real size.
- How does card calibration work?
- A standard bank card is 85.60 mm wide. You hold one against the screen and adjust the on-screen outline until its edges coincide, which fixes the pixels-per-inch value.
- How is PPI calculated from the screen diagonal?
- Take the pixel diagonal, the square root of width squared plus height squared, and divide it by the diagonal in inches. Divide by 25.4 for pixels per millimeter.
- Does browser zoom affect the result?
- Yes. Zooming stretches or shrinks the ruler along with the page, so keep the browser at 100% and recalibrate after changing zoom, display scaling or monitor.
- Does it work on a phone or tablet?
- Yes, but calibrate on that device and avoid pinch zoom. A vertical layout often suits a phone because the screen is taller than it is wide.
- How accurate is a screen ruler?
- After calibration it is usually within a millimeter or two, but it remains an estimate. Confirm critical sizes with a physical tape.
- Is my data private?
- The calculation runs in your browser, and calibration settings can stay in local storage on your device rather than being uploaded.