Screen Ruler
Measure anything on your screen in pixels, centimetres, or inches. Calibrate DPI for accuracy.
🔒 100% client-side
Screen Ruler
Detected DPI: 96
Tips
- Click and drag on the canvas above to draw a measurement line.
- Each line shows its distance in your chosen unit (px, cm, or in).
- For accurate cm/inch readings, calibrate your DPI using a physical ruler.
- Hold Shift while dragging to snap to horizontal, vertical, or 45° angles.
- All measurements stay on screen until you click Clear All.
About Screen Ruler
Screen Ruler lets you measure anything on your screen in pixels, centimetres, or inches — entirely inside your browser. Click and drag to draw a ruler overlay, or use the crosshair mode for precise point-to-point measurements. The tool auto-detects your screen DPI (dots per inch) for accurate cm/inch readings, and you can calibrate manually if needed. Horizontal, vertical, and diagonal distances are shown in real time. Use it to check UI spacing, verify responsive layouts, measure image dimensions, or inspect any on-screen element. Measurements stay visible so you can compare multiple distances. 100% client-side: nothing leaves your browser.