Technique 57: Optimizing and Saving Images for the Web
Save Time By
Optimizing images in GIF or JPEG file format
Creating Droplets to speed optimization
When you create an image that you want to save for the Web, you need to keep several key issues in mind: image dimensions, the number of colors that an image has (including the image’s color depth), and the file format that the image is saved in.Working with each of these is like balancing on a tightrope. (Well, maybe it’s not quite that perilous.) When dealing with the number of colors in an image and color depth, there’s a balance between reducing the number of colors (thus reducing the file size) and maintaining image quality. When considering what file format you should use for an image, remember that not all file types are created equal. The GIF file format is great for saving animations; JPEG is great for saving photographs, but loses a bit of image data each time it’s saved; and the PNG file format can handle transparency like a GIF file and can save photographs like a JPEG, but it doesn’t compress as much.This balancing act is called optimization, which basically translates to getting as much visual quality as you can out of as little file size as possible.What’s a Web graphic artist to do? ImageReady can help you make the right choice when saving graphics for the Web and even lets you preview the image before saving.This technique discusses the ins and outs of saving Web graphics — what’s important, what’s not, and how to squeeze an extra smidgen of image quality out of the last compressed file bit. You find out what type of file format works with what kind of image and how to use these formats to create great quality graphics. Then, you find out exactly how to optimize and save your Web images.