The <img> tag in HTML should be treated with the same suspicion one glowers upon all those slickly packaged low-cal cookies we see in the diet food aisle of the grocer. Both promise to avoid a gluttonâ€™s guilt â€“ but in both cases it smoke and mirrors, leaving you feeling bloated and sluggish.
One of the most perpetuated sins of church web design is image bloat â€“ most often perpetrated in the form of thinking that somehow, the height and width argument of the <img> tag somehow magically and physically shrinks an image file. It doesnâ€™t â€“ it only appears that way.
In English, just because I write: <img xsrc=â€mychurch.jpgâ€ height=â€160â€ width=â€240â€> does not magically or physically make my 920k image load like a 20k image. Instead it means I make a page that should load in about 8 seconds take 188 seconds â€¦ as reflected by our friends at the Henderson Grove Missionary Baptist Church of Morrisville, NC.
Check out these
stunning stats from the WebSiteOptimization.com.
Hereâ€™s what needs to happen to heal this church website:
- First, a â€œthumbnailâ€ of the image needs to be rendered. Unless the webmaster is a guru with graphic packages like PhotoShop or PhotoImpact, then Iâ€™d suggest downloading and using that fabulous famous freeware referred to as IrfanView. I think a 75% JPEG progressive compression would do the trick.
- Second, Iâ€™d crop the image â€“ thereâ€™s no need to display all the sky above, the construction to the right, nor the air conditioning unit to the left. This along with the compression would get said 1792×1200 image down to a reasonable 17kb.
- Third, Iâ€™d ditch the image of the church altogether â€“ church web sites should convey the purpose and personality of the individuals inside, not the bricks and mortar faÃ§ade.
One other thing to consider is not hyper linking the events page to that or any other image used in said space as it assumes the user is some sort of psychic and able to discern that an image of a building somehow conveys the concept of a calendar.
In other words, if you want to use an image to convey a calendar, then use a calendar oriented image.
Finally, unless your church has a kitchy komputer keyboard-like â€œwelcomeâ€ emblazed upon itâ€™s front door â€“ donâ€™t put it on your church web site’s front page. It only conveys a cheapness that is barely described in 1000 words. Instead, put something useful there like a simple one line slogan â€“ or even better â€“ the service times.
Another way to think about this is ask yourself: â€œis this page so light and easy to load and understand that my grandmother could use it?â€