I don't think using one huge image on all resolutions will work out well. It may look good on the largest resolution, but a smaller monitor will only be able to show a small part of it. That said, there are monitors with resolution as small as 800 pixels wide up to ones as large as 2560 pixels wide.
I don't think using one huge image on all resolutions will work out well. It may look good on the largest resolution, but a smaller monitor will only be able to show a small part of it. That said, there are monitors with resolution as small as 800 pixels wide up to ones as large as 2560 pixels wide.
If you're doing a background image for your site, one large image works fine. The actual part that is important to your design is usually no bigger than 1000px (give or take a little anyway), but if you've got gradients, sprites, etc on the sides of the image, then in order to make it look ok on big monitors (e.g. 27" iMacs) then you've got no choice but to make it much much wider and do this:
Code:
body {
background: url(image.jpg) center top no-repeat;
}
in your css.
It's a standard technique and works very well.
Hardly anybody designs for for 800px width resolutions monitors any more.
Svidgen is absolutely correct, but to encompass the largest percentage of users as possible, go with 1920
Last edited by aj_nsc; 04-15-2011 at 12:03 PM.
I've switched careers...
I'm NO LONGER a scientist,
but now a web developer...
awesome.
Bookmarks