Screen Ruler
Measure pixels on your screen with draggable rulers
0, 0
Drag rulers to position them. Click "Measure" to measure point-to-point.
Measurement
Calibrate DPI
Enter your monitor's DPI for accurate physical measurements. The default is 96 DPI (standard for most monitors).
Frequently Asked Questions
How do I measure the distance between two points? +
Click the "Measure" button to enter measurement mode. Click once on the canvas to set the start point, then click again to set the end point. The tool will display the horizontal distance (dx), vertical distance (dy), and straight-line distance in pixels between the two points.
Can I move the rulers around the screen? +
Yes. Both the horizontal and vertical rulers are fully draggable. Click and drag on a ruler to reposition it anywhere on the canvas. The pixel markings update dynamically as you move them.
How do I calibrate the ruler for my screen? +
Click the "Calibrate" button and enter your monitor's actual DPI (dots per inch). The default is 96 DPI, which is standard for most monitors. If you know your screen's true DPI, entering it will allow the ruler to show accurate physical measurements alongside pixel values.
Does this ruler work on high-DPI or Retina displays? +
The ruler measures CSS pixels, which is what web content uses for layout. On high-DPI displays (like Retina), one CSS pixel may correspond to multiple physical pixels. The calibration feature lets you adjust for your actual screen DPI to get physical measurements.
What units does the screen ruler support? +
The ruler primarily measures in pixels (px), which is the native unit for screen measurement. When you calibrate your DPI, the point-to-point measurement also shows the distance in inches and centimeters alongside the pixel value.