Forum Moderators: mack

Message Too Old, No Replies

thumbnails with link...

         

stevemchey

8:01 pm on Jun 25, 2003 (gmt 0)

10+ Year Member



I am trying to create some sort of photo-album and want to have thumbnails as links to the identical picture in large. However, since I have quite a few pictures, I don't want to create a thumbnail version of every picture and save it seperately. But if I use the same picture-source and simply make the HTML dimensions smaller, it still takes a long time to download...

So is there a way to use one source and still speed up the thumbnail image?

broniusm

8:39 pm on Jun 25, 2003 (gmt 0)

10+ Year Member



stevemchey-
without involving some sort of server side technology (php/asp..), you've got no choice but to feed the whole image down the pipe. The good news is, however, that there are thumbnail scripts out there.

I created a php script that automatically scans a directory, and upon finding a .JPG checks to see if a thumb exists for that image yet or not. If so, it displays the thumb and puts reference to the fullsize file. If not, it creates it and then displays that newly created thumb. Using this model, you can, of course, disable writing to disk and always recreate the thumb, but that's a bit taxing (and redundant) on the server when you have any decent traffic coming to your sites.

If disk space is a concern for you, keep in mind that such a script will allow you to set your compression level and output size. Your thumbs can be as small (onscreen or filesize) as you see appropriate.

Symbios

8:46 pm on Jun 25, 2003 (gmt 0)

10+ Year Member



If you want to bulk resize images try Easy Thumbnails, its free and is very quick, just search for it on Google.

Also it will rename the thumbnail images with a prefix so when you bulk convert image.jpg could have the name ##image.jpg.

brakthepoet

8:49 pm on Jun 25, 2003 (gmt 0)

10+ Year Member



Birdman provides a nice thumbnail generator in the Bag-O-Tricks for PHP II [webmasterworld.com], msg 29.

waldemar

8:50 pm on Jun 25, 2003 (gmt 0)

10+ Year Member



I would <added>also</added> recommend in putting a little more effort in creating *real* thumbnails. I feel uncomfortable putting so much server processing time into the display of a thumbnail page plus the results look so much better:

Organize your photo album in folders and then make one or more batch scripts in photoshop. (I heard Paint Shop Pro 8 also has some great batch functions now.)

On one of my sites, *all* thumbnails have a height of 90 pixels. It's just a matter of a couple of mouse clicks to make a (photoshop) action that shrinks an image down to 90 pixels height, sharpen it a little bit and increase the brightness of the middle tones. The thumbnails definitly look better than with any on-line algorithm (flames accepted :-) or the adjustment of width/height attributes on the img-tag when using the original-size images.

stevemchey

9:22 pm on Jun 25, 2003 (gmt 0)

10+ Year Member



Thanks y'all...

I am in the process of downloading Easy Thumbnail and will see how it works....

But what if I have a photo album where members can upload pictures? I am planning on doing something like that in PHP. Are there any good scripts around to create thumbnails on the server side?

g1smd

9:57 pm on Jun 25, 2003 (gmt 0)

WebmasterWorld Senior Member 10+ Year Member Top Contributors Of The Month



[webmasterworld.com...] Paragraph2 :-)

Birdman

10:06 pm on Jun 25, 2003 (gmt 0)

WebmasterWorld Senior Member 10+ Year Member



brakthepoet, thanks for throwing that in there! It is a neat script, and I use it for some of my client's sites. Let's them upload their own images and they get resized with TMs generated as well.

g1smd, funny :) Too bad the jump links don't work anymore :(

stevemchey, welcome to Webmaster World! If you check out that script, be sure to read the next couple messages after it.

[edited by: Birdman at 10:07 pm (utc) on June 25, 2003]

Symbios

10:06 pm on Jun 25, 2003 (gmt 0)

10+ Year Member



Stevemchey,

You should find the easy thumbnails useful, its invaluable to me, used with a bulk rename utility such as [jimwillsher.co.uk...] you can do some wonderful things ;)

limbo

1:34 pm on Jun 26, 2003 (gmt 0)

WebmasterWorld Senior Member 10+ Year Member



Steve

I would advise (strongly) against resizing your images in HTML - compressing them this way produces dodgy thumbnails and retains the original file size - so the page would be massive if there are a number of thumbs on the page.

I know that going through a lot of images and creating thumbnails is a chore(did this for 200 images once!) but some design software offers batch processing. This allows you to select an number of images (e.g. all portrait and same dimensions) and run a compression - so you can click enter - have a cup of tea - and it's done on your return :)

Then use PHP to do the rest.