Utilizing Thumbnail Graphics

High-resolution graphics can make a page load slowly, but avoiding high-resolution graphics altogether can limit your site’s effectiveness in delivering content. A compromise is to include thumbnail images, which are low-resolution copies of the images that are linked to the larger, high-resolution versions.

Note

Some Web development programs, such as Microsoft FrontPage, create thumbnail images automatically when you set up a photo album page.

To create a thumbnail, you will need small versions of each of the graphics. You can create them by opening the original graphic in a program like Photoshop or Paint Shop Pro, and then using that program to scale the picture to a lower resolution (for example, 100 pixels high). ...

Get HTML and XHTML Step by Step now with the O’Reilly learning platform.

O’Reilly members experience books, live events, courses curated by job role, and more from O’Reilly and nearly 200 top publishers.