Heal Your Church WebSite


Teaching, rebuking, correcting & training in righteous web design.

How Evil are You?

A little silliness for Saturday — with a lesson attached. Take following test and see the HUGE graphic they allow you to link to. This is a sure-fire way to grind your page load times down to a halt.

While I’m sure some of you will disagree with the results of the test, I think you’ll agree to the following rules for graphic images:

  • whenever possible, use graphics on your own server and
  • always color reduce your images
  • for text-based graphics and line art, use a .GIF file over a .JPG
  • remember that the height and width arguments of the <img> tag only make the image appear smaller on screen, it does NOT change the physical size of the image (meaning it takes just as long to load but looks crappier).

5 Comments

  1. Sorry… but what does it mean to “color reduce” images? (I feel a bit stupid asking this, but I think it’s probably a good thing to learn… and more within my current capabilities than XML or API, whatever those are :-D )

  2. Preferably use png over gif for licensing reasons.

  3. irene: I understand “color reduce” to refer to how you save your GIFs. A GIF file only allows for 256 colors, but instead of being forced into a particular set of colors you can reduce your image down to your own 256 (or less) and use those. In a graphics program that would probably be referred to as using an adaptive or exact palette. hth!

  4. Dean, you’re hurtin’ me! Please don’t recommend the continued usage of gifs. They should have died with the dot-com bust. Use PNGs. They can be indexed to where they are smaller than GIFs or can scale up to 24 bit color with alpha transparency. PNGs (portable network graphics) and their animation cousins, MNG (motion network graphics, were designed for the internet. Plenty of free tools for their use are available. Let’s use them.