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
Related tools
View allUtility
Ambient sound generator
Mix ambient sounds for focus, sleep, or relaxation
Utility
Aspect ratio calculator
Calculate dimensions for any aspect ratio
Utility
Barcode generator
Generate Code128, EAN-13, UPC-A barcodes and QR codes
Utility
Batch converter
Convert up to 20 files at once with progress tracking