Artwork for the Web in Adobe CS5 Illustrator - dummies

By Jennifer Smith, Christopher Smith, Fred Gerantabee

If you need to save Adobe Creative Suite 5 (Adobe CS5) Illustrator artwork for the Web, no feature is better than Save for Web & Devices. This dialog box opens a preview pane where you can test different file formats before you save the file.

  1. Choose File→Save for Web & Devices.

    The Save for Web & Devices dialog box appears, showing your artwork on the Optimized tab.


  2. Choose a tabbed view: Original, Optimized, 2-Up, or 4-Up.

    You see as a default the artwork in Optimized view, which previews the artwork as it will appear based on the settings to the right. The best choice is 2-Up view because it shows your original image versus the optimized version.

  3. Choose a setting for your file from the options on the right.

    If you want to make it easy on yourself, choose a preset from the Preset drop-down list. You have the option of saving your file as:

    • Graphics Interchange Format (GIF) is generally used for artwork with spans of solid color.

    • Dithering tries to make your artwork look like it has more colors by creating a pattern in the colors.

    • Joint Photographic Experts Group (JPEG) is used for artwork that has subtle gradations from one shade to another.

    • PNG-8 is quite similar to the GIF file format. Unless you have a certain reason for saving as PNG-8, stick with the GIF file format.

    • PNG-24 supports the best of two formats (GIF and JPEG). The Portable Network Graphics (PNG) format supports not only the nice gradients from one tonal value to another (such as JPEGs) but also transparency (such as GIFs).

    • Shockwave Flash (SWF) graphics file format is a version of the Adobe Flash Player vector-based graphics format.

    • Scalable Vector Graphics (SVG) is an emerging Web standard for two-dimensional graphics

    • Wireless Application Protocol Bitmap Format (WBMP) format is used for bitmap images for mobile devices.

  4. When you’re satisfied with your chosen settings, click Save.