Making and Using Thumbnails

Thumbnail images are often used in webpages to give the viewer a "preview" of a larger image. It is more convenient to have a number of thumbnails on a page than to have the larger image.

To make a "thumbnail image" you must use a paint or photo program such as Paint Shop Pro, LView, PhotoDeluxe, or one of many others.

You open the "image" in the paint/photo program and "resize" it to a smaller size. Some programs have a "built-in" ability to automatically make thumbnails when the proper "tool" is selected from the Menu. (Check your Help File for the program if in doubt)

After you have made your "thumbnail" the size you want it you should UPLOAD both the thumbnail and the original size image to your file directory.

Place the thumbnail on the page where you want the "preview" to appear. Next, make another HTML document and place the "full-sized" image on that document.

All that remains is to "link" the two images together. In the document where you have the thumbnail place the following HTML tags: <a href="fullsizedpage.html" border=0><img src="thumbnail.gif" border=0></a>

This is an example of a "thumbnail" image in use. Just click on the thumbnail to view the "full-sized" image.



Main HTML Help

Site© 1996-2003 Copyright by dcrum@infionline.net