Before and After Roof Photos for Your Website

Raftervio sells website design to roofing contractors. This guide explains the topic first and mentions our service only where it fits.

Why your own photos matter

Homeowners comparing roofers want evidence of the work, not pictures of it. Stock photos of perfect houses are easy to recognize, especially when a homeowner has seen the same image on two other roofing sites. Your own photos of real jobs show the materials you install, the care your crews take and the kind of homes you work on. They also make your service and area pages specific in a way text alone cannot.

A simple shot list

Consistency matters more than equipment. A modern phone camera is enough. Shoot the same angles at each stage so before and after images line up.

Safety first

No photo is worth a fall. Take roof photos only when it is safe to do so and by people trained to work at height. Ground-level and drone shots can cover a lot. If crews appear in photos, make sure they are following your safety practices. A photo of someone working without fall protection can undermine trust and may draw unwanted attention.

Permission and privacy

Photos of a customer's home are photos of their property, and sometimes of their family, cars and neighbors.

• Ask the homeowner for written permission before publishing photos where the house is identifiable
• Explain where photos will appear: website, social media, ads
• Offer to leave out the street name, town or anything else they prefer
• Remove or blur house numbers, license plates, faces of residents and visible mail
• Ask crew members for consent before featuring them prominently
• Keep a record of permissions with the job file
• Remove a photo promptly if a homeowner later asks

A short permission line in your contract or completion paperwork makes this routine rather than awkward.

Honest presentation

Before and after photos are powerful because people assume they are real and representative. Keep them that way:

• Use only photos of work your company did
• Do not edit photos in ways that change what the work looks like, such as removing visible defects; basic crop, exposure and color correction are fine
• Match the lighting and angle where you can, so the comparison is fair
• Do not label a stock image or another company's work as a project of yours

The FTC's Endorsement Guides say advertisers should not take actions that distort or misrepresent what consumers think, and that consumer endorsements imply the results shown are representative unless clearly qualified.¹ Project photos are not reviews, but the same principle applies: what you show should be what customers can expect.

Choosing which photos to publish

Quality over quantity. For each service page, a handful of strong, varied photos beats a gallery of fifty near-identical shots. Pick photos that show:

• Different roof types and materials you install
• Different house styles in your service area
• Details that set your work apart, such as flashing, ventilation, clean edges
• Storm repairs, if you do that work, alongside what was found

Place photos where they support the text. A photo of a valley repair belongs next to the paragraph about valley repairs.

Alt text and captions

Alt text describes an image for people who cannot see it, including people using screen readers. It also helps search engines understand the image. Write what the photo shows in plain language:

• Good: "New charcoal architectural shingles on a two-story colonial, viewed from the street"
• Less useful: "roofing contractor best roof replacement near me"

WCAG 2.2 requires text alternatives for non-text content such as images, unless the image is purely decorative.² Captions are optional but can add context, such as the material used or the problem fixed.

File size and speed

Photos are often the heaviest part of a roofing site. Large images slow pages down and can hurt Largest Contentful Paint, one of Google's Core Web Vitals, which is considered good at 2.5 seconds or less.³

1. Resize photos to the largest size they are shown at, not the camera's full resolution
2. Use modern formats such as WebP where supported
3. Compress images; most people will not notice moderate compression
4. Lazy-load images further down the page
5. Give images width and height so the layout does not jump while they load

Organizing your photo library

Create a simple folder structure by year, job address code (not the full address) and stage. Add a note with the materials, the service and whether permission was given. When a new service page or area page is written, the right photos are easy to find.

Writing captions that help

A caption turns a photo into evidence. Instead of "Recent project", say what happened: "Hail-damaged three-tab shingles replaced with impact-rated architectural shingles; new ridge vent added." A homeowner comparing roofers learns what you install and how you approach a job. Keep captions factual. Avoid claims about results you cannot back up, such as energy savings, unless you can point to a source for the specific product.

Photos on different page types

• Service pages: two or three photos that show that specific service, placed beside the paragraph they illustrate.
• Area pages: one or two local projects, with the town or neighborhood named only if the homeowner agreed.
• About page: your crew, your trucks and your yard or office if customers visit.
• Storm damage page: examples of the damage you look for, so homeowners know what to check from the ground. Do not pair these with promises about insurance outcomes.

When you have no photos yet

New companies and newly rebranded ones often start with few usable photos. Be honest rather than filling gaps with stock images presented as your work. Use simple illustrations or clearly labeled stock for general topics, and make collecting project photos part of every job from now on. Within a few months most active roofers have more than enough.

A permission line you can adapt

A short sentence in your completion paperwork can cover photo permission, for example: "We may photograph the work for our records. With your permission, we would like to use some photos on our website and social media without showing your house number or other personal details. Please check this box if you agree." Adapt it with your attorney, keep the signed copy with the job, and respect a "no".