Search Google

Room 208 -Computer Lab


Image Types

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:
  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.

Animated Gifs

Flip Book

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.

Chubby Me!


Random Number

Copyright © 2004-2024 | All Rights Reserved

All courses at Coalinga High School are open to all students without regard to race, color, national origin, sex, disability, sexual orientation, gender, ethnic group identification, ancestry, or religion.