Using photos as a design element and central piece in a web design is a great way to get a point across to the viewers or to just add more depth into the design. We are going to look at some examples of two popular ways of using photos in a web layout: using a large photo as your background and using a photo as the central focus in the header.

Using Photos in the Background of a Web Design

Using a photo as a background can give your website an added visual element, as well as depth and space. On the other side of things, if the photo is poor quality or unappealing, it can bring down the entire look of the web page. So not every photo will work, but if you get one that does, it can really make the website stand out.

2K Games

Alley Pfannkuchen

The Bow Valley Club

Change Given

Eurostock Investimentos

Firefly Photography

Because It’s There

Mission First


Property Pass

Radim Kurka

Raffaele Catania Designer

Rich Brown



Using Photos in the Header/Masthead of a Web Design

Another popular usage of incorporating photos in a web layout is by including them in the header/masthead section. Doing this can get across a visual element to attract people to your website, as well as give the viewer a sense of what you are trying to show them while not overwhelming them with an oversized photo. While a photo within the header probably won’t stand out as much as using it as a background, it can be a nice feature to work the rest of your website around.


Arnbäck Training

Bethany Care Society



Duchy Originals

Emerald City Guitars





Iron Fist Clothing

Island Dentistry

Life’s Not Fair But… My Knickers Are!

Matt Cronin

Max Tillich

Nick Cates Design

Omid for Iran


Deep Standard

What do you think about using photos in web designs? What benefits and disadvantages does this have?

Related Content

About the Author

Tyler Denis is a part-time freelance designer from Ashland, New Hampshire. He is also the creator/writer of the design blog Denis Designs/blog, a website dedicated to bringing quality tutorials and inspiration. You can follow him on Twitter or at his personal site, Denis Designs.