Line25

30 Web Designs with Full Screen Background Photos

Read the full post

The trend of full screen background images has definitely become more popular over recent years. It was once only really prevailent with fashion or photography sites that relied particularly on impactful imagery, but now we can see the use of large photos spanning the page on sites of almost any topic. Large images have always been a proven tool for grabbing attention as we’ve seen in printed magazines, posters and advertisements, so it’s interesting to them being used in a similar way in web design.

The Brooklyn Soap Company

View the full website

Leve Hytter

View the full website

Piction iPhone App

View the full website

SolasiƩ

View the full website

Yoke

View the full website

Ghost

View the full website

wrightfeldhusen

View the full website

Drexel University

View the full website

Welikesmall

View the full website

We Grow Communities

View the full website

Karma

View the full website

Boundary Breaks Vineyard

View the full website

Ryan Edy

View the full website

Colossal Media

View the full website

Muriel Labro

View the full website

Aspect Photography

View the full website

KNOCK, Inc

View the full website

Ideaware

View the full website

Engage Interactive

View the full website

Kiawah Island Real Estate

View the full website

Broken Twill

View the full website

Let’s Travel Somewhere

View the full website

Studio AIRPORT

View the full website

The Paper Mill

View the full website

Banger’s

View the full website

South & Eleven

View the full website

Jason Miller Studio

View the full website

Zulu & Zephyr

View the full website

Eden

View the full website

Black Dog Films

View the full website

Free web shadows pack for every subscriber

Join the mailing list to have new content delivered straight to your email inbox. Every subscriber gets a free pack of realistic web shadows.

Written by Chris Spooner

Chris Spooner is a designer who loves experimenting with new web design techniques collating creative website designs. Check out Chris' design tutorials and articles at Blog.SpoonGraphics or follow his daily findings on Twitter.

16 Comments

  1. Thank you for putting together these beautiful examples for inspiration. One of the challenges I'm grappling with at the minute is in implementing this trend alongside the rise in responsive websites. On the offchance that you're planning a future tutorial, a suggested method of implementing a large photo background responsively for a massive monitor and a phone would be great :)

  2. Marcos says:

    Amazing! Thank u!

  3. Stian says:

    Cool that a Norwegian site found its way to ur line up. "Leve Hytter".

    Maybe this could be a tutorial for ur other site? How to use one big picture as background and make it work for all reolutions and the limitatons…

  4. vicky says:

    Web Solution Centre is a professionally experienced website designing company delhi. We deliver results for big brands & small businesses

  5. it's amazing what a high quality background image can do to a website, i've always found myself steering away but this collection has give me some food for thought!

  6. rick says:

    Nice review, another helpful topic Chris, thanks.
    But of course the challenge remains as to how to best compose and size background photos for mobile delivery too, e.g. if the shot gets cropped from horizontal to vertical. The composition of these shots still enabled them to look good though I imagine that they must have been compressed to the visual limit.
    Gets ya thinking about using full photos again.

  7. Awesome designs!! thanks for sharing.

  8. Jeanne says:

    Thank you! Beautiful selection.

  9. Liam says:

    Awesome! I really like this. keep up with the good work. Thanks a lot for sharing.

  10. Sadik says:

    like it…best collections..

  11. Dave says:

    Great collection of designs, I'm going to have to start implementing the full screen background more.

  12. Jiwan Tamang says:

    Nice Collection..THank to author….

  13. Great collection..this trend is great

  14. Great collection..this trend is awesome

  15. web designer says:

    thank's fot the sharing

  16. This is really nice work ! Thanks a lot..

Sorry, comments are now closed