Dan Hasselius Searchland Wilsome Graphics Webdev

Gif's and Jpg's


  • A JPG might compress to a smaller file than a GIF (less time to download) but it might take longer to decompress and display.
  • JPG is a lossy compression format. You lose image quality.
  • JPG compression gives the best results for photographs or images with detail.
  • To reduce the size of a JPEG file, apply a small amount of blurring to the image.
  • After the image downloads, compression no longer matters.

GIF things

  • Use GIF with drawings or line art work.
  • Some versions of Netscape choke on transparent GIFs.
  • Fix: make the first pixel in your GIFs non-transparent.
  • There is no loss of quality in GIF format..
  • GIF images can only show 256 colors.
  • To reduce GIF file size, decrease the # of colors used and make color areas as large as possible.

Animated Images

  • Do not use em.
  • They make the page load slow - they use big files.
  • Animated images may cause the page to load improperly.
  • They're distracting and annoying.
  • They chew up processor cycles doing animation.
  • Runs at different speeds, depending on the visitor's stuff.
  • Crashes older browsers.
  • If you use animations anyways, limit the number of times an animation will loop.

Interlaced or progressive images

  • Do not use em.
  • Irritating
  • Hard to tell when the image is done.
  • When bandwidth is skinny the image sits half-rendered.
  • Intermediate images are sometimes very different from the actual image.
  • It's just another special effect that will soon be boring.


about me
site graphics
image tips
home elements
nav rules
nav systems