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.