Graphics

You will have a chance to create custom graphics during this unit. You will create images for you Web pages.

Once you are done viewing the examples, follow the screen resolution and graphic file type links.

• Screen Resolution
• Graphic File Types

1. Most users have their screen resolution set beyond 1024 x 768. That is, 1024 pixels across by 800 pixels up and down. In this class, we design for a screen resolution of 1024 x 768.
2. On screen graphics utilize 72 to 96 ppi (pixels per inch). For printed items, we print at about 300 dpi (dots per inch)..
3. Use the appropriate file type for your images. In general, use GIFs for clip-art and JPG for photos. You will learn to reduce file size by reducing image size and compressing your images.
4. Here's some additional info:
   GIF: Max of 256 colors, supports transparencies, and animations, for clip-art
   JPG: Millions of colors, no transparencies, no animations, for photo quality images
   PNG: Millions of colors, supports transparencies, animations, and layers , for photo and clip-art
   BMP: Lousy for the Web. Well, actually just lousy! Don't use in this class.