How to create Thumbnails

One popular technique is to display a small 'thumbnail' image on your web site with a full size image available by clicking on the thumbnail image. To do this in HTML you'd use this kind of thing:

<a href="thumbnail.jpg"><img border="0" src="biggerpicture.jpg" width="136" height="180" alt="Picture of tabby cat being chased by hungry dog">

A user clicking on the thumbnail image opens the full sized image, and needs to click on the browser 'back' button to get back where they were. A slightly more elegant solution is to use:

<a href="thumbnail.jpg" target="_blank"> </a>

which opens a new browser window. That means they can get back to your page very easily.

Here's an example in practice:

Note how it opens a window to show you the full sized picture (a compressed JPEG using the methods you can discover here). You could also put a border around it (FrontPage does this automatically for you).

Have fun!

David Dorn