Measure pixels with TypeDash.

Check widths, heights and spacing directly on a visual surface.

4 MIN READVISUAL TOOLS
Windows

What the Pixel Ruler does

The Pixel Ruler measures sizes and spacing on a screen. It is useful when you check layouts, icons or interface distances.

The source recognises Pixel ruler and Open pixel ruler as complete voice commands.

Try the interactive Pixel Ruler

Click Pixel ruler below. Choose a mode in the black toolbar, then drag over the TypeDash screenshot.

Browser demo using the same ruler controls and TypeDash background screenshot as the supplied tool prototype.

Drag to measure bounds. For spacing modes, move over a flat-colour region to see dimensions.

Four measurement modes

BoundsDrag a rectangle to measure width and height
SpacingMeasure horizontal and vertical spacing at once
HorizontalMeasure width along a horizontal line
VerticalMeasure height along a vertical line
Adjust sensitivity

Use the mouse wheel in the demonstration to adjust pixel tolerance for edge detection.

Use the ruler in TypeDash

  1. Open the tool

    Say Pixel ruler after TypeDash starts listening.

  2. Choose a mode

    Select bounds, spacing, horizontal or vertical measurement.

  3. Measure the target

    Move or drag the pointer over the area you want to measure.

  4. Read the measurement

    Check the pixel result before using it in a design.

Common questions

Can I measure both width and height?

Yes. Bounds mode gives the size of a dragged rectangle.

What is pixel tolerance?

Tolerance controls how much colours can differ before the edge detection treats them as a boundary.

Can this browser demo measure other windows?

No. The browser demo measures only its own TypeDash screenshot.

Keep learning

Pick a colour with your voiceUse the TypeDash Calculator

Control your computer with your voice.

Learn the key TypeDash workflows, then try them in the app.

Explore TypeDash