How do I make thumbnails?

They have: 344 posts

Joined: Jun 2002

Hi guys!

I am just posting quickly to ask you lot, How do I make thumbnails? By this I mean, what HTML code will allow me to make a thubmnail?

The Webmistress's picture

She has: 5,586 posts

Joined: Feb 2001

There are programs you can get to make a gallery with thumbnails and click to enlarge, but ultimately a thumbnail is just a smaller version of a large photo and therefore you should create the thumbnail in some kind of graphics program and not resize it with html as the whole point of using thumbnails is so that the page loads quickly with a taste of the bigger picture.

Julia - if life was meant to be easy Michael Angelo would have painted the floor....

Megan's picture

She has: 11,421 posts

Joined: Jun 1999

Moving this to CL&GD since it's not really a code question. I think that some of these galleries will automatically make the thumbnails for you - You could dig around in the Site TOols area - I think this might have been discussed in there before.

Otherwise it depends on the graphics program you're using. In photoshop, for example, you can create an action and then run a batch process on a folder of images to make thumbails (instead of doing them one-by-one).

Suzanne's picture

She has: 5,507 posts

Joined: Feb 2000

gettingstarted.net might be a good place for you to kick around, Timewell. Spend some time getting the basics under your belt -- even just a couple of hours of reading will get you up to speed.

The HTML parts are old, but the graphics tutorials and explanations are still quite valid.

Renegade's picture

He has: 3,022 posts

Joined: Oct 2002

just resize the image Smiling if u resize with html then the whole picture will still load but it will be shrunk down, thus making it pointless being a thumbnail :S

Busy's picture

He has: 6,151 posts

Joined: May 2001

Never resize via HTML, the width and height tags should be that of the actual image, not the size you want it to be.
Using HTML to change the image size slows down the pages loading, can give ugly effects and should never get into the practice of doing it.
ALways use a graphic editor to resize images

Abhishek Reddy's picture

He has: 3,348 posts

Joined: Jul 2001

What about using PHP/GD? Is that an option?

Renegade's picture

He has: 3,022 posts

Joined: Oct 2002

what is php/gd?

Want to join the discussion? Create an account or log in if you already have one. Joining is fast, free and painless! We’ll even whisk you back here when you’ve finished.