Why good photos matter on a small business website

People size up your business fast when they land on your website, and most of that first impression comes from the pictures, not the words. A blurry photo of your storefront or a stock photo of strangers shaking hands in a boardroom tells them something about you. So does a sharp photo of your actual crew on an actual job.

Here's what we look for in website images as designers, and what we do as developers to keep those images from slowing your site down.

Real photos beat stock photos

Stock photos have their place, but people can spot them. A photo of your real team, shop, trucks or products shows a visitor who they'll actually be dealing with, and that does more for trust than any polished stock image. For a hauling company, that might be the truck and the crew at a job. For a vet clinic, the building and the people at the front desk.

They don't have to be professional shots. A recent phone can take a good photo in daylight. Clean the lens, shoot with the light behind you, and take more than you need so you can pick the best few.

Every image should point somewhere

Good design uses images to lead the eye: toward your phone number, your quote form, the service people came looking for. Put your best photo next to the thing you most want them to do. If an image doesn't help someone understand what you do or take the next step, it's decoration, and decoration still costs load time.

Match the rest of your business

Your colors, logo and photo style on the website should match what customers see on your truck, your sign or your menu. When the site looks like the business they already know, it feels like the same company. When it doesn't, people wonder if they've landed in the right place.

Keep images from slowing your site down

Oversized images are one of the most common reasons an older small business site feels slow. A photo straight off a phone can be several megabytes. Shown in a box a few hundred pixels wide, most of that is wasted download, and on a phone with one bar of signal, visitors feel it.

What fixes it:

• Resize each image to roughly the size it's shown at (about twice that for sharp high-resolution screens), not the size your camera took it.
• Use a modern format like WebP or AVIF and compress it. Most people can't tell the difference in quality, but the file gets much smaller.
• Load images below the fold only when a visitor scrolls near them.
• Serve images from a content delivery network (CDN). We use Cloudflare, which keeps copies of your images on servers around the world so they load quickly wherever your visitor is.

On the sites we build, most of this happens automatically. (More on that in why we build our client websites with Next.js.)

Write alt text for every image

Alt text is a short description attached to an image. Screen readers read it aloud for visitors who can't see the picture, and search engines use it to understand what the picture shows.

Write it the way you'd describe the photo over the phone. "Crew loading an old couch into a dump trailer" is useful. "image1.jpg" or a string of keywords isn't. Purely decorative images get empty alt text so screen readers skip them.

If your site looks dated or loads slowly, the images are often the first thing we'd fix. Book a consult and we'll tell you what we'd change.