20+ Stunning Web Sites with Full Size Photo Backgrounds

May 17, 2013 · 32 comments

by Lars

web-sites-with-full-size-photo-backgrounds

Web design inspiration is always helpful as looking at the creative creations others have done can kickstart your own creativity. There are obviously different approaches you can take and what fits your needs best typically depends on the content and concept, the business or organization the web site represents. One option is using a photo as a key element in your design. It is certainly not every photo that will work, but generally if you find one that support the concept well the result can be really great.

Using photos as a dominating part of the web design itself is typically seen in flash websites but also CSS based web sites exist. While large photos can be great for setting the scene and generating the right atmosphere it can be a problem to load times. Designers need to take care that the details in the images are not making it too heavy when it comes to download size. Using jQury to load only visible photos may help. Also it is a good idea to look for prebuild solutions like e.g. WordPress photography themes. The best of those themes are typically well optimized and implemented by expert developers. You should have a look at this article for more inspiration.

In this article, I show you some really stunning examples of using photos as a design element and central piece in web design. The article was just updated and I added more full screen website examples.


ElegantThemes
ThemeForest

Advertisement

krojacevaskola

image

Ben Thomson Photography

benthomsonphoto

Faith Fashion

image

Josh Hemsley

image

grodd

image

gil.mx

image

2ammedia

image

FOX Classics

fox-classics

dibiconference

image

culinaria

image

alexantuna

image

eurostock

image

Mike Condrick

image

iq2mountainfestival

image

Aneta Langerova

image

UBBT

image

Beatriz Carosini

image

Alley Pfannekuchen

image

Australia Day

image

marina yachting

image

stripes-design

image

the ship and the sea

image[11]

kawa.lviv.ua

image

Brand Republic

image

Author : Lars Vraa

Lars started tripwire magazine back in January 2009. He is really passionate about web design, web development and loves to look into new technologies, techniques, tools etc. and to write articles for his readers.

{ 19 comments… read them below or add one }

Chathu June 18, 2013 at 6:31 pm

Good

Reply

Internet Marketing Mentor May 3, 2013 at 8:02 pm

Thanks for the share. I needed some examples to show a client and this was extremely helpful.

Keep up the good work :)

Reply

Kim February 10, 2013 at 4:34 pm

Very good collection and gave me also a good inspiration. Thank you for sharing!

Kim

Reply

vikram October 9, 2012 at 9:22 am

I took on one of your suggestions and went on Spoon Graphics. It was a really well designed blog with a whole range of stuff from tutorial style information through to inspirational examples of great graphic design work. Loved it thanks

Reply

annesofie October 9, 2012 at 3:28 pm

I’m glad you found the article useful :)

Best regards, Sofie

Reply

Norio January 19, 2012 at 3:29 am

Great list of cool websites.
It seems that many of the sites in your list have background images covered with some kind of dotted pattern layer.what do you think is the purpose for doing that kind of effect?
Apparently that adds some good influence on each image.

Reply

current sense amplifier March 6, 2011 at 11:26 pm

I think my favorite was “the ship and the sea.” Very easy on the eyes.. If I chose a 2nd, it’d probably be the layout at “gil.mx,” the clarity of the photo is amazing.

Reply

Web Design Preston January 12, 2011 at 6:31 pm

It’s great to see you’ve included some homegrown talent in your list – you’ve included a company who are very local to me!

Reply

Atlanta Web Design Classes September 24, 2010 at 6:46 pm

Simply stunning designs.

Reply

?????? August 3, 2010 at 9:03 am

thanks man its amazing …… loool

Reply

Photoshop Vip July 29, 2010 at 4:45 pm

Your picture is used by stealth on the website in Japan.

Reply

Jenny July 2, 2010 at 7:25 am

1. thanks for the amazing listing of sites.
2. i would like to add this site in your list as it uses some unquie kind of effect when it opens and has full images

Reply

Pete Dooley June 28, 2010 at 11:42 pm

Some great ones. Mines cleaner.
http://driftwoodhouse.com

Reply

tripwire team June 29, 2010 at 8:42 am

thanks for the tip!

Reply

Web Design Preston June 25, 2010 at 11:42 am

Thanks for featuring 2am Media in your list – if you like full screen images you should also check out our other site http://2amdesign.co.uk

Reply

tripwire team June 25, 2010 at 8:00 pm

@Preston, your welcome. Wow your other site looks awesome!

Reply

Kent Tan June 23, 2010 at 9:43 am

Cool! Actually, won’t full photo backgrounds take too long to load and cause usability issues? They are really nice, though.

Reply

tripwire team June 23, 2010 at 10:39 pm

@Kent, you are right. Images should be low detail and well compressed. With regards to usability I agree it is not the main focus in this type of design.

Reply

Jennifer R June 23, 2010 at 7:45 am

nice collection, thank for that man :)

Reply

Leave a Reply

Your email address will not be published. Required fields are marked *

You may use these HTML tags and attributes: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>

{ 13 trackbacks }

Previous post:

Next post:


Web Analytics