Page Ruler
On-screen pixel ruler with snap-to-grid, zoom, and measurement export.
Free & unlimited
Mode
100%
800×6000, 0
All processing happens in your browser. No data is sent to any server.
About this tool
- 1
Choose a mode
Select Ruler mode (measure distance between points) or Box mode (drag rectangles).
- 2
Measure
Click two points to measure distance, or drag to draw a measurement box.
- 3
Add guides
Create horizontal and vertical guide lines at specific pixel positions.
- 4
Clear
Use the clear button to remove all measurements.
- The crosshair shows your exact pixel coordinates in real-time.
- Multiple measurement boxes can coexist - compare sizes of different areas.
- Use guide lines to check alignment between elements.
- Ruler and box measurement modes
- Crosshair with pixel coordinates
- Guide lines
- Multiple simultaneous measurements
- Grid background
- Measuring pixel dimensions of UI elements
- Checking spacing and alignment in designs
- Verifying sizes during frontend development