20 Inspiring Examples of Big Backgrounds in Web Design

By / May 7, 2012 / Inspiration
shares

One way to easily define the tone and mood of a website is to use a big background image. However, when doing this, you need to consider that big images often have a lot going on, so it’s important to take a minmal approach with other aspects of the design. Not doing so could result in a website that is far too busy, cluttered, and difficult to navigate. So for your inspiration, here are 20 examples of how to effectively use big background images in web design.

Uber – Portfolio WordPress Theme

Whitmans New York

Big Backgrounds in Web Design

Studio Octopi

Big Backgrounds in Web Design

Von Dutch

Big Backgrounds in Web Design

Hiu Denim Co

Big Backgrounds in Web Design

Casey Britt

Big Backgrounds in Web Design

Range Rover Evoque

Big Backgrounds in Web Design

The Amazing Spider-Man

Big Backgrounds in Web Design

Suit up or Die Magazine

Big Backgrounds in Web Design

H-Art

Big Backgrounds in Web Design

My Own Bike

Big Backgrounds in Web Design

Tim Roussilhe

Big Backgrounds in Web Design

Tag Interativa

Big Backgrounds in Web Design

Stephan Rizon

Big Backgrounds in Web Design

Jalbert Productions International

Big Backgrounds in Web Design

8 Bis

Big Backgrounds in Web Design

Mecenat Musical

Big Backgrounds in Web Design

Marcus Thomas LLC

Big Backgrounds in Web Design

Mendo

Big Backgrounds in Web Design

Project Birdman

Big Backgrounds in Web Design

The Best Designs
Awwwards
CSS Design Awards

About the Author

Gisele Muller loves communication, technology, web, design, movies, gastronomy and creativity. Web writer, portuguese/english translator and co founder of @refilmagem & @mentaway Twitter: @gismullr

15 Comments

  1. Kirsten
    May 7, 2012

    These are some great examples! Very inspiring to see what has been done with larger graphics. It’s so visually appealing.

    Reply
  2. Joint Medias
    May 7, 2012

    Great selection of inspirations!

    Reply
  3. Web Designer Manchester
    May 7, 2012

    Thanks for sharing these. There are some great examples here of big bold backgrounds working well.

    Reply
  4. Derek Kimball
    May 7, 2012

    That’s a great point about being careful when choosing a photo and the design elements of the site. I’ve seen some sites that didn’t apply that rule and everything was far too cluttered.

    What I love about these large photo background sites is that they have so much character. I bet it saves web designer’s a lot of time and effort as well…let the photo do the talking rather than having to invest loads of time creating visually interesting page layouts.

    Reply
  5. Adam Hermsdorfer
    May 7, 2012

    Always a solid list, thanks Gisele!

    Reply
  6. Mike DeLeon
    May 7, 2012

    Great picks! I love big background designs, especially when they’re fullscreen, they take on completely different feel.

    Reply
  7. Hisman
    May 8, 2012

    Wow,,great lists thanks!!
    But be careful using large photo as background can be eat your user’s bandwidth :D

    Reply
  8. Design Turnpike
    May 8, 2012

    In this age of ultra fast connections and downloads, why NOT use great large imagery? Nice samples.

    Reply
  9. SentConcepts
    May 9, 2012

    I’m always hesitant to using big background images, but it’s probably time to get over that.

    Reply
  10. Lawerence Malone
    May 9, 2012

    I personally believe one of the latest web design trend is usage of big background images. Designers nowadays often use photos to create something new in the website. The time has been changed for the betterment for sure.

    Reply
  11. Gerwin van der Feijst
    May 10, 2012

    It is always a tradeoff. If possible we try to use two images instead. One for each side and the content traditional in the middle. It gives almost the same feeling but speed is less affected.

    Reply
  12. Paul Weston
    May 11, 2012

    Thought this was a great article and one that has some great sites in it for inspiration. There seems to be a trend with a lot of sites I see using big background images. I agree with you that you have to be careful when using an image of this size because it can make or break a site. There are some great examples and the site that stood out for me was the Amazing Spider-Man site. The use of large city scape image works really well and I love the interaction on the site from the dragging of the back ground and the roll over effects for key points of interest. Great article and I look forward to more like this from yourself.

    Reply
  13. Orgnix Studios
    May 23, 2012

    We are thinking of applying a big background for our site and looking for references. Great collection!

    Reply
  14. Sean Hurley
    May 30, 2012

    Stupid questions, what’s the best resolution for these background images? Hit me up @96robots, I’d love to know what is industry standard.

    Reply
  15. Darren @ 123 Web
    June 14, 2012

    I’ll have 2 of those burgers thanks. Cracking examples of full-page images, and I suppose those could be changed with responsive design depending on the device being used to view the site, so could work for small-screens too.

    Reply

Leave a Reply