Roof Overlay

1Roof photo

An aerial or satellite view of the roof. A screenshot from Google Earth or Nearmap works, and you can paste one with Ctrl+V. The photo is never stretched.

2Floor plan

PDF, JPEG, PNG or TIFF. Crop off the title block and border so only the building is left.

3Make the plan stand out

Remove white background

Clean-up

Raise it if grey shading or speckles remain. Lower it if faint lines go missing.

Line color

Line thickness

Outline the lines

Plan visibility

4Line it up

Drag the plan to move it.
Corner grips make it bigger or smaller.
Side grips stretch it one way only.
The round grip turns it.

Click a corner on the plan, then the same corner on the roof. Do the same for a second corner, then fine-tune with the grips.

Rotation (degrees)

Corner grips keep proportions Lock the plan in place

The arrow keys nudge the plan; hold Shift to nudge further. Scroll to zoom in for a closer match. Hold Shift while dragging a corner grip to switch proportions on or off for that drag.

5Mark locations

Click a spot on the plan, such as a ceiling stain or a room, and the marker shows where it is on the roof. Drag a marker to move it.

Show notes on the image

6Save and share

Title

The image is the roof photo with the plan and markers on it and the notes listed underneath, made large enough to print sharp. Set plan visibility to 0 for markers on the bare roof. Your work is kept in this browser; Save project makes a file you can keep or send.

Roof Plan

Start with a photo of the roof

Drop an aerial image here, paste a screenshot with Ctrl+V, or