Creating a webpage gradient

[Alan]

I'd like to create a gradient background colour image to use for my webpage.
I've tried in photoshop and it sort of works but there are joins in the
page. It seems the image is not large enough to begin with and when placed
on the webpage is "tiled" and showing the joints. What size should I make
this page so that it fits without having joins and also, so that it opens
quickly as a webpage. Do I save this image as a jpg. or a gif. please?

Alan

 

[Joe Rohn]

Hi Alan,

This is one of those types of questions where there is no exactly correct
answer. Both .gifs or .jpgs can be used for page backgrounds. Often times
for gradients .jpgs may look better depending upon the color complexity. You
should probably experiment though with both. The size of the image in pixels
is another area difficult to say..it really depends upon whether or not you
want the gradient to cover an entire page..or go a certain distance and
stop..or even repeat. Some gradients may start on the left..and then
eventually blend into a totally white or solid color area where text will be
shown. In a case like that you might want to have the gradient area be a
total of say 200 to 300 pixels..and the solid color be 1300 to 1400 pixels
wide (at least) so as to prevent repeating. Here's a page that has some
backgrounds that are nice and also small file size to give you some ideas:

http://www.nem5.com/graphics/grad/gradient.html

--
Joe

Remove "AA" for email

Forum Crafters:
http://www.forumcrafters.com

 

[Alan]

Many thanks Joe, much appreciated.

Alan

Hi Alan,

This is one of those types of questions where there is no exactly correct
answer. Both .gifs or .jpgs can be used for page backgrounds. Often times
for gradients .jpgs may look better depending upon the color complexity. You
should probably experiment though with both. The size of the image in pixels
is another area difficult to say..it really depends upon whether or not you
want the gradient to cover an entire page..or go a certain distance and
stop..or even repeat. Some gradients may start on the left..and then
eventually blend into a totally white or solid color area where text will be
shown. In a case like that you might want to have the gradient area be a
total of say 200 to 300 pixels..and the solid color be 1300 to 1400 pixels
wide (at least) so as to prevent repeating. Here's a page that has some
backgrounds that are nice and also small file size to give you some ideas:

http://www.nem5.com/graphics/grad/gradient.html

--
Joe

Remove "AA" for email

Forum Crafters:
http://www.forumcrafters.com