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

Lesson 14. Optimizing Images for the Web

Lesson 14. Optimizing Images for the Web

Adobe Photoshop and Adobe ImageReady let you optimize the display and file size of your images for effective Web publishing results. In general, the file size of an image should be small enough to allow reasonable download times from a Web server but large enough to represent desired colors and details in the image. ImageReady also lets you turn an image into an image map, creating Web-ready navigation elements from your art.

In this lesson, you'll learn how to do the following:

  • Optimize JPEG and GIF files, and adjust the optimization settings to achieve the desired balance between file size and image quality.

  • Adjust the amount of dithering applied to an image.

  • Define a transparent background for an image.

  • Create a hypertext image map.

  • Batch-process files to automate the optimization process.

This lesson will take about 45 minutes to complete. The lesson is designed to be done in Adobe Photoshop and Adobe ImageReady.

If needed, remove the previous lesson folder from your hard drive, and copy the Lesson14 folder onto it. As you work on this lesson, you'll overwrite the start files. If you need to restore the start files, copy them from the Adobe Photoshop Classroom in a Book CD.


Windows users need to unlock the lesson files before using them. For information, see "Copying the Classroom in a Book files".



Not a subscriber?

Start A Free Trial

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