Large background images have been in use for some time now in website design, however, using sharp, in-focus images can bring complications, and doesn’t always have the desired effect. The use of blurred images has a few advantages. A major advantage is that the image resolution does not have to be as high as an in-focus image, reducing page loading times.
The use of a blurred background or an image with selective blurring brings the in-focus parts into even sharper focus to draw the eye. Text on top of a blurred image is much clearer than on a sharp image. Finally, a blurred image can really set the mood to portray the right vibe for the website’s image. In this round-up we have selected some examples of very effective use of blurred images, covering all of the above reasons for the blurring.
Blurred Background Images in Web Design
Fiorly
New Deal Design
Eden Creative
Employour
Multifarious Engineering
Nulab
Alt Graphic
Dassel und Wagner
Lieftink
Mthoogvliet
Barrel Recap
Starmatic
Directions
August
Life According to Sam
AJF Salon
Convoy Interactive
Olivia Restauranter
Marble Media
Shawn Grant
Lodgify
See What You Fancy?
Geckoboard
Everest
Piction
Nudge Design
Dcovery
PublikDemand
Tikkio
VideoGuard
Data Driven London
Hipstamatic
GatherContent
Cage
Meernotes
Karma Wi-Fi
Daniel Filler
Rylographic
Poco People
Stieler & Co
Conclusion
Are you a fan of big background images? Do you like to use blurred images, and if so, what is your reason for using them?
Whatever the reason designers adopt the use of blurred images, large images seem to be pretty much here to stay in website design, and we will probably see the trend being pushed further and further, for example, some of the above featured sites do use video… yes, blurred video – whatever next!
Please share your thoughts with us in the comments section.
