Width
0 px
Height
0 px
Area
0 px2
Tip: hold Shift while drawing to snap to a square.
Measurements are in CSS pixels, which are exact on every screen, so no calibration is needed. Works with mouse and touch.
Frequently asked questions
Are the measurements accurate?
Yes. The ruler measures in CSS pixels, which are exact logical units in the browser. They match what you would get from window.innerWidth or a screenshot's dimensions, so no calibration is needed.
How do I measure something?
Click and drag anywhere inside the pad to draw a measurement box. Drag the green corner handles to resize it, or drag inside the box to move it. Hold Shift while drawing to snap to a perfect square.
Does it work on touch screens?
Yes. The ruler uses pointer events, so it works with a mouse, trackpad, stylus or finger on touch devices.
Preview
Related free tools
Free Base64 Encoder Decoder
Free Base64 encoder and decoder. Encode text to Base64 or decode Base64 back to text, righ
Free CSS Minifier Online
Free CSS minifier. Remove comments and whitespace from CSS to shrink file size and speed u
Free SHA-256 Hash Generator
Free SHA-256 hash generator. Hash text with SHA-256, SHA-384 or SHA-512 securely in your b