Journal Entries
|
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
|
|
