Operation Manual

351

Web graphics

Last updated 9/13/2015

A Toolbox B Eyedropper color C Optimization settings and flyout menu for more options D Image Size E Animation options F Zoom level menu

Browser preview menu H Original Image I Optimized image

Optimization options appear on the right side of the Save For Web dialog box. In addition to selecting a web file format,

you can choose compression and color options, preserve background transparency or set background matting, and

change the size of the image. You can use predefined settings (by choosing a format from the Preset menu), or select

format-specific options to fine-tune the optimization.

The image windows show your original image (on the left) and a preview of the optimized image (on the right). Under

each window is optimization information—the current settings, the size of the optimized file, and the estimated

download time. As you make adjustments, the information under the optimized image changes to reflect your new

settings.

A small toolbox is located in the upper-left corner of the dialog box. To view different areas of an image, select the Hand

tool and drag to bring those areas into view. To zoom in on an image, select the Zoom tool and click in a view; then

hold down Alt, and click again to zoom out. (Alternatively, you can use the Zoom box at the bottom of the dialog box.)

To create matte colors, use the Eyedropper Color tool.

Optimized file formats for the web

You can choose between four formats for the web. Use the following guidelines when choosing the format for your web

image:

JPEG In most cases, this is the best format in which to save photographs.

PNG-24 Like JPEG, this is a good format for photographs. Choose PNG-24 rather than JPEG only when your image

contains transparency. (JPEG does not support transparency; you must fill it with a matte color.) PNG-24 files are often

much larger than JPEG files of the same image.

GIF GIF is the format to use for line art, illustrations with large areas of solid color and crisp detail, and text. Also, if

you want to export an animated image, you must use GIF.

PNG-8 PNG-8 is a lesser-known alternative to GIF. Use it for the same purposes (except animation).