Screen Ruler measures areas and distances on the screen.
Screenshot by Lance WhitneyWhether you're a web designer or developer, a programmer, or a graphic artist, you sometimes need to measure the number of pixels that are used by or surround specific elements on the screen.
Maybe you want to get the size for a certain object. Maybe you need to measure a certain vertical or horizontal distance.
Whatever the reason, one tool that can help is Screen Ruler.
Part of Microsoft's free PowerToys, Screen Ruler will measure a square area, a cross line area, and a vertical or horizontal area. Here's how it works.
Also: How to use the free PowerToys FancyZones in Windows and why you should
If you don't already have PowerToys on your PC, download and install the PowerToysSetup.exe file from the program's GitHub page. PowerToys and its tools work the same in both Windows 10 and 11.
Open PowerToys by double-clicking its System Tray icon. Then, select Screen Ruler in the left pane.
Make sure the switch is turned on for Enable Screen Ruler. By default, the activation shortcut to trigger Screen Ruler is Windows key+Shift+M.
You're best off sticking with the default shortcut as it's chosen to avoid interfering with other Windows shortcut combinations. But if you need to change it, click the Pencil icon and press a different combination. The tool will tell you if you pick an invalid shortcut.
Also: The best graphic design monitors
Set up Screen Ruler.
Screenshot by Lance WhitneyNext, scroll down to the section for Behavior. The first setting here for Capture screen continuously during measuring determines whether the tool continuously measures the screen or takes a single snapshot. For most results, you'll want to keep this switch turned on. However, if you're trying to measure a moving object, such as an animated GIF, or you need to take a screenshot of the measurement, then turn off this switch.
The setting for Per color channel edge detection checks if all the color channels are within a tolerance distance from each other. You can typically leave this turned off. The setting for Pixel tolerance for edge detection can help you more accurately measure certain elements on the screen. For example, Microsoft recommends increasing this value if you need to measure gradients or shadows.
The setting for Draw feet on cross adds "feet" to the cross lines, so you can better see them. And the final setting for Line color determines the color of the measurement lines. Red is the default, but you can easily change this if that color conflicts with the color of the screen.
Also: The best desktops for graphic design
Configure Screen Ruler.
Screenshot by Lance WhitneyNow let's check out Screen Ruler in action. Display the screen or object that you want to measure. Press the shortcut combination to trigger the tool. The Screen Ruler toolbar appears at the top of the screen with icons for the different types of measurements. To measure both the horizontal and vertical distances for a square or rectangular area, click the first icon with the dashed square symbol.
Hold down your mouse button or trackpad and drag to select the area you wish to measure. The number of pixels will change as you draw. When you've selected the exact area, note the horizontal and vertical measurements in pixels. Release your mouse button, and the selection will disappear. You can then select another area to measure the pixels.
Measure square or rectangular area.
Screenshot by Lance WhitneyIf you want to capture multiple areas and keep the selection and pixel measurements visible for each one, press the Shift key as you select each area. The tool will remain active, meaning you can't use your mouse or keyboard for other tasks. To exit the tool, press the Esc key on your keyboard, or click the X on the Screen Ruler toolbar.
Measure multiple areas.
Screenshot by Lance WhitneyPress the shortcut combination again. To measure the horizontal and vertical distances between areas on the screen, click the second icon with the cross symbol. As you move the mouse, the measurement will change depending on the screen elements above, below, to the left, and to the right of the cross lines. To modify the horizontal and vertical distances being measured, move your mouse's scroll wheel up or down.
Also: The best laptops for graphic design
Measure area with cross lines.
Screenshot by Lance WhitneyTo measure a horizontal distance, click the horizontal line icon on the toolbar. Move your mouse to measure a certain area. Move the mouse's scroll wheel up or down to modify the distance being measured.
Measure horizontal area.
Screenshot by Lance WhitneyFinally, to measure a vertical distance, click the vertical line icon on the toolbar. Move your mouse to measure the area you wish to capture. Move your mouse's scroll wheel to alter the distance that you want to measure.
Measure vertical area.
Screenshot by Lance Whitney