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



joshhemsley.com



Mission First



PRO FOODS



Property Pass



Radim Kurka



Raffaele Catania Designer



Rich Brown



Solegiallo



thesixtyone



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.

AD60



Arnbäck Training



Bethany Care Society



Breezi



CapGrow



Duchy Originals



Emerald City Guitars



Fezzari



Hurco



HYBRIDWORKS



invisibleBracelet



Iron Fist Clothing



Island Dentistry



Life’s Not Fair But… My Knickers Are!



Matt Cronin



Max Tillich



Nick Cates Design



Omid for Iran



Sigma



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.




More...