When it comes from the realization of demand
For a perfect looking of a digital product, the technology professionals spend much time to work with pixel. A typical workflow could be characterized by:
- Take screenshot, open it in an image editing software.
- Measure and configure image via an integration tool.
The sense of proportion is not precise and also take much time that leads the developers and digtal designers to have a digital ruler measuring any objects on screen. Pixel Ruler is an on screen ruler shows its role: align precisely, refine workflow, reduce redundant, save time.
Pixel Ruler UI
Not an on-shelf ruler, Pixel Ruler is a digital application which aiming at creators to measure elements for front-end development, web design, graphic design or any task you may need.

Core Features of Pixel Ruler
The visible projection line

Partial measurement
Using left click (or space bar) to mark and measure your selection partially.

Rotating ruler in different views
Switch between the horizontal and vertical views by:
- Click the Rotate symbol, or
- Using key
R
.

Resize ruler length
Lengthen or shorten the ruler by:
- Click key
-
to shorten / key+
to lengthen, or - Using key
S
/L
for same action.

Locking moves
To prevent accidental clicks by:
- Click the Navigation symbol to lock/unlock moves, or
- Press key
M
for same action.

Three units of measurement

Moving the Zero point
Click on the Circle symbol to relocate the Zero point to left / right / center.

Personalization
Transparency

Theme
Switch light or dark theme for clearly observation by clicking the Painting Tray symbol.

Always on Top
To keep Pixel Ruler floating over the desktop by "Always on Top".

Hotkey
Beside the features are active by pressing the button, you can use the hotkeys for quick work:
HOTKEY | ABBREVIATION | FEATURE |
---|---|---|
S |
Shorter | Shorten the ruler |
L |
Longer | Lengthen the ruler |
R |
Rotating | Show ruler in vertical or horizontal view |
M |
Moving | Lock / unlock moves |
T |
Top mode | Keep ruler "Always on Top" |
CTRL / ALT with keyboard arrow |
Pixel Moving | Move ruler by every single pixel |
Pixel Ruler is available on Microsoft Store, click here to download.