Tips for Web page & Blog graphics

Use only JPG or GIF graphics
… as these are the most web friendly.

 

I heard that there’s GIF87a and 89a.  What are the differences?
GIF89a allows you to do GIF animations, and interlacing.

Millan by Camilla Eriksson 

 

So what’s interlacing?
Simply put, the image builds up as the end user is watching the download.  Sort of like a preview.

 7.17
(image courtesy of webdesign.about.com)

So what about JPEG?
Well GIF8x, as good as it is, is limited to 256 colours.  JPEG, 16,777,216.  You can see why it’s popular for photos.
It does compression just like GIF, but you can select how “progressive” it is.  Look at the image below, it demonstrates the effect of more compression across the photo.

 Phalaenopsis - image by André Karwath

(image from wikipedia)

 

Lets sum it up in a table:

  GIF87a/89a JPEG
Colours 256 16,777,216
Compression Minimal Good, but at cost of image quality
Animation?, interlacing? Yes & Yes No & No
Best use Line drawing, cartoons Photography

Bookmark and Share 

Comments are closed.