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
Related Resources
- Create an Epic Roman Empire Photo Manipulation Scene
- How to Create a 3D Text Photo Manipulation
- 10 Photography Tips from a Self-Taught Photographer
- Breathtaking Examples of Long Exposure Photography
- Free Old Paper Stock Photos
- Usability Mistakes to Avoid when Using Photos in Your Website
- The Web Design Trend of Using Large Photos: 30 Examples
- 50 Excellent Photography-Related Tutorials
- 9 Tips for Taking Better Photos with Your Camera Phone
Resources by Industry
- Web Design for Excavation Companies: Top 5 Tips (With Examples!)
- 5 Web Design Tips for Fence Installers
- 5 Simple and Successful Web Design Tips for Auto Parts Retailers
- Tips for Medical Website Designs
- Medical Website Design from an Award Winning Agency
- Top 10 Effective Web Design Tips for Auto Service Centers
- Web Design for Renewable Energy: Tips for a Site That Shines
- Insurance Website Design Services
- 5 Web Design Tips for Fertility Clinics
How is your website’s SEO?
Use our free tool to get your score calculated in under 60 seconds.
Continue Reading
Get posts by email
Join 200,000 marketing managers and subscribe to Revenue Weekly!
"*" indicates required fields
WebFX Careers
Join our mission to provide industry-leading digital marketing services to businesses around the globe - all while building your personal knowledge and growing as an individual.