• Create BookmarkCreate Bookmark
  • Create Note or TagCreate Note or Tag
  • PrintPrint
Share this Page URL
Help

Lesson 16. Optimizing Web Images > Using the Save For Web dialog box

Using the Save For Web dialog box

The Photoshop Save For Web dialog box shows you different versions of an image side by side, using different optimization settings. You can compare versions as you work, adjusting optimization settings and examining the differences until you have the best possible combination of file size and image quality.

1.
With the 16Start1.psd file open and active in Photoshop, choose File > Save for Web.

Note

If the 4-Up tab is not already selected in the image window, select it now.

Photoshop automatically generates three different sets of optimization settings, besides the original image. Notice the information listed under each view of the image, including the file size and the number of seconds required to download the image. The first pane shows the original file. The second, third, and fourth panes show different combinations of optimization settings for the image, including the file format (such as GIF or JPEG) and color-reduction algorithm (such as Selective, Perceptual, or Web).

2.
In the lower left corner of the Save For Web dialog box, select 300% or higher from the Zoom Level pop-up menu so that you can see the details of the image.

Compare the preset views of the different optimization settings.

3.
Click one of the four images so that the pointer becomes a hand icon, and drag the image so that you can see the differences among the optimized views and the original.

4.
Look carefully at the following areas: the text in the lower right corner of the image, the area where the top of the mail box sits in contrast against the blue sky, the shadow of the rusted door of the large mail box, the embossed area of the rusted mail box, and other image details.


PREVIEW

                                                                          

Not a subscriber?

Start A Free Trial


  
  • Creative Edge
  • Create BookmarkCreate Bookmark
  • Create Note or TagCreate Note or Tag
  • PrintPrint