Avoid “Perfect Photo” Syndrome

Wdd Logo.
May 17, 2010

Sometimes, choosing just the right image for a website that does not yet have a defined visual theme can be daunting.

Should you use a drawing or a photo? Should you create it yourself or find stock art? How do you know whether it will set the right tone? Is that the best you can do?

When the quest for perfection leads to indecision, you may wind up with a mediocre design.

Two common causes of this are a lack of ideas and a glut of art. Both cause headaches, and both are solvable.

Finding the right image is like fighting writer’s block. Any old picture might do, but for people with a personal stake in the project, the quest for the perfect image is full of uncertainty.

Read on for ideas on finding the right imagery.

a web page with a gaping hole to be filled by… what?

Some subjects lend themselves to imagery. Selling aquarium supplies? Show a picture of fish. Promoting a charity marathon? People running. Law firm? Group shot of attorneys. While obvious solutions aren’t always best, they’re easy to arrange.

Other subjects don’t lend themselves as readily to photos. Personal blogs, services, and dictionaries and word-finders lack obvious visual associations. Even websites directly related to visual media—say, a photographer’s portfolio—might call for unusual graphics to stand out from competitors.

Obvious or not, imagery does more than decorate a website. Photos, graphics and illustrations reveal a website’s attitude to its subject. A lawyer and pet-store owner may both take pride in their trade and years of experience, but they will express their professionalism in different ways.

photos with different meanings

Each of the photos above could work on an attorney’s website. But each implies something different:

  • Left: the customer’s concerns.
  • Center: the company’s professionalism.
  • Right: the results.

Which one is “correct”? It depends on what you want to say. People form an impression of a website (and, by extension, the website’s owner) in less than five seconds. No wonder choosing an image is so hard.


Don’t Know Where to Start? Take a Risk

Whatever the theme, subject or issue of a website, imagery for it usually exists. But seeking the “perfect” image can paralyze you. When that happens, the problem isn’t bad ideas, but a bad process. The trick is to open yourself to ideas, good or bad.

  • Take advantage of bad ideas.
    If you’re stuck for good ideas, then use a bad one as a stepping stone to something better. Keep thinking. Even an inappropriate idea could lead you in the right direction. And sometimes an imperfect match is better than nothing at all.
  • Find ideas by word mapping.
    Play word association to flesh out concepts and discovers new ones.
    sample of a wordmap
    1. Write a word or phrase related to your project.
    2. Write several words related to that first word. Connect them with lines.
    3. Repeat the process for every new word.
  • Do something unexpected.
    If you have competition, then do something unexpected to make your website memorable. Take Chick-fil-A, a fast-food chicken sandwich chain. It sells char-grilled chicken, chicken strips, chicken salad and chicken biscuits. Its advertising campaign, though, is based on cows. In spite of the perhaps gruesome associations, the cow campaign has helped the company sell chickens and cultivated an offbeat brand for 15 years.
  • Use typography instead.
    Letterforms themselves can be used for imagery. Well-set type in an appropriate typeface can work as well as any photo or illustration.
    sample of type as art
  • Think beyond first impressions.
    First impressions are important, but user experience affects lasting impressions. Quality, usability, solid content and timely updates turn casual visitors into repeat users.


Too Many to Choose From? Start Practically

Compared to a blank page, too many choices might seem a relief. But that can be a whole other problem in itself.

Getting started is easy: discard photos that wouldn’t work for technical reasons. Check each photo for the following:

  1. Shape
    What shape do you need to fill? Landscapes images work best in horizontal spaces. Portraits of people usually work best vertically. Large spaces can accommodate wide-angle and macro shots, while small spaces might obscure details in large images.
  2. Color and tone
    Do the colors in the image match the website’s scheme? If not, can they be tweaked to fit? Selective coloring, sepia tones and slight adjustments can make a photo look like it belongs.
  3. Focus
    Is any part of the photo blurry? If so, is the subject sharp? A blurry background is fine if foreground elements are in focus. But unless the composition is deliberately fuzzy, avoid it if it isn’t tack-sharp.
  4. Focus—the other kind
    Is the subject of the photo obvious? Especially on home pages, photos need to be read quickly. The best photos show a single subject against a clear background. Of course, if the website is tied around a complex photo, then that would be appropriate. Otherwise, seek photos with as few elements as possible.

Here’s a quick way to identify distractions in an image. Open a copy of the image in an editor. Paint over the center of the image, then turn it upside down. What do you notice? Compared to the original, do these newly discovered features still stand out? If they detract, then don’t use the image.

sample technique for finding distractions in a photo

Various distractions, such as the yellow flowers, red door and numbers, creep into the snapshot above.


Use Faces to Reflect the Owner or Audience

One kind of image that gets instant attention is that of a face. People identify with others. But not any face will do. Two things make for the right image.

First, the face should have an expression. Audiences are bored by neutral expressions. To engage interest, use a face that carries emotion.

examples of facial expressions

From consternation to contentment to surprise, expressions engage viewers.

Secondly, the person in the image should reflect who your visitors want to be. Unless its appeal is tied to a specific person (you won’t find stock art on Seth Godin’s website, for example), a website should show visitors how they will benefit from reading the content, buying the product, signing up for the service or doing whatever the website is trying to get them to do. Business websites favor stock images of well-dressed, smiling, confident models, because that’s either how the owners want to be seen or how they want prospective clients to feel.

This works mainly for photos and illustrations with clear faces. If the eyes are obscured or cropped out, then the person becomes more of an abstract figure, not so much someone with whom the audience can identify. And that’s the point.

example of how cropping removes the human aspect from a photo

Cropping out the face above shifts focus to other parts of the photo.


More Than One Right Answer

Choosing images doesn’t always have to be hard. Trouble usually comes when you hunt for that one “perfect” image. Because a design is a reflection of your work and abilities, naturally you feel the pressure to get everything right.

If one of the following “…but not… ” phrases creeps into the conversation, you might be headed for trouble:

  • “Big, but not too big.”
  • “Bold, but not aggressive.”
  • “Professional, but not elitist.”
  • “Clean, but not too sparse.”

Lacking images is akin to having writer’s block. Sometimes the cure is to stop worrying and start experimenting.


Written exclusively for Webdesigner Depot by Ben Gremillion. Ben is a freelance web designer who solves communication problems with better design.

How do you find images for your designs? Do you relate to the issues described above?

WDD Staff

WDD staff are proud to be able to bring you this daily blog about web design and development. If there's something you think we should be talking about let us know @DesignerDepot.

Read Next

10+ Best Resources & Tools for Web Designers (2024 update)

Is searching for the best web design tools to suit your needs akin to having a recurring bad dream? Does each…

3 Essential Design Trends, April 2024

Ready to jump into some amazing new design ideas for Spring? Our roundup has everything from UX to color trends…

How to Plan Your First Successful Website

Planning a new website can be exciting and — if you’re anything like me — a little daunting. Whether you’re an…

15 Best New Fonts, March 2024

Welcome to March’s edition of our roundup of the best new fonts for designers. This month’s compilation includes…

LimeWire Developer APIs Herald a New Era of AI Integration

Generative AI is a fascinating technology. Far from the design killer some people feared, it is an empowering and…

20 Best New Websites, March 2024

Welcome to our pick of sites for March. This month’s collection tends towards the simple and clean, which goes to show…

Exciting New Tools for Designers, March 2024

The fast-paced world of design never stops turning, and staying ahead of the curve is essential for creatives. As…

Web Tech Trends to Watch in 2024 and Beyond

It hardly seems possible given the radical transformations we’ve seen over the last few decades, but the web design…

6 Best AI Productivity Apps in 2024

There’s no escaping it: if you want to be successful, you need to be productive. The more you work, the more you…

3 Essential Design Trends, February 2024

From atypical typefaces to neutral colors to unusual user patterns, there are plenty of new website design trends to…

Surviving the Leap from College to Real-World Design

So, you’ve finished college and are ready to showcase your design skills to the world. This is a pivotal moment that…

20 Mind-Bending Illusions That Will Make You Question Reality

Mind-bending videos. Divisive Images. Eye-straining visuals. This list of optical illusions has it all. Join us as we…