Optimization options for GIF and PNG-8 formats
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. Like the GIF format, the PNG-8 format efficiently compresses solid areas of color while preserving sharp detail; however, not all Web browsers can display PNG-8 files. PNG-8 settings are very similar to the GIF settings. (See About file formats.) ![]() Photoshop 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 In ImageReady, you can control which options show in the Optimize palette by clicking the Show Options control Lossy (GIF only) 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. You can use masks from type layers, shape layers, and alpha channels to vary lossy compression across an image. This technique produces higher-quality results in critical image areas without sacrificing file size. (See Using weighted optimization.) Note: You cannot use the Lossy option with the Interlaced option or with Noise or Pattern Dither algorithms. Color Reduction Algorithm and Colors Choose an algorithm for generating a color table from the Color Reduction Algorithm menu. (See Generating a color table.) Then specify the maximum number of colors in the Colors text box. If you choose Restrictive (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. The Auto option is one of the presets available in ImageReady. 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. (See Using weighted optimization.) 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 (left), and with 100% dither (right) 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. Alternately, 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: ![]() Example of Pattern Transparency dithering (left) and applied to a Web page background (right) Interlaced Select Interlaced to download the image every other line with each pass. 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 (ImageReady) Select to use the same color table for all rollover states. Add Metadata (ImageReady) Select to include image metadata with the image: |