Graphics Forum

**afcbob** · 02-01-2010, 06:35 AM

Right for some time now i have always kept my backgrounds very simple as never been sure best way to do this.

I have this design here with a smoke background.

How would i do this as i usually just repeat the background but this show up wrong.

ie like this

Thanks for any help
Robert

**chrishirst** · 02-01-2010, 06:40 AM

Use a wider "slice" for the background image

**afcbob** · 02-01-2010, 06:45 AM

What sort of file size should i try to keep my background image down too.

**chrishirst** · 02-01-2010, 06:54 AM

Quote:

What sort of file size should i try

Not the file size, but the pixel width of the image.

It needs to be wide enough to allow the pattern to repeat in the "layered wave" shape that smoke would be.

**afcbob** · 02-01-2010, 07:09 AM

Yeah but the only way i can get it to look right is if i copy the hole image

**chrishirst** · 02-01-2010, 07:14 AM

then use the whole image!

**afcbob** · 02-01-2010, 07:41 AM

Ok thanks for you help got it look better now the only thing is there away i could get the gradient to look smother than it is as it has some lines running in it.

Design here

**chrishirst** · 02-01-2010, 07:59 AM

Probably down to the graphics tool you are using, maybe reduce the compression or export to a .png rather than a jpeg

**afcbob** · 02-01-2010, 08:09 AM

Am using Photoshop cs4

**jkmp2012** · 02-03-2010, 05:51 AM

Indeed a nice post. thanks for sharing your thought with us.

**chrisrich** · 02-05-2010, 06:42 PM

What type of image is used to increase and decrease with browser resizing. Thanks.
Chris

**ahmedtek** · 02-13-2010, 01:19 PM

you can use CSS if you want a duplicat image in the background .
or if you want a simple background use CSS with this :
<html>
<body bg-background="url.jpeg">

i think it's the good way