macOS Screen Ruler (Pixels, cm, inches)

Calibrate once, then measure sizes and distances on your screen in real time.

Accuracy Disclaimer: For high accuracy in real-world units (cm, inches) on laptops or phones, you MUST use the Calibration feature!

Digital Measurement Tool

--
px

Troubleshooting

If measurements look off in macOS, first confirm browser zoom is 100% and note your OS display scaling setting. Calibrate using a real card or ruler, then re-check the same element to confirm consistent results. On multi-monitor setups, re-calibrate per display because pixel density can differ.

Pro tip

Turn off OS scaling or note your display scaling setting, then re-check calibration if results look off.

Common symptoms

  • cm/inch values look wrong
  • Measurements shift after zooming
  • Different results on another monitor

Screen ruler macos gives you a simple baseline for measuring on-screen elements, calibration is what makes the numbers meaningful. People use it to check a button size in a mockup, measure spacing in a screenshot, or confirm how big something will look before sending it to a client. The key is calibration, once the ruler matches a real object, the rest of your measurements start to make sense.

Start with browser zoom at 100% and pick a physical reference you can trust, a credit card or a ruler, then keep the window on the same display. Align the on-screen ruler to that object and save the calibration. If numbers look off later, the usual reasons are macOS display scaling, moving the browser window to another monitor, changing resolution, or using a dock or adapter that changes scaling or resolution.

If you are measuring for a print job or a UI handoff, save one screenshot of your calibration result. It helps you notice when a later setting change silently shifts the scale. Keep the screen ruler macos workflow consistent so your measurements stay comparable.

To get the most from this screen ruler macos, think about what unit you actually need. For UI work, pixels are often the fastest because they are easy to reason about. For real-world sizing, cm or inches are better after calibration. A simple workflow is: calibrate once, measure what you need, then double-check one item before you rely on the result.

If you are doing repeated checks, keep the setup consistent and re-calibrate any time your display setup changes. If you want to sanity-check a screen at the same time, you can use the dead pixel test from the display section, then come back here for measurements. For more display tools, open the Display tests and return to screen ruler tool whenever you need the screen ruler macos again.

FAQ

Why do cm/inch values look wrong on my screen?

Browser zoom, OS display scaling, and multi-monitor setups can change effective pixel density. Re-calibrate and keep zoom at 100%.

Does this work on high-DPI (Retina) displays?

Yes, but you still need calibration. High-DPI scaling can change how CSS pixels map to physical pixels, so calibrate per device or display mode.