beautypg.com

Preview optimized images in a web browser, Save a file to e-mail, Web graphics optimization options – Adobe Photoshop CS4 User Manual

Page 525: Web graphic formats, Jpeg optimization options

background image

518

USING PHOTOSHOP CS4

Web graphics

Last updated 1/10/2010

Preview optimized images in a web browser

You can preview an optimized image in any web browser installed on your system from the Save For Web & Devices
dialog box (File

> Save For Web & Devices). The browser preview displays the image with a caption listing the image’s

file type, pixel dimensions, file size, compression specifications, and other HTML information.

To preview an image in your default web browser, click the browser icon at the bottom of the Save For Web &
Devices dialog box.

To select a different browser, select Other from the browser pop-up menu (next to the browser icon).

To add, edit, or remove a browser in the browser pop-up menu, select Edit List from the browser pop-up menu. In
the Browsers dialog box, you can find all browsers on your computer and set the default browser to preview your
image.

Save a file to e-mail

1

Choose File

> Save For Web & Devices.

2

Click the Optimized tab at the top of the Save For Web & Devices dialog box.

3

Choose JPEG Low from the Preset menu.

4

In the Image Size area, click the chainlink icon to the right of the W and H boxes to retain image proportions. Then
enter a width.

For e-mail, 400 pixels is a good size. Use a smaller size if your recipient has a slow Internet connection.

5

Click Save. Enter a file name and location in which to save the file. Under Format, make sure that Images Only is
selected. Again click Save.

Now you are ready to e-mail the file. In some e-mail programs, you can drag the file into the body of the message. In
other programs, you use the Attach or Insert command.

Web graphics optimization options

Web graphic formats

Web graphics formats can be either bitmap (raster) or vector. The bitmap formats—GIF, JPEG, PNG, and WBMP—
are resolution-dependent, meaning that a bitmap image’s dimensions, and possibly image quality, will change at
different monitor resolutions. The vector formats—SVG and SWF—are resolution-independent and can be scaled up
or down without losing any image quality. The vector formats can also include raster data. You can export from Save
For Web & Devices to SVG and SWF in Adobe Illustrator only.

JPEG optimization options

JPEG is the standard format for compressing continuous-tone images such as photographs. Optimizing an image as a
JPEG format relies on lossy compression, which selectively discards data.

Note: Since image data is lost when saving a file in JPEG format, it’s a good idea to save the source file in its original
format (for example, Photoshop .PSD) if you plan to edit the file further or create additional JPEG versions.