Experiment with the color and saturation of your image, but keep the readability of your Web page in mind as you adjust your colorized image. Dark, saturated background colors can decrease the legibility of text. Whereas, soft, neutral colors usually help support a good Web design.
When you're satisfied with your colorized image, click OK. Now you need to optimize your image so its file size is as small as possible.
Optimize your colorized image.
Choose File > Save for Web. Then choose either GIF or JPEG from the pop-up menu in the Save For Web dialog box. Our example uses JPEG. Although the GIF format produces a smaller file than JPEG, JPEG is better to prevent dithering and preserve the details in a continuous-tone photo image. If you choose JPEG, set the optimization to Low for a smaller file size. There's no need for higher quality since the image is only being used as a background. You can preview the optimized image in the dialog box. Click OK to optimize your image.
Now your image is ready to be used as a Web page background. Use a program like Adobe® GoLive® or HTML code and set up your Web page.
Add other elements to your Web page. (Optional).
You can add elements such as text, buttons, and graphics to your Web page. These elements should complement your newly-created background image. Since background images tile—that is, repeat in a pattern across and down the browser window—limit the contents of your Web page to the size of the first tile. Your viewers won't be forced to scroll to the next repeating tile to see all the content.
1 2 
