analytical Q diary journal photos contact
Journal Entries
previous
next

 

Bon Journal

Image lessons

"A picture's worth a thousand words" and images on the Web certainly convey a lot. But Web images do not always load quickly or fit the screen perfectly.

I learned some new things while putting together a photo page.

Images are quick to load if they are either

a- small in size (dimensions)

or

b- small in file size

The rule of thumb I use is file size no greater than 50k. The trade-off between dimensions and file size is resolution.

Background images can be big - but resolution poor - to compensate for the file size.

Because images load more slowly than text, it's useful to have an "alt" tag. Some people switch off their images - so only alt text shows up.

There's also a "title" tag that you can use to describe what the image is about.

Border="0" is important if you link the image to something else - otherwise you get a blue border around it.

While it's not necessary to specify width and height of the image, the image loads better if you do.

The image on the bottom right has an alt tag, title tag, and link tag all in one. And it reads as follows:

<a href="../myphotos/2001/ilp.jpg"><img src="../myphotos/2001/ilpsmall.jpg" width="64" height="64" border="0" alt="Anne Ku at Ilp, Holland" title="Just after the outdoor sauna experience"></a>

8 July 2001

Web help
Web stats
 
    Anne Ku at Ilp, Holland