Graphics Programs Reference
In-Depth Information
Using Save for Web
The process of making an image look as good as possible at the smallest file size is called optimizing. This
is important for all images that will be used on the Web, since most viewers don't want to wait long for in-
formation to appear.
In this part of the lesson, you'll use the Save for Web feature to optimize your navigational banner.
1
With the
ps1301_work.psd
file still open, choose File > Save for Web. The Save for Web dialog box
appears.
2
Select the 2-up tab to view your original image on the top and your optimized image on the bottom.
Note that the window may display the original on the left side and the optimized image on the right.
A.
Toolbox.
B.
Preview window.
C.
Optimization settings.
3
Select the Hand tool ( ) and click and drag directly on the image in either window to reposition the im-
age so you can see the four slices containing text.
The Save for Web window is broken into three main areas:
Toolbox
: the Toolbox provides you with tools for panning and zooming in your image, selecting slices,
and sampling color.
Preview window
: in addition to having the ability to view both the original and optimized images indi-
vidually, you can preview the original and optimized images side-by-side in 2-up view or with up to
three variations in the 4-up view.
Optimization settings
: the Optimization settings allow you to specify the format and settings of your
optimized file.
How to choose web image formats
When you want to optimize an image for the Web, what format should you choose? Choose the format best suited to
the type of image you are using.
