14 categories
See all →
  1. Home
  2. Design
  3. Screen Ruler

Screen Ruler

Measure anything on your screen — drag to draw measurement boxes

Click and drag to measure
You can create multiple measurements
Width: —
Height: —
Diagonal: —
Position: —
Screen DPI Reference
Advertisement

What is Screen Ruler?

Free online screen ruler to measure elements, images, and distances on screen in pixels, cm, mm, or inches. Works in any browser without installation. Creative design tools that work entirely in your browser without any software. TekPulse's Screen Ruler is completely free — no signup, no ads in results, and no data stored on our servers.

How to Use Screen Ruler Online

  1. Open the screen ruler in your browser
  2. Drag the ruler to the position on screen you want to measure
  3. Resize the ruler by dragging its edge to the end point
  4. The ruler displays the measurement in pixels and the approximate size in centimetres
  5. Use the orientation toggle to switch between horizontal and vertical ruler mode

Why Use TekPulse Screen Ruler?

Runs Entirely in Your Browser
Pure HTML/CSS/SVG measurement — no files involved, nothing sent anywhere
4 Measurement Units
Measure in pixels, cm, mm, or inches with an adjustable DPI setting
Multiple Measurement Boxes
Draw as many measurement boxes as you need, each with width, height and diagonal shown live
Common Screen DPI Presets
Quick presets for standard monitors, MacBook Retina, iPhone, and 4K displays

Share & Embed

Help others discover this free tool. Share it or embed it on your website.

WhatsApp X/Twitter LinkedIn

Free to embed with attribution link to tekpulse.in

Frequently Asked Questions

Click and drag on the canvas area to draw a measurement box. The tool instantly shows width, height, and diagonal in your chosen unit (px, cm, mm, inches). You can create multiple measurement boxes at the same time.

Set the DPI to match your screen. Standard monitors are 96 DPI. MacBook Retina displays are ~220 DPI. iPhones are 326–460 PPI. If you use the correct DPI, px measurements will convert accurately to physical cm/mm/inches.

Physical size measurements depend on your screen's actual DPI. Set the correct DPI for your display from the presets provided. Note that browser zoom level also affects pixel measurements — use 100% zoom for accuracy.

Yes! Drag the ruler over any part of your screen to measure spacing, element sizes, or icon dimensions in pixels. This is useful for checking design consistency, measuring margins/padding, or verifying icon sizes.

Was this tool helpful?