Search…

Measure Distance on Screen with Pixel Ruler

20/06/20222 min read
On screen ruler tool measuring distance of objects in Pixel, Inch, Millimeter.

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.

Pixel Ruler UI

Core Features of Pixel Ruler

The visible projection line

The target point continuously goes accompany with the mouse cursor for positioning perfectly and auto-sizing thoroughly.

 

The visible projection line

Partial measurement

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

Marking start - end point

Rotating ruler in different views

Switch between the horizontal and vertical views by:

  • Click the Rotate symbol, or
  • Using key R.
Rotating the ruler

Resize ruler length

Lengthen or shorten the ruler by:

  • Click key - to shorten / key  + to lengthen, or
  • Using key S / L  for same action.
Resizing the ruler

Locking moves

To prevent accidental clicks by:

  • Click the Navigation symbol to lock/unlock moves, or
  • Press key M  for same action.
Locking moves

Three units of measurement

Pixel  / Inch / True-size Millimeter especially is handy for printing or simulation. Switching units by clicking the Ruler symbol.
Measurement 

Moving the Zero point

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

Relocating zero point

Personalization

Transparency

Scrolling the mouse wheel up / down to decrease / increase respectively to set transparency to observe the objects under the ruler easily.

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"
CTRLALT  with keyboard arrow Pixel Moving Move ruler by every single pixel

Pixel Ruler is available on Microsoft Store, click here to download.

Contents

Share
  • When it comes from the realization of demand
  • Pixel Ruler UI
  • Core Features of Pixel Ruler
  • The visible projection line
  • Partial measurement
  • Rotating ruler in different views
  • Resize ruler length
  • Locking moves
  • Moving the Zero point
  • Personalization
  • Transparency
  • Theme
  • Always on Top
  • Hotkey

Related Posts

  • Share
  • Content
STDIO

STDIO Co., Ltd

30 Trinh Dinh Thao, Hoa Thanh ward, district Tan Phu, Ho Chi Minh city, Vietnam
+84 28 22 00 11 12
developer@stdio.vn

383/1 Quang Trung, ward 10, district Go Vap, Ho Chi Minh city
Business license number: 0311563559 issued by the Department of Planning and Investment of Ho Chi Minh City on February 23, 2012

©STDIO, 2013 - 2022