Design tool
Online Screen Ruler — Measure in Pixels
Move the two markers to measure a distance on the ruler. Enter a calibration only if you know how many screen pixels equal a real-world length.
Measure CSS pixels on this display. Physical units are estimates unless you calibrate the ruler.
Calibrate
Use the range controls to move the markers.
Use the range controls to move the markers.
About this tool
Online Screen Ruler — Measure in Pixels made simple.
The ruler measures CSS pixels, not physical screen size. Display scaling and device settings vary; calibrated millimeters or inches are estimates and should not be used for precision work.
Common questions
About Online Screen Ruler — Measure in Pixels.
How do I use Screen ruler?
Move the two markers to measure a distance on the ruler. Enter a calibration only if you know how many screen pixels equal a real-world length.
Is my data uploaded to a server?
No. This tool runs locally in your browser. Your input is not uploaded.