How to measure floor plan or map (with no dimensions) in your browser with PageScale Measure

Staring at a floor plan or map with no dimensions? You can still get reliable measurements—directly on the webpage—by calibrating a scale from something you do know and then measuring everything else relative to it. This guide combines the practical technique with a hands-on workflow using the Chrome extension PageScale Measure. No CAD. No uploads. Just click, calibrate, and measure. 🚀

What PageScale Measure does (and why it’s perfect for dimensionless images) ✅

On-page scale calibration: Click two known points, enter the real length, and the extension sets units per pixel for the page.
Click-to-measure: Switch to Measure and click two points; you get a red line with a clean length label.
Multiple units: mm, cm, m, in, ft, yd—plus ft+in formatting (e.g., 5′ 7.5”).
Export PNG snapshots: Select an area of the page and export a PNG that includes your red lines and labels.
Lightweight overlay UI: Compact panel that keeps as much screen space as possible.
Free vs PRO: Free plan allows up to 7 measurements per page and adds a watermark on exports; PRO unlocks unlimited measurements and removes the watermark on future exports.

Quick start in 30 seconds ⏱️

Install the extension from the chrome web store
Open the page (plan, map, image) and click the extension → Activate on this tab (the popup closes automatically).
In the small overlay (top-right), click Calibrate:
- Click two points that represent a known distance (e.g., ends of a 1 m scale bar, width of a standard door).
- Type the real length and pick its unit (mm/cm/m/in/ft/yd).
Click Measure, then click any two points to draw a red line with the length label.
Change Display units anytime (including ft+in)—no need to recalibrate unless you change zoom.

🎯 Tip: Use the longest trustworthy reference you can find (e.g., a long wall or a map scale bar). Longer references reduce percentage error.

5. EXPORT: click export, select the area to save and finally save the new image in PNG format.

The underlying method (so you trust the numbers) 🧮

Calibrate once, measure fast after. Conceptually:

Let P be the pixel distance between your two calibration points.
Let R be the real distance (in your chosen unit).
The scale factor is s = R ÷ P (units per pixel).
Any new pixel distance D becomes D_real = D × s.

PageScale Measure automates this for you: you click two points, enter R, and it remembers s for the session.

Picking a good reference 📏

Great sources:

Map scale bar (e.g., “100 m”).
Architectural standards: door width ≈ 0.80–0.90 m, parking bay ≈ 2.4–2.6 m, a known tile edge (30/45/60 cm), common pallet 120×80 cm.
Printed scale (e.g., 1:100) if your scan/photo is square to the page (avoid skew).

If you can’t find a definitive reference, pick the best-known one and cross-check with a second feature after calibrating.

Measuring straight, curved, and composite distances 🎯➕📏

Straight line: One click at the start and one at the end—done.
Curved routes: Measure as segments (corner to corner) and sum them; this follows the real path and reduces curvature error.
Perimeter: Keep adding segments around the boundary; the overlay keeps labels clear as you go.

📝 Label formats: In metric, use one or two decimals (e.g., 124.3 cm). In imperial, ft+in is readable for non-technical audiences (7′ 4″).

Areas & perimeters (fast estimates) ▭➕△

Once you can measure lengths, area is straightforward:

Rectangles/rooms: Area = length × width.
Irregular shapes: Split into rectangles/triangles and sum the parts.
Perimeter: Sum all edges (segment workflow is ideal).

While PageScale Measure focuses on distance, these simple decompositions cover most quick-estimate needs.

Unit conversions you’ll actually use ↔️

1 in = 25.4 mm (exact) → 1 in = 2.54 cm
1 ft = 12 in = 30.48 cm
1 yd = 3 ft = 91.44 cm

Choose the unit your audience expects (US: ft+in; architectural drawings: mm/cm; maps: m/km).

Accuracy boosters 💡✅

Calibrate at your working zoom. If you zoom in/out or your device pixel ratio changes, recalibrate for best accuracy.
Aim for long baselines (long walls, full scale bars).
Click precisely: zoom in and snap to corners/scale ticks.
Cross-check after calibrating: measure another known feature; if off by >2–3%, recalibrate.
Watch for distortion: photographed plans at an angle cause perspective skew; prefer square scans or screenshots.

Export & share (with free/PRO behavior) 🖼️➡️💬

Click Export, drag a rectangle over the portion of the page you want, and the tool captures a PNG including your overlay lines and labels.
Free plan: adds a small watermark.
PRO: watermark removed on future exports; your PRO status is remembered in the extension (enter unlock code in the popup).

⚠️ Some protected pages (e.g., chrome://) cannot be captured by the browser. For regular sites, you’re set.

Keyboard shortcuts & panel controls ⌨️

Esc — close the overlay
Ctrl/⌘ + Z or Backspace — undo the last segment
Show/Hide overlay — keep your canvas clear when needed
Undo/Clear — refine your measure set without starting over

Privacy & permissions 🔐

PageScale Measure uses activeTab, scripting, downloads, and storage strictly to draw the overlay, export your selected area, and remember PRO status.

No analytics. No tracking. Everything runs locally in your browser.

Troubleshooting 🛠️

No overlay after clicking? Use Activate on this tab, then Calibrate. If the page had an older injection, just hit Calibrate again or reload the page.
No red line labels? Ensure you finished Calibrate (two clicks + real length).
Export looks off-frame? Drag a slightly larger selection and make sure the content is visible in the tab.
Zoomed in/out? Recalibrate to refresh the pixels-to-units ratio.

Final Take 💬

By combining a sound calibration method with PageScale Measure’s on-page tools, you can turn any plan or map into a precise, shareable measuring canvas—even when no dimensions are printed. Calibrate once, measure anything, export what matters. 📏✨