Designing Your Visions!

By: Anne Palumbo

To export an RGB image to GIF:
1.If you want to include only part of the RGB image in your HTML document, select that part of the image and feather it if desired. Copy the selection onto a new, transparent layer. Be sure to hide any layers that you do not want to include in the GIF file.
2. Choose File, Export, GIF89a Export.

To display transparent areas of the image as a solid color, do one of the following:
3.To make transparent areas the same color as the Web browser window background, leave the Transparency Index Color box at the default color. The default color is Netscape gray, which is 192 R, 192 G, and 192 B.
4.To change the color used for displaying transparent areas, click the Transparency Index Color box, and choose a new color. Click OK.

For Palette, choose one of the following options:
*Exact to create a palette using the colors in the image. This option is not dimmed (Macintosh) or visible (Windows) only if the image contains 256 or fewer colors.
*Adaptive to create a palette using a representative sample of colors in the image. Use this option for the best results if the Exact option is unavailable. When multiple images are displayed simultaneously, the Netscape 1.1 (or higher) browser dynamically creates a color table using the adaptive palettes.

The System option may produce unexpected results when the image is displayed on an 8-bit monitor using a different built-in palette.
5. To select a custom palette that you have created in Adobe Photoshop, click Load, and locate and select a custom palette. Then click OK.
6. If you have loaded a custom palette or chosen the System palette option, select Use Best Match to use the colors from the palette that best represent the image.
7. If you have chosen the Adaptive palette option, select or type in the smallest number of colors that retains the necessary detail in your image.
8. The effect of reducing the number of colors on the file size will vary significantly with images of different dimensions and color content. In small-sized images, the effect on file size is insignificant.

You can reduce the number of colors in an image only when exporting an RGB image to GIF. To reduce the number of colors in an indexed-color image, convert the image to RGB mode, and then export the image using the GIF module.

*To see how the image will appear in the Web browser, click Preview. to navigate the preview, use the following methods:
*To move the image within the preview window, select the hand tool and drag over the image. To fit all of the image in the window, double-click the hand tool.
*To increase the magnification, select the zoom-in tool and click the part of the preview that you want to magnify. For a 100% preview, double-click the zoom-in tool.
*To reduce the magnification, hold down Option (Macintosh) or Alt (Windows) and click the part of the preview you want to reduce.

To use the viewing tools quickly when working in the GIF89a Export Preview, use the following shortcuts:
*To activate the zoom-in tool, press Command (Macintosh) or Ctrl (Windows).
*To activate the zoom-out tool, press Option (Macintosh) or Alt (Windows).
*To activate the hand tool, press the spacebar.

*Click OK to close the preview window.
*If dissatisfied with the results, hold down Option (Macintosh) or Alt (Windows) and click Reset to restore the colors in the image.

To determine how the image displays as it is downloaded in the Web browser, do one of the following:
*Select Interlaced to display the image gradually in increasing detail as it is downloaded.
*Deselect Interlaced to use your image as a background or texture.
*If the file contains a caption that you want to include as a comment in the GIF header, select the Export Caption option. For more information, see Adding file information.
*Click OK to export the file. Choose a location for the exported file, and click Save.

Good Luck!

*** Anne Palumbo is a consultant for business web designs. She is noted for her articles on marketing, design, and developer tricks and tips.
** As a web author, she designs original graphics, site layout configurations, provides database and script integration, and writes company content.
* You can find some of her work at: A.Palumbo Consultants
* You can also drop Anne a note - she’d be pleased to hear from you.

AP'S Front Page

Our Press Releases

Our Services

Marketing Obelisk


Our Happy Clients
Tips & Tricks for Developers!
Drop me a note!
    Voice: (443) 345-1234
Copyright © 1995-, APalumbo Consultants
License Agreement
Terms of Service