TIP 142: Optimizing Images with Save For Web
The Save For Web dialog appears every time you create a Smart Object (see Tip 141) in GoLive. Whether you create a Web graphic in Photoshop, ImageReady, Illustrator, or GoLive, it's
Figure 142. The Save For Web dialog optimizes all your Smart Object source files into Web-friendly target files.
Across the top of the Save For Web window are four tabs that show you (in order from left to right) the Original uncompressed image, an Optimized view with real-time compression preview, a 2-Up view, and a 4-Up view to compare multiple compression settings side by side.
On the right side you can select an optimization preset from the pull-down menu or create your own settings with the available options. You can choose from JPEG, GIF, PNG-8, PNG-24, and WBMPbut JPEG and GIF will be your most likely choices.
As you adjust your optimization settings, you can see a real-time compression preview in the image previews on the left and estimated file size and download time at the bottom of the dialog. Use the preview and the download estimates to decide which optimization settings work best for each image.
On the left side there's a small toolbar with four tools. Use the Hand tool to pan around the image; double-click the Hand tool to fit the entire image in the window. Also notice that as you pan in 2-Up and 4-Up modes, all the images pan together so you can compare areas of detail with different optimization settings. Click with the Zoom tool to zoom in and Option/Alt-click to zoom out.
TIP 143: Using Large JPEGs as Smart Objects
Ask any Web designer if you should ever recompress a JPEG image and they're likely to roll their eyes, stomp their feet, and snort out something like, "Absolutely not!" Well, that was true a few
All of this means it's
Figure 143. Control the