Online Ruler — Measure Directly on Your Screen

Convenient online ruler to measure lengths in centimeters (cm), millimeters (mm), inches, and pixels directly on your screen. Use standard physical card calibration for high precision, or start measuring immediately with automatic estimation without downloading any app.

Penggaris Online Digital Ruler Features

🎯 4 Calibration Methods

Auto-detect based on device database, pick your device model, enter screen diagonal, or use a credit/debit card as reference. Each method shows a confidence indicator so you know how accurate your measurements are.

📐 Precision Measurement

Display rulers on all screen edges — top, bottom, left, right simultaneously. Draggable guide lines, crosshair mode, and rectangle tool to measure width, height, diagonal, and area all at once.

🔄 4 Measurement Units

Instantly switch between mm, cm, inches, and pixels using buttons or keyboard shortcuts (1234). Includes inch graduation settings (1/8, 1/16, 1/32) for precise imperial measurements.

📱 All Devices

Works on Android phones, iPhones, tablets, laptops, and monitors. Responsive and adapts to any screen size. Install as a PWA for offline use — like a native app without downloading.

How to Use the Online Ruler

Calibrate Your Screen
Click the Calibrate button in the toolbar. Choose the most convenient method: auto-detect, pick your device model, enter your screen's diagonal size in inches, or use a credit card as a size reference. Calibration is saved automatically in your browser.
Choose Ruler Edge
Activate rulers on one or all screen edges using the toolbar buttons. Place your object against the screen edge and read the measurement directly on the ruler scale.
Measure with Precision
Use guide lines for precise alignment, crosshair mode for real-time X/Y coordinates, or the rectangle tool to measure width, height, diagonal, and area of objects placed on the screen.

Screen Pixel Density (PPI) & Calibration

PPI (Pixels Per Inch) defines the exact count of display pixels packed into one physical inch of your screen. Different screens vary drastically — modern smartphones reach over 460 PPI, while desktop computer monitors typically range from 100 to 220 PPI.

Without calibration, a "1 cm" element in your browser is merely an arbitrary software guess. Calibrating your screen establishes an exact 1:1 real-world physical scale.

Mathematical Conversion Formulas

The mathematical relationships between digital pixels and real-world lengths are:

1 inch = PPI pixels
1 cm = PPI ÷ 2.54 pixels
1 mm = PPI ÷ 25.4 pixels

Example: On a MacBook Pro Retina display (~227 PPI), 1 physical cm requires 227 ÷ 2.54 ≈ 89.37 pixels.

Calibration Methods

💳 1. Standard Physical Card (ISO ID-1)

Highly Recommended. Uses a standard bank or ID card (ISO/IEC 7810 ID-1, exact length 85.60 mm). Simply align your physical card against your screen and adjust the slider.

📱 2. Select Device Model

Choose your device from our database of popular smartphones, tablets, laptops, and monitors to automatically apply factory-certified PPI ratings.

📐 3. Screen Diagonal Size

Input your physical diagonal display dimension in inches (e.g., 14", 15.6", or 27"). The tool computes exact PPI using the Pythagorean screen formula.

🔍 4. Automatic Estimation

Your browser reads CSS screen resolution and device pixel ratio (DPR) to provide a fast initial baseline when no physical card is available.

Who Uses the Online Ruler?

🎓 Students & Teachers

Measuring printouts, diagrams, maps, and worksheets for school assignments. Perfect for Math, Physics, and Craft classes.

👨‍💻 Designers & Developers

Checking element sizes, margins, and spacing directly on screen. Ideal for web designers, UI/UX designers, and graphic designers.

🧵 Tailors & Crafters

Measuring fabric, patterns, and craft materials when no physical ruler is available. Make sure to calibrate first for accurate results.

🛒 Online Sellers

Measuring items for listings on eBay, Amazon, or other marketplaces. Show buyers the actual size of your products.

📸 Photography

Comparing filter sizes, sensor dimensions, and print proportions. Great for photographers who need quick size references.

🏠 DIY & Projects

Measuring materials, components, and parts while working on home projects. No need to find a physical ruler — just open your browser.

Frequently Asked Questions

Is this online ruler really accurate?

Yes, after calibration. Accuracy depends on your calibration method: card match and device picker give the highest consistency, screen diagonal and manual input give medium consistency, while auto-detect is only a starting estimate. The confidence indicator in the toolbar shows your current accuracy level.

Why do I need to calibrate?

Every screen has a different pixel density (PPI). A 100-pixel line might be 5 mm on one screen and 8 mm on another. Calibration determines your screen's exact PPI so we can draw an accurate ruler.

Which calibration method should I use?

Card match is the most reliable method because you're directly comparing a physical object to its digital representation. If you have a credit card or A4 paper, use that.Device picker is the next best option if your device is in our database.

Does browser zoom affect accuracy?

Yes. Browser zoom changes the effective pixel density, which can throw off measurements. The Online Ruler detects zoom changes and shows a warning banner. If you see the warning, recalibrate for best results.

Is my data saved anywhere?

No. Everything runs locally in your browser. Your calibration profile, unit preference, and theme setting are stored in localStorage — they never leave your device.

What objects can I use for calibration?

Four standard reference objects are supported:

Credit/debit card — 85.6 × 53.98 mm (ISO/IEC 7810 ID-1)
US dollar bill — 156 × 66.3 mm
A4 paper — 210 × 297 mm (ISO 216)
US Letter paper — 215.9 × 279.4 mm

Can I use this on my phone?

Yes. The Online Ruler works on phones, tablets, and desktops. It's a responsive tool that adapts to any screen size. You can also install it as a PWA (Progressive Web App) for offline use.

What is the command bar?

Press / to open the command bar. Type natural commands like:

show 3cm — see how big 3 cm is on your screen
compare 2in to 5cm — compare two measurements
convert 100mm to in — convert between units
show 3cm, compare 5cm to 4in — combine multiple commands

How do guide lines work?

Click the guide lines button in the toolbar (or press G), then click anywhere on the screen to drop a reference line. Drag to reposition, double-click to remove, or press Esc to clear all.

How do I measure area?

Enable the rectangle tool (press R or click the toolbar button), then click and drag to draw a measurement box. Width, height, diagonal, and area are displayed in real time.

Keyboard Shortcuts

Key	Action
`1`	Switch to centimeters (cm)
`2`	Switch to millimeters (mm)
`3`	Switch to inches (in)
`4`	Switch to pixels (px)
`T`	Toggle dark/light theme
`C`	Toggle crosshair
`G`	Toggle guide lines
`R`	Toggle rectangle measurement tool
`F`	Toggle fullscreen mode
`/`	Open command bar
`?`	Open help panel
`Esc`	Close panels / clear guide lines

Popular Device PPI Reference

Here are PPI values for popular devices. If your device isn't listed, use the Card Match calibration method for the most accurate results.

Device	Category	PPI
iPhone 16 Pro Max	Phone	460
iPhone 16 / 15 Pro	Phone	460
Samsung Galaxy S24 Ultra	Phone	505
Samsung Galaxy S24	Phone	416
iPad Pro 12.9"	Tablet	264
iPad Air / iPad 10th	Tablet	264
iPad mini	Tablet	326
Samsung Galaxy Tab S9	Tablet	274
MacBook Air 13" / 15"	Laptop	224
MacBook Pro 14"	Laptop	254
MacBook Pro 16"	Laptop	274
Monitor 27" 4K	Monitor	163
Monitor 27" 1440p	Monitor	109
Apple Studio Display	Monitor	218

Ready to Measure?

Calibrate your screen now and start measuring accurately. The Online Ruler is free, requires no registration, and works on all devices.

Tip: Save this page to your home screen for quick access as an app. Tap "Add to Home Screen" in your mobile browser.