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

Chapter 10. Preparing Images for the Web > About the Save for Web Dialog Box

About the Save for Web Dialog Box

The Save for Web dialog box might be more appropriately called the “Prepare Web Images” or “Optimization” dialog box. Within it, you’ll find all the tools, pop-up menus, and text fields necessary to transform any digital photograph, painting, or illustration into a graphic suitable for distribution on the Web. The original and optimized image previews, the heart of this dialog box, provide instant visual feedback whenever even the smallest setting adjustment is made, while information fields below the image previews constantly update to reflect the current optimization format, file size, and download times. And at any time in the optimization process, you can preview and verify exactly how your image will appear in any Web browser loaded on your computer.

Choosing File Formats

JPEG is the most common file format for images on the Web. Because it supports 24-bit color (which translates to over 16 million colors), it’s the ideal format for optimizing photos without sacrificing too much image quality. However, because it does discard a small portion of image information as it optimizes, it’s not the best choice for images where detail and sharpness is critical, such as scanned line art, vector graphics, or images containing a lot of type.

If you want to keep the detail in your images as sharp as possible, try using the GIF format. The GIF format sacrifices subtle gradations of tone and color, but retains the sharpness and image detail that can be lost with the JPEG format, making it a good choice for animations, images with transparency, vector graphics, and images with type.

In the pages that follow, we don’t go into a lot of detail with regard to the two PNG formats. It’s not that we have any qualms with the format or its capacity for optimizing different types of images—which by the way, can be impressive, indeed. It’s just that the PNG format does have a couple of limitations significant enough that we don’t recommend using it yet.

Foremost among those limitations is its relative newness. PNG hasn’t been around all that long, and since the majority of browsers still don’t support the PNG format, GIF and JPEG are simply more reliable formats for viewing over a wide range of browsers.

And though in some cases PNG-8 images can be slightly smaller than comparable GIF images, PNG formats (particularly PNG-24) tend to produce images markedly larger than their GIF and JPEG counterparts. Keeping with the goal of controlling file size, we recommend sticking with GIF and JPEG formats for optimizing your images.



Not a subscriber?

Start A Free Trial

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