If a ruler's “1 cm” does not match a real centimeter, its scale needs calibration. The same number of pixels occupies different physical lengths on different screens. Our online ruler offers four starting methods, but a known physical reference is the final check.
Choose a calibration method
| Method | Use it when | What to verify |
|---|---|---|
| Auto-Detect | You want a starting estimate or have a supported device. | Browser screen signatures can match more than one model. Check the chosen device and compare with a physical reference. |
| Device | Your exact phone, tablet, laptop or monitor is listed. | Choose the right model and display size, including the external monitor when one is connected. |
| Screen diagonal | You know the full display's diagonal in inches. | Use the panel's viewable diagonal, not the browser window or the size including its frame. |
| Credit Card | You have a standard payment card and need to match the actual display. | Use a standard 85.60 mm wide card. Match the outline's width carefully and keep your viewing angle straight. |
Match a standard payment card
- Set browser zoom to 100% and keep the browser on the monitor you intend to measure with.
- Open Calibrate → Credit Card. Hold a standard card gently beside the on-screen outline. Do not press it into the display.
- Adjust card width until the left and right edges match. Select the slider and use its arrow keys for small adjustments. Rotate a phone to landscape if the outline will not fit.
- Select Save card calibration. On the ruler, the card's width should now read 85.60 mm, or 8.56 cm.
- Check again with a separate known reference if possible. Repeat the adjustment if the endpoints do not agree.
The standard payment-card format is 85.60 × 53.98 mm; unusually shaped cards and nonstandard badges are unsuitable. You do not need a photograph, card number or account details. The calibration uses only the width of the outline you adjust.
Use your screen diagonal correctly
Find the exact diagonal in your device or monitor specifications, then enter it under Screen diagonal. A screen advertised as 14 inches may have a more specific diagonal in its specifications. Measure corner to corner across the display area if you must check it yourself, excluding the frame.
The diagonal method assumes the dimensions reported by the browser describe the same display. Moving the window to a second monitor, using remote desktop, or changing display settings can invalidate that assumption. A card comparison can reveal a mismatch that a device name alone cannot.
Why 96 pixels do not always make a physical inch
CSS defines an inch as 96 CSS pixels. This gives web pages a consistent coordinate system, but it does not identify the physical width of your monitor. Hardware pixels, CSS pixels, operating-system scaling and browser zoom are related but different measurements.
A screen ruler needs a conversion from CSS pixels to physical length on your current screen. For a width-based reference, the relationship is CSS pixels per millimeter = outline width in CSS pixels ÷ reference width in millimeters. Matching a real object establishes that relationship directly.
Fix a ruler that is too big or too small
- Wrong device selected: choose the exact display in Device, or use Credit Card when no exact match is available.
- Browser zoom changed: reset it to 100%, then verify and recalibrate. Avoid pinch zoom while taking a reading.
- External monitor connected: finish moving the browser before calibrating. Equal resolutions do not mean equal physical sizes.
- Scale changed after a restart: check browser storage settings. Saved calibration belongs to that browser; clearing site data removes it.
- A long object does not fit: try fullscreen or the other screen orientation. Do not shrink the scale to force it to fit; use a physical ruler for longer objects.
Know what calibration can promise
Successful calibration does not guarantee a particular measurement tolerance. Reference dimensions, slider adjustment, viewing angle and object placement all affect a reading. Automatic detection is an estimate when different screens share the same browser signature. Recheck after changing screens, resolution, display scaling or zoom.
For everyday craft checks, a carefully calibrated screen can be useful. For precision work, use a suitable physical measuring instrument. See how to read centimeters, millimeters and inch fractions to separate reading mistakes from scale mistakes.