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.
Things to remember:
- 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.
- On screen graphics utilize 72 to 96 ppi (pixels per inch). For printed items, we print at about 300 dpi (dots per inch)..
- 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.
- 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.
Animated gifs should be kept simple. The more complex the animation the longer the download time for the animated image. Here's an example created by one of my former students.
It is composed of three repeating frames.