Images shape how a business website feels before a visitor reads every word.
They help people decide whether the business is real, current, professional, and relevant. But images only help when they clarify the page. A lot of small business websites use visuals that look acceptable in isolation yet add little proof.
You do not need to fill the site with photos. You need the right visuals in the right places.
Here is what website images should show, what usually belongs nowhere near your pages, and what to replace first if your visuals are dragging the site down.
What good website images actually do
Useful images are not just decoration. They should do one or more of these jobs:
- Show the product, service, team, or outcome
- Make the business easier to trust
- Help a visitor imagine the experience
- Support the hierarchy and readability of the page
If an image does none of those things, it is probably not helping much.
The one-light, one-color, one-crop rule
Before choosing more images, make the existing ones feel intentional. Lock three things:
- One light direction — window-left, softbox front, or shaded outdoor light. Pick one.
- One color grade — warm, neutral, or cool. Pick one and apply it to every image.
- One crop ratio — 16:9 for hero images, 4:5 for portraits, square for grids. Pick per placement, not per image.
This applies best to founder photos, team photos, portfolio images, product shots, and repeated image grids. It matters less for screenshots, charts, or customer-uploaded proof where accuracy is more important than polish.
Mixed sources, including phone photos, stock, and studio shots, can still feel like one brand if these three match. Three constraints you can check in 30 seconds beat vague “keep photos consistent” advice every time.
What to show on the homepage
The homepage should use visuals that reinforce the core offer. Depending on the business, that may mean:
- A real team or founder photo
- A product screenshot
- A finished project example
- A storefront, office, kitchen, job site, or treatment room when the place affects the decision
- A clear result image, such as a repaired leak, finished patio, styled cake, dashboard report, or completed renovation
A plumber may show a branded van, a technician at a real job site, and a clean finished repair. A therapist may show the actual office, a calm waiting area, and a professional portrait. A bakery may show the storefront, best-selling items, and a behind-the-counter production shot.
The homepage hero especially should not rely on random stock imagery. If the top of the page is still weak overall, this guide on what to put above the fold is a useful companion.
What to show on service pages
Service pages work best when images make the service more concrete. That might include:
- Before-and-after examples
- Portfolio samples
- Process photos that show the work being done
- Product, report, dashboard, or deliverable screenshots
- Team photos tied to the service, such as the installer, attorney, consultant, stylist, or clinician a customer may meet
The key is relevance. If the page is about one service, the visuals should support that specific service rather than just adding atmosphere.
For example, a law firm service page should not use a generic courthouse photo if it can show the attorney team, consultation room, checklist, or client intake process. A SaaS feature page should show the actual dashboard, workflow, or before-and-after state the product creates.
What to show on the About page
About-page visuals should humanize the business. Real founder photos, team photos, workspace images, or even a simple portrait often do more than polished lifestyle photography.
This is where a visitor may be deciding whether the business feels credible and approachable enough to contact. A local contractor can show the owner, crew, truck, and shop. A consultant can show a working session or speaking photo. A clinic can show the front desk, treatment rooms, and practitioners.
Choose images by page intent
Page type matters, but image placement matters just as much. Choose the image based on the job of the section:
- Use proof images near testimonials, reviews, case studies, guarantees, and claims
- Use screenshots near feature explanations, pricing details, process steps, and product comparisons
- Use real people near About sections, contact areas, consultation CTAs, and trust-sensitive forms
- Use finished-work images near service descriptions, project galleries, and conversion points
This keeps the image connected to the decision a visitor is making at that moment.
What to skip
Some images consistently weaken small business websites, even when they look professionally shot or technically fine.
Common examples include:
- Generic stock photos with no connection to the actual business
- Photos of people pointing at floating graphics
- Decorative visuals that crowd the page but explain nothing
- Images with too much text baked into them
- Several similar photos that repeat the same idea
These visuals usually make the site feel more generic, not more polished.
What to replace first
In small business site audits, the first images we usually replace are the ones closest to trust and conversion: the hero image, service-page proof, and outdated team or location photos. Those changes often reduce confusion faster than adding more sections.
If your site needs an image cleanup, start with the images that carry the most strategic weight:
- The homepage hero image or screenshot
- Any service-page image that could belong to any competitor
- About-page visuals that fail to show real people or real context
- Oversized, blurry, or outdated images that slow the page or hurt trust
You do not need a total image overhaul all at once. Replacing the most visible and most misleading visuals first usually creates the biggest improvement.
Use fewer images with clearer jobs
Many websites improve when they use fewer images overall. Clutter often comes from visuals that do not have a clear role.
A smaller set of useful images usually works better than a larger set of filler images. Think in terms of image purpose:
- Proof
- Explanation
- Human connection
- Product clarity
If you can name the job, the image is more likely to belong.
Do not forget the technical basics
Even great images can hurt the site if they are handled badly. Small businesses should still get the basics right:
- Use appropriate file sizes and compression
- Keep dimensions consistent where possible
- Write useful alt text when the image adds meaning
- Avoid slowing the page with oversized visual assets
This matters for usability, search visibility, and Core Web Vitals. A 4 MB hero image can make the page feel slow before the copy has a chance to work. Visual quality and site speed should support each other, not compete.
A practical workflow for choosing images
If you are rebuilding a page, choose the message before the image. Decide what the section needs to prove, explain, or make easier to believe. Then pick the visual that does that job with the least distraction.
Website Builder can help because images are easier to choose when the page already has a clear structure: hero, proof, services, about, and CTA areas. The practical question is not “what looks nice?” It is “what should this section help the visitor decide?”
A simple rule for choosing website images
Ask one question: does this image help a visitor understand, trust, or believe the page faster?
If the answer is yes, it probably belongs. If the answer is no, use the space for stronger copy, proof, or a better image.
FAQ
Should small businesses use stock photos on their website?
Sometimes, but carefully. Stock photos are acceptable for abstract support, background texture, or hard-to-photograph ideas, as long as they do not pretend to show your actual team, customers, office, or work. Use real photos for trust-sensitive areas whenever possible.
What images belong on a service page?
Use images that make the service specific: before-and-after photos, project examples, process shots, screenshots, sample deliverables, or the person who performs the work. Avoid visuals that could fit any competitor in the same category.
Should decorative images have alt text?
If an image adds meaning, describe the meaning in plain language. If it is purely decorative and adds no information, empty alt text is usually better so screen readers can skip it.
How does image compression affect Core Web Vitals?
Large images can delay loading, especially the hero image. Compress photos, use the right dimensions, and avoid uploading full-resolution camera files when the page only displays a much smaller version.
What should I replace first on an outdated website?
Start with the most visible and trust-sensitive visuals: the hero image, weak service-page images, outdated team photos, and any image so large that it slows the page.