I want to use a large image as the background for a website. What would you suggest is the best method to do this and what would be the best image format to ensure quality and smallest file size?
I’ve used a large background image for a site I recently designed. I don’t particularly like it (the image that is) but the client requested it. You can see it at: http://www.icanexpress.org/index.php
The image is large enough to not be tiled, but comes in at a massive 1 meg! I used smaller ones but they needed tiling. Not an ideal solution, but my client is happy enough with it.
all best wishes
Dick
On 2 Mar 2010, at 22:21, jimmy b wrote:
I want to use a large image as the background for a website. What would you suggest is the best method to do this and what would be the best image format to ensure quality and smallest file size?
Seriously a bg image does not need to be nearly as heavyweight as this and at 2848 wide is much bigger than it needs to be. A 24" iMac screen at max resolution is 2560 wide and that is much wider than Joe Average has.
Seriously a bg image does not need to be nearly as heavyweight as this and at 2848 wide is much bigger than it needs to be. A 24" iMac screen at max resolution is 2560 wide and that is much wider than Joe Average has.
I suppose you need to resize your bg image to 2560px wide…?
No - not really as there will not be many folk looking at such a high resolution and even if the had their monitor set to 2560 x 1440 what are the chances that they will have a full width window open! Personally I think something nearer 1800 is plenty.
How didja do it? PS?
Yes PS - I just took your image, did a save as and set the image quality at about 3 and made it progressive. Preview will do it as well (and tell you the resulting file size).
The important thing to remember is that it is a background image - it doesn’t need to be great quality.
And if your client has to pay downloads by the Mb then 600 visits is serving nearly 1Gb of download just for the bg image and you have the same again in the other stuff on that page.
cheers
Dick
On 3 Mar 2010, at 11:54, DeltaDave wrote:
I suppose you need to resize your bg image to 2560px wide…?
No - not really as there will not be many folk looking at such a high resolution and even if the had their monitor set to 2560 x 1440 what are the chances that they will have a full width window open! Personally I think something nearer 1800 is plenty.
How didja do it? PS?
Yes PS - I just took your image, did a save as and set the image quality at about 3 and made it progressive. Preview will do it as well (and tell you the resulting file size).
The important thing to remember is that it is a background image - it doesn’t need to be great quality.
And if your client has to pay downloads by the Mb then 600 visits is serving nearly 1Gb of download just for the bg image and you have the same again in the other stuff on that page.
That is the thread I was looking for! My question would be: how do I use an image as a background image which automatically resizes like the one on thetribe’s post (#2 above)?