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

Chapter 10. Preparing Images for the Web > Optimizing an Image for the Web

Optimizing an Image for the Web

With the Save for Web command, Photoshop Elements provides a simple, automated method that not only saves an optimized copy of your original image, but also preserves the original high-resolution image, untouched and intact. Simply choose from a list of 12 predefined settings, and your image is instantly optimized for the Web. You may want to experiment with the custom optimization settings, but the 12 predefined settings should accomplish most of your optimization tasks.

To save an image for the Web:

1.
Open the image you want to optimize.

2.
From the File menu, choose Save for Web (Figure 10.3), or press Alt+Shift+Ctrl+S/Option+Shift+Command+.

Figure 10.3. Open the Save for Web dialog box from the File menu.


The Save for Web dialog box opens on top of the active image window, displaying the image in side-by-side original and optimized previews (Figure 10.4).

Figure 10.4. The Save for Web dialog box. The image on the left shows the original image. The image on the right shows a preview of what the same image will look like after it’s been optimized.


3.
From the main Settings pop-up menu in the Save for Web dialog box, choose a predefined optimization setting (Figure 10.5).

Figure 10.5. Choose from the list of predefined settings for JPEG and GIF or PNG optimization formats.


The various pop-up menus within the Settings portion of the dialog box change to reflect the setting you’ve selected (Figure 10.6), as does the optimized preview in the center of the dialog box,

Figure 10.6. Once you’ve chosen a predefined optimization setting, the rest of the options change accordingly. Here, the options have automatically changed to reflect the Medium JPEG optimization format.


4.
Click the OK button in the Save for Web dialog box (Figure 10.7).

Figure 10.7. Click OK in the Save for Web dialog box to save your optimized image.


5.
In the Save Optimized As dialog box, type a new name for your file and verify that the file type matches the optimization format you chose in the Save for Web dialog box (Figure 10.8).

Figure 10.8. Enter a name and destination for your optimized file in the Save Optimized As dialog box.


6.
Choose a location for your file and click Save.

The Save Optimized As and Save for Web dialog boxes will automatically close, and your optimized image will be saved to the location you specified.


PREVIEW

                                                                          

Not a subscriber?

Start A Free Trial


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