For introductory tips on Web graphics in particular, visit Netscape's Creating High Impact Documents and The WWW Developer's Virtual Library Graphics section. The latter contains a number of useful resource links, including introductions to GIFs, JPEGs and a comparison of GIF vs. JPEG. If you are using Adobe's Photoshop to create Web graphics, you will definitely want to download the free GIF89a Export plug-in. The plug-in, available for Mac Unix versions of Photoshop, allows you to automatically rasterize, select color palettes, anti-alias, and export transparent GIF images. The plug-in is available for Adobe Illustrator users, as well.
Finally, one of the most important elements in Web design is file size. Learn how to keep the byte count low without sacrificing image quality at sites like the Bandwidth Conservation Society, which offers some useful tips on optimizing graphics for the Web. For a real step-by-step, in-depth tutorial on this subject, however, take a look at Web Developer®'s own Graphics Performance Tuning.
Designing graphics for the Web starts to get a little more involved when it comes to creating more complex images, such as image maps or animated GIFs. Luckily, there are a growing number of easy-to-use programs specifically designed to produce these types of enhanced graphics, many of which are available as shareware. One of the best image map utilities for Mac is WebMap, which allows you to designate "hot spots" for hyperlinks using both primitive and organic shapes. Likewise, GIFBuilder for MAC is an equally popular tool in the animated GIF arena.