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 

On this day..

View CommentsTips for Web page & Blog graphics

  • cazzie

    Guess you did this post because my second image on my current post is blurry, LOL. Nah, it was intentional really. Anyway..I think I understand what you are talking about… does that mean you are a good teacher? :)

  • cazzie

    Guess you did this post because my second image on my current post is blurry, LOL. Nah, it was intentional really. Anyway..I think I understand what you are talking about… does that mean you are a good teacher? :)

  • Dale

    No, nothing like that. Been meaning to write this for my benefit, and there we are.

    Yes, I’m good at teaching people things :-)

  • Dale

    No, nothing like that. Been meaning to write this for my benefit, and there we are.

    Yes, I'm good at teaching people things :-)

Leave a Reply

 

 

 

You can use these HTML tags

<a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>

blog comments powered by Disqus