Using the Save for Web dialog box


    You use the Save for Web dialog box to select optimization options and preview artwork optimized for the Web.

    Illustration of Save for Web dialog box with these callouts: A. Toolbox B. Zoom Level menu C. Original image D. Optimized image E. Preview menu F. Optimize menu
    Save for Web dialog box A. Toolbox B. Zoom Level menu C. Original image D. Optimized image E. Preview menu F. Optimize menu

    Displaying the Save for Web dialog box

    Choose File > Save for Web.

    Previewing images

    Click a tab at the top of the image area to select a display option: Original to view the image with no optimization, Optimized to view the image with the current optimization settings applied, 2-Up to view two versions of the image side by side, or 4-Up to view four versions of the image side-by-side.

    If the entire artwork is not visible in the Save for Web dialog box, you can use the Hand tool to bring another area into view. Select the Hand tool Hand tool in the dialog box (or hold down the spacebar), and drag in the view area to pan over the image. You can also use the Zoom tool to magnify or reduce the view. Select the Zoom tool Zoom tool , and click in a view to zoom in, or hold down the Ctrl (Windows) or Command (Mac OS) key with the Hand tool selected and click. To zoom out with either the Zoom tool or the Hand tool, hold down Alt (Windows) or Option (Mac OS), and click in a view to zoom out. Alternatively, you can choose a magnification level in the Zoom text box at the bottom of the Save for Web dialog box.

    Selecting a view

    Click a different tab in the Save for Web dialog box to select a new view. If you're working in 2-Up or 4-Up view, you must select an optimized view before you apply optimization settings. A black frame indicates which view is selected.

    Viewing annotations

    The annotation area below each image Save for Web dialog box provides valuable 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 from the Preview pop-up menu.