Create a background image for your Web page: Tutorial

Related links

•	Printable version

Web

Create a background image for your Web page

page:

1 2

You can set a photo as the background image of a Web page. Unfortunately, a full-color photo large enough to fill an entire Web page results in a huge file requiring lots of bandwidth to download. Here's how you can use Adobe® Photoshop® Elements to create an attractive monochromatic background image large enough to fill your Web page, but with a file size small enough to download quickly.

Open a full-color photo.

Open the color photo you wish to use for your background image. Resize or crop it as necessary. For the image to fill an entire Web page, it should be at least 680 to 800 pixels wide and 480 to 600 pixels high. Be careful about the amount of detail in the photo you choose. A background image with too much detail will reduce the readability of your Web page.

Now you're going to colorize your photo, then you'll reduce its file size through a process called optimizing.

Colorize your photo.

Choose Enhance > Color > Hue/Saturation. Select the Colorize option. Use the Hue, Saturation, and Lightness sliders to adjust the color and lightness of your image. Make sure the Preview option is selected in the Hue/Saturation dialog box so you can preview your adjustments in the document window.


back to top


previous	next