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.
When Each Type Works Well
Stock Photography
Stock photography is a practical choice for many organizations. It provides affordable access to professional-quality visual content 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 rather than generic. A well-chosen stock image that supports your message is more effective than a poorly chosen original photograph.
Original Photography
Custom photography creates stronger connections when it shows real people, real locations, real products, and real work. Visitors can often tell the difference between a genuine team photo and a stock image of people in an office.
For businesses where trust and authenticity are central to the visitor relationship — trades, restaurants, professional services, community organizations — original photography is often worth the investment.
AI-Generated Imagery
AI image generation has created new options for website design and content creation. It can be useful for generating conceptual visuals, abstract backgrounds, and illustrative content at low cost.
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.
Graphics & Illustrations
Diagrams, infographics, process graphics, and educational visuals can communicate ideas that photographs cannot. A service process explained through a clear diagram is often more useful than a photograph of someone at a desk.
Illustrations and icons can also reinforce brand personality and visual consistency across a website. When implemented as SVG, they scale perfectly at any size and load quickly.
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
Accessibility
Every meaningful image on a website should have descriptive alt text. Alt text is read by screen readers and displayed when an image fails to load. It is also used by search engines to understand image content.
- Describe what the image shows, not what it is called
- Decorative images should use empty alt text (
alt="") so screen readers skip them - Diagrams and infographics may need longer descriptions or supplementary text
- Avoid embedding important text inside images — it cannot be read by assistive technology
Performance
Large, unoptimized images are one of the most common causes of slow website load times. Slow pages affect visitor experience, search engine rankings, and conversion rates.
- Use modern formats (WebP, AVIF) where supported
- Size images to the dimensions they will actually display at
- Use lazy loading for images below the fold
- Use SVG for icons, logos, and simple graphics
- Compress images before uploading
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.