Choosing Website Imagery
Stock photography, original photography, AI-generated images, illustrations, and graphics all have a place on a website. The right choice depends on your audience, your goals, your budget, and what you are trying to communicate.
The Four Common Image Types
Most website imagery falls into one of four categories. Each has distinct strengths, challenges, and best use cases.
Original Photography
Strengths
- Shows real people, places, and work
- Builds authenticity and trust
- Differentiates from competitors
- Unique to your organization
Challenges
- Higher upfront cost
- Requires planning and coordination
- Needs periodic updating
Best for: Restaurants, retail, trades, professional services, team pages, local businesses, and any organization where showing real people and real work matters.
Stock Photography
Strengths
- Lower cost and fast to implement
- Large libraries with broad topic coverage
- Consistent professional quality
- Available immediately
Challenges
- Same images may appear on other sites
- Generic imagery can feel impersonal
- Licensing terms vary by provider
Best for: New businesses, startups, blog articles, educational resources, landing pages, marketing campaigns, and budget-conscious projects.
AI-Generated Imagery
Strengths
- Rapid concept generation
- Custom visual styles on demand
- Lower production costs
- Creative flexibility
Challenges
- Quality and accuracy vary
- Requires careful review before use
- Transparency expectations are evolving
- Not suitable for representing real people or places
Best for: Conceptual visuals, abstract backgrounds, illustrative content, creative campaigns, and situations where a custom visual style is needed at low cost.
Graphics & Illustrations
Strengths
- Ideal for explaining complex ideas
- Scalable and resolution-independent (SVG)
- Consistent with brand style
- Accessible when implemented correctly
Challenges
- Custom illustrations require design skill or budget
- Generic icon sets can feel impersonal
- Diagrams need clear labelling for accessibility
Best for: Process diagrams, infographics, educational content, service explanations, conceptual visuals, and any situation where a photograph would not communicate the idea clearly.
Visual Examples
Each imagery approach has a distinct visual character. The examples below show what each type looks like in practice and explain when it is the right choice for a website.
Original Photography
Original photography shows the real people, locations, and environment behind a business. Because it cannot be replicated by a competitor, it is one of the most effective ways to build trust and differentiate a website.
Visitors can usually tell the difference between a genuine team photo and a stock image of strangers in an office. Authenticity matters more than production value.
Best suited for:
- Local businesses and trades
- Professional services and consultancies
- Organizations where showing real people matters
- Any business where trust is central to the visitor relationship
Stock Photography
Stock photography provides affordable access to professional-quality visuals that would otherwise be difficult or expensive to produce. For new businesses, content-heavy pages, and budget-conscious projects, it is often exactly the right solution.
The key is choosing images that feel relevant and intentional. A well-chosen stock image that supports your message is more effective than a poorly chosen original photograph.
Best suited for:
- New websites launching on a limited budget
- Blog articles and educational content
- Faster launches where photography is not yet available
- Supporting imagery where authenticity is less critical
AI-Generated Imagery
AI image generation has created new options for website design and content creation. It can produce custom visual styles, conceptual visuals, and abstract backgrounds at low cost and with significant creative flexibility.
Organizations should ensure AI-generated imagery is appropriate, accurate, and aligned with their audience and brand. It should not be used to represent real people, real locations, or real products that do not exist.
Best suited for:
- Custom concepts and unique visual storytelling
- Abstract backgrounds and illustrative content
- Creative campaigns requiring a specific visual style
- Situations where traditional photography is not practical
Graphics, Icons & Visual Communication
Some ideas are better explained with diagrams, icons, illustrations, and infographics than with photography. Learn when graphics improve understanding and how to use them effectively on a website.
Explore Graphics & Visual Communication →Choosing Images That Build Trust
Imagery is one of the fastest signals a visitor processes when they arrive on a website. Before they read a word, they have already formed an impression based on what they see.
Authenticity matters more than production value. A genuine photograph of your actual team, workspace, or product will almost always outperform a polished stock image of strangers. Visitors are good at recognizing when imagery feels real versus when it feels borrowed.
Relevance matters more than beauty. An image that directly supports the content on the page is more effective than a visually impressive image that has no clear connection to the message. Ask whether each image is earning its place.
Audience expectations vary by industry. A law firm, a restaurant, and a technology startup have different visual expectations. What builds trust in one context may feel out of place in another. Industry guides can help you understand what visitors in your sector expect.
Visual consistency builds familiarity. Using a consistent visual style — similar colour tones, similar image treatments, similar subject matter — across your website creates a more cohesive experience. Inconsistent imagery can make a website feel assembled rather than designed.
Avoid imagery that feels generic. Overused stock images — handshakes, people pointing at whiteboards, generic cityscapes — can undermine credibility. If an image could belong to any organization in any industry, it is probably not doing useful work for yours.
Use images intentionally. Every image on a page should have a purpose. If you cannot explain why an image is there, it may not need to be there. Fewer well-chosen images are more effective than many images used as decoration.
Imagery, Accessibility, and Performance
Every image on a website has two jobs beyond looking good: it must be accessible to all visitors, and it must not slow the page down. The checklists below cover both.
Accessibility
- Every meaningful image needs descriptive alt text — describe what it shows, not what it is called
- Decorative images use empty alt text (
alt="") so screen readers skip them - Diagrams and infographics may need longer descriptions or supplementary text nearby
- Never embed important text inside an image — assistive technology cannot read it
Performance
- Use modern formats (WebP, AVIF) — significantly smaller file sizes than JPEG or PNG
- Size images to the dimensions they will actually display at — never serve a 4000px image in a 400px slot
- Apply
loading="lazy"to images below the fold - Use SVG for icons, logos, and simple graphics — resolution-independent and tiny
- Compress images before uploading — tools like Squoosh or TinyPNG remove unnecessary data
Where to Find Images
Professional stock photography providers include:
Free stock photography providers include:
Each platform offers different licensing models, content collections, and use cases. Review licensing terms and usage rights before publication.
Imagery Decisions Follow the Same Principles as Every Other Design Decision
Good imagery choices follow the same logic as other design decisions: purpose, clarity, accessibility, audience fit, and long-term value. An image that serves no clear purpose, excludes part of your audience, or degrades over time is not a good design decision — regardless of how it looks.