[Pro] large background image

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?


freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options

Hi jimmy.

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?


freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options


freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options

but comes in at a massive 1 meg!

Nearer 1.5Mb

You can easily reduce this file size by 50% without loss of quality - http://www.deltadzine.net/test/bgtest.html

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.

David


freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options

A 24” iMac screen at max resolution is 2560

Sorry I mean a 27”…

D


freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options

David, that’s cool!

How didja do it? PS? Itried but just couldn’t get the same effect. Be very interested to know.

cheers
Dick
On 3 Mar 2010, at 01:34, DeltaDave wrote:

but comes in at a massive 1 meg!

Nearer 1.5Mb

You can easily reduce this file size by 50% without loss of quality - http://www.deltadzine.net/test/bgtest.html

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.

David


freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options


freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options

I suppose you need to resize your bg image to 2560px wide…?


freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options

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.

David


freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options

Thanks David - that worked a treat.

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.

David


freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options


freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options

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)?

Jens


freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options

Hop on over to actions forge.com and get yourself Full Background Proportional ActionsForge - The Complete Repository of Freeway Actions

David


freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options

Thanks heaps David, that and the non-proportional background actions are exactly what I was looking for :slight_smile:

Jens


freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options