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

Part 4. Converting Files > Task 4 How to Build GIF Files for the Web

Task 4 How to Build GIF Files for the Web

GIF files are efficient, compact files perfect for use on the Web. As you see in the tasks that follow, GIF files allow you to build in transparency and animation while keeping the file size small. GIF files do not handle photographic images well, however. If you want your photographic images to maintain detail, consider the JPEG file format.

Open and Save File in Photoshop

Open the file you want to convert to GIF format. Choose File, Save for Web. The Save For Web dialog box opens, and Photoshop creates a duplicate image, leaving the original image untouched.

Select Optimized File Format

From the first drop-down menu in the dialog box, select GIF. Leave the next two options set at Selective and Diffusion (these options refer to the color conversion and dither patterns).

Set Lossy and Dither Sliders

Set the Lossy and Dither sliders. Start by setting Lossy at 100 and Dither at 0. To reduce the file size, keep the Dither value as low as possible and the Lossy value as high as possible. The image is updated to reflect the changes you make. Watch the image changes to help make a final decision when it comes to applying the various settings.

Preview Your Settings

Click the Optimized tab to preview the file compression results based on your settings. If the image is too grainy, lower the Lossy slider. If it appears solarized and graphic, raise the Dither value.

Set the Number of Colors

Your next goal is to create a GIF file with as few colors as possible. Shoot for 32 or 64 (some graphics files can use as few as 8 or even 4 colors without compromising the image much). Click and hold the Colors drop-down list and select the number of colors. (Alternatively, highlight the number in this field and type the desired value.)

Save the File

Click OK to close the Save For Web dialog box. The Save Optimized As dialog box opens. Verify the name and location of the file and click Save to save the file.



Not a subscriber?

Start A Free Trial

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