tags:

views:

103

answers:

5

Most websites tend to have either a solid color as background, or a small image that is repeated. Why aren't more websites using a large image (such as a photo) as background? I can think of the following reasons:

1) Problems with different screen resolutions. Too small and gaps start to appear on the left and/or right side for higher resolutions, too big and lower resolutions only show part of the image.

2) Bandwidth. Although this is unlikely to be a problem for most websites.

Are there any other reasons why such backgrounds are not being used more often?

+1  A: 

I think that images as background have a tendency of making the text difficult to read.. :)

Joril
Valid point, and a lot of people seem to dislike it. That's why I named this question "technical reasons for ..." :)
Kees Kist
A: 

Background is not part of the content of your website, it's here to make it more clear.

Pictures are part of the content, and the complexity make the text harder to read.

remi bourgarel
I disagree. Bad background images make the text hard to read - it's got nothing to do with complexity.
ANeves
That's what I meant by complexity.
remi bourgarel
+2  A: 

You've pretty much identified the two main reasons, but the most important one is bandwidth. Depending on the type of image, you'd be best to consider all those users in your target audience whose technical limitations mean that sitting and waiting on a dial-up connection (they're still out there, you know) will alienate them.

In addition to the time and resource cost of sending large images down the pipe to your users, the usability issues of forcing the user to wait for the image to load and the impact of readability of content mean that background images should best be limited to tileable, scalable or small UI enhancements rather than full UI features.

Phil.Wheeler
Dial-up-ers can disable images - *even IE* has that feature. ;) What do you mean with "scalable"?
ANeves
You shouldn't be expecting users on lower-level ISP plans to conform to your site's design, you should design your site to include them, not impede them. By "scalable" I mean a small image (e.g. 1~2kb) whose height or width can be expanded to make it appear larger.
Phil.Wheeler
A: 

I think that the main problem is about resolution, but with CSS3 we will forget thanks to the new property Background-size

Fire-Dragon-DoL
Resolution? Are you refering to liquid-width layouts?
ANeves
+1  A: 

Your assumption about bandwidth not being a problem is unfounded. This is an illustration of global broadband availability (source):

alt text

And that's not including cell phones, which are probably the fastest growing group of devices used to connect to the Internet. Finally, the fact that you took the ergonomic aspects out of the discussion (narrowing it to technical aspects) makes it more of an "academic" discussion as you've excluded the main reasons not to use large background images (i.e. readability).

Tomislav Nakic-Alfirevic
I didn't want to discuss the design aspects because it depends largely on the actual design, which makes it difficult to discuss here. The statistics about broadband penetration are very insightful, and in direct contrast to the "everyone used broadband nowadays" mantra.
Kees Kist
The mantra is a result of these sorts of discussions taking place in this sort of social environment where these sorts of people are usually armed with some heavy-duty computer equipment and consequentially know as much about the "average Internet user" as any prime minister knows about the cost of a bottle of milk or loaf of bread, which is "not much".
Tomislav Nakic-Alfirevic