Illustrator

TOPIC APPEARS IN:

Save For Web & Devices overview

You use the Save For Web & Devices dialog box (File > Save For Web & Devices) to select optimization options and preview optimized artwork.

View full size graphic
Save For Web & Devices dialog box

A.
Display options

B.
Toolbox

C.
Preview pop‑up menu

D.
Optimize pop‑up menu

E.
Color Table pop‑up menu

F.
Animation controls

G.
Zoom text box

H.
Original image

I.
Optimized image

J.
Preview In Browser menu

Preview images in the dialog box

 Click a tab at the top of the image area to select a display option:
Original
Displays the image with no optimization.

Optimized
Displays image with the current optimization settings applied.

2-Up
Displays two versions of the image side by side.

4-Up
Displays four versions of the image side by side.

Navigate in the dialog box

If the entire artwork is not visible in the Save For Web & Devices dialog box, you can use the Hand tool to bring another area into view. Use the Zoom tool to magnify or reduce the view.

  • Select the Hand tool  (or hold down the spacebar), and drag in the view area to pan over the image.
  • Select the Zoom tool , and click in a view to zoom in; hold down Alt (Windows) or Option (Mac OS), and click in a view to zoom out.

    You can also type a magnification percentage or choose one at the bottom of the dialog box.

View optimized image information and download time

The annotation area below each image in the Save For Web & Devices dialog box provides optimization information. The annotation for the original image shows the file name and file size. The annotation for the optimized image shows the current optimization options, the size of the optimized file, and the estimated download time using the selected modem speed. You can choose a modem speed in the Preview pop‑up menu.

Preview browser dither

If an image contains more colors than the monitor can display, the browser will dither, or approximate, the colors that it cannot display by blending colors that it can.

 To show or hide the preview of browser dither, choose Browser Dither from the Preview pop‑up menu. A check mark indicates that browser dithering is active. Activating Browser Dither does not affect final image output.