Optimization options for GIF

GIF is the standard format for compressing images with flat color and crisp detail, such as line art, logos, or illustrations with type. You can lower the size of GIF images by reducing the number of colors in the file.

Optimization panel for GIF format

A. File format menu
B. Color Reduction Algorithm menu
C. Dither Algorithm menu
D. Transparency dithering menu
E. Optimize menu

Lossy
Specify a Lossy value to allow for lossy compression. Lossy compression reduces file size by selectively discarding data--a higher Lossy setting results in more data being discarded. You can often apply a Lossy value of 5-10, and sometimes up to 50, without degrading the image. File size can often be reduced 5%-40% using the Lossy option.
Note: You cannot use the Lossy option with the Interlaced option or with Noise or Pattern Dither algorithms.

Color Reduction Algorithm and Colors
Choose a algorithm for generating a color table from the Color Reduction Algorithm menu.Then specify the maximum number of colors in the Colors text box. If you choose Web for the color reduction algorithm, the Auto option becomes active in the Colors pop-up menu. Use the Auto option if you want Photoshop or ImageReady to determine the number of colors in the color table based on the frequency of colors in the image.

You can use masks from type layers, shape layers, and alpha channels to vary color reduction across an image. This technique produces higher-quality results in critical image areas without sacrificing file size.

Dithering
Dithering refers to the method of simulating colors not available in the color display system of your computer. Images with primarily solid colors may work well with no dither. Images with continuous-tone color (especially color gradients) may require dithering to prevent color banding.


GIF image with 0% dither, and with 100% dither

Choose a option from the Dither Algorithm menu:

Note: Diffusion dither may cause detectable seams to appear across slice boundaries. Linking slices diffuses the dither pattern across all linked slices, and eliminates the seams.


Transparency and Matte
Select a combination of Transparency and Matte options to specify how transparent pixels in the image are optimized:


Examples of transparency and matting:
A. Original image
B.Transparency selected with a matte color
C. Transparency selected with no matting
D. Transparency deselected with a matte color

To select a matte color, click the Matte color swatch and select a color in the color picker. Alternatively, choose an option from the Matte menu. The matte color should match the background color of the Web page.

Transparency Dithering
When the Transparency option is selected, you can choose a method for dithering partially transparent pixels:

Interlace
Select Interlaced to create an image that displays as a low-resolution version in a browser while the full image file is downloading. Interlacing can make downloading time seem shorter and can assure viewers that downloading is in progress. However, interlacing also increases file size.

Web Snap
Specify a tolerance level for shifting colors to the closest Web palette equivalents (and prevent the colors from dithering in a browser). A higher value shifts more colors. Use Unified Color Table
Select to use the same color table for all rollover states.