Design Lessons & Trends

How To Select Photos for Your Website

How To Select Photos For Your Website

A picture is worth a thousand words —so it’s important to choose the images on your website thoughtfully. For example, how do you select an image for industries like waste services and make it attractive? Or show non-profit work, but no faces? Use the tips below as a guide the next time you select images for your site.

Quality Images

You may consider hiring a photographer to take custom photographs, utilize stock photos, or a combination. Either way, you always want professional, high-quality images. Screen resolutions on monitors and mobile devices are getting much higher, so make sure the photos you shoot or download are large enough so they look sharp on modern screens.

Relevant Photos

Images help your user navigate your website. Users will “read” the photography before they read the text on the page. So, you need the photographs to help you describe the purpose of the page the user has landed on. When choosing photos, think “main message” rather than focusing on the technical details of your subject matter.

The Power of People

Faces of people are a way to immediately connect with your readers, so be sure to utilize people who reflect your target audience. Studies show that users relate and respond to faces (of people as well as animals).

Consistency in Imagery

You are telling a story to your readers and you want a consistent story from the home page and beyond. Be sure the choice and treatment of the photos is uniform. Are you using black and white photos? Then use them exclusively. The same is true for the color, cropping, style, and orientation of your photos.

Thematic Imagery for BBK

Here is an example of a client’s website that illustrates how we leveraged photographs to create a powerful, consistent brand:

How To Select Photos For Your Website Bbk Banner 1
How To Select Photos For Your Website Bbk Banner 3
How To Select Photos For Your Website Bbk Banner 5
How To Select Photos For Your Website Bbk Banner 2
How To Select Photos For Your Website Bbk Banner 4
How To Select Photos For Your Website Bbk Banner 6

Do you notice the theme? On the BBK banners (above) they are all abstract, close-up, textures that focus on colors from BBK’s palette.

Another good example is on BBK’s locations page (video above). Notice how each location uses an image that’s stylistically similar to one another. They are colorful, scenic shots, without any people. Each image also overlaps the light gray frame that holds the office information text beside it. This style of overlapping is a branding element for BBK.

Ready to test your skills? 🤓

Round 1

In each group of four images below, there is one photo that doesn’t fit in. Can you figure out which photo doesn’t belong?

Stopwatch Front View
Modern Green Headphone On White Background Close Up
Vintage Retro Red Alarm Clock Isolated On White.
Night Cityscape Focused In Glasses Lenses
Round 2

Three of the banners below are from Critchfield’s website, a law firm with deep roots in Northeast Ohio, while one banner is not. Which one do you think doesn’t match?

Practice Non Profits
Practice Construction
How To Choose Photos Website Banner Answer
Practice Banking Finance
Round 3

The next test is a little harder. Three of the photos below were used for the hero area on the Grimes & Company website. Can you tell which photo looks out of place?

Apple Blossom
Yellow Leaves, Golden Maple Tree Branches, Sunny Forest Blurred Bokeh Background, Autumn Orange & Red Lush Foliage Soft Focus With Sunlight Glow, Beautiful Sunny Day Wood Landscape, Fall Season Nature
Sunset At Na Pali Coast
Pure Winter

We hope these tips and the quick quiz have empowered you with the knowledge to make thoughtful photo choices, ensuring that the images on your website effectively convey your brand’s message and captivate your audience.

Related Posts:
Where to Find Great Stock Photos
Design Lesson: What is Depth of Field?

In Your Inbox