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

Chapter 37. Illustrator and the Web > Creating Web Graphics with Illustrator

Creating Web Graphics with Illustrator

Here are a few concepts you should understand before you begin creating individual Web components:

  • With the exception of SVG and Flash graphics, images on the Web consist of pixels. (See Chapter 4, “Pixels, Vectors, and Resolutions,” for a discussion of the differences between raster and vector artwork.)

  • All color on the Web is RGB, grayscale, or black and white.

  • Web browsers, used to view Web sites and pages, can display only certain types of graphics images.

  • You can place Illustrator's AI files into GoLive pages, but the images will be optimized and saved as pixels before being posted to the Web server.

  • Each component of a Web page must be saved as a separate file for use in a Web design program, such as Adobe GoLive. Additional enhancements, such as GIF animation, button rollovers, and image slicing can be added in Adobe ImageReady (the Web production tool of Photoshop) or with Adobe LiveMotion.

  • Images that are not square or rectangular require special preparation unless they are to appear on a plain white background. By default, raster images (including most Web graphics) are rectangular. With some file formats, transparency can be used to give the impression that an image is not rectangular.

  • Special effects such as drop shadows must be handled with care. Despite Illustrator's transparency capabilities (see Chapter 34, “Using Masks, Transparency, and Blending Modes”), variable or graduated transparency is not generally supported on the Web.



Not a subscriber?

Start A Free Trial

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