Thumbnails Created 19 years ago2005-03-21 14:28:44 UTC by Habboi

I realised that my pictures are too big on my site and I wan't to make them into thumbnails although I have no knowledge of how to do it using HTMl.

I know how to make websites although thumbnails are new to me!

<a href="image.jpg"><img src="image.jpg" width="150" height="150" border="0"></a>

Thanks it worked

No, no, no, no, please!

That's an obscene way to do it. Resize the images in a proper image editing package and upload them seperately with _thumb on the end or whatever. The way illustrated there means people have to download the entire image anyway, and it's almost invariably abysmally resized, producing a terrible picture.

<a href="image.jpg"><img src="image.jpg" width="150" height="150" border="0"></a>

What horrifying thing I am seeing. Don't teach bad habits. It's like telling a newbie mapper to use the carving tool at all times.

I think we're agreed there then.

Satch and Seventh are right on the money here.
Create a small version of the piccy with IrfanView or something and use this:

<a href="image.jpg"><img src="image_small.jpg" width="150" height="150" alt="Small pic" title="Small pic" /></a>

Major changes here are removing the 'border' attribute, because it sucks and should be defined in the CSS.. Oh, um, I mean it is not really well supported and add a close out line to the image /> so that it is compatible with all browsers.
Add the alt attribute to enhance the pic and the title attribute to allow non IE browsers to display a title for the pic.

ChickenFist quoted the attributes which is good
But if I visited you site and had to wait for the piccy's to be compressed, I would just leave... never to return.

N.B.: make sure the dimensions you specify in the <img> tag are exactly the same as the actual image size, or omit them. They're good for slow-connection people though (their browsers know where stuff's gunna be before it's loaded them).