Pixel Ruler

Visualize pixel spacing scales.

Measure

Drag across the screenshot to measure a distance, a gap or a whole element.

Drop a screenshot here, or choose a file.

Width0 px

Height0 px

Diagonal0 px

Angle0°

From—

To—

Ratio—

Values are in the screenshot's own pixels, so zoom never changes them.

Scale1.00×

Viewport0 × 0 px

Device pixel ratio1×

Physical pixels0 × 0

A screenshot taken on a 1× display measures 1 image pixels per CSS pixel — divide by 1 to get CSS units.