homepage Welcome to WebmasterWorld Guest from 54.166.95.146
register, free tools, login, search, pro membership, help, library, announcements, recent posts, open posts,
Pubcon Platinum Sponsor 2014
Visit PubCon.com
Home / Forums Index / Code, Content, and Presentation / HTML
Forum Library, Charter, Moderators: incrediBILL

HTML Forum

    
Thumbnails - how do you do it?
internetheaven




msg:582483
 12:06 pm on May 31, 2006 (gmt 0)

There is a huge number of products in my database with every image practically a different size. How do you set thumbnail sizes. I've currently got them fixed at width="70" height="80" but obviously they look awful when crammed into the space.

How do you make them all the same height (they can't be over 80 due to page layout) but allow them to find their own suitable width so that the image looks okay?

 

topr8




msg:582484
 12:13 pm on May 31, 2006 (gmt 0)

for me, we use 150 but the principle is the same, i make them either 150 wide or high whichever is the greater.

i also manually change some that are square in shape as they end up looking much bigger than the others, around 125 x 125 for us works,

also we manually review the thumnail picture, sometimes a straight 'shrink' from the full size works, othertimes we need to crop the full size pic or else the thumbnail is meaningless... more work but worth it, and before you ask we have 50k product images on the site, so although not a huge number enough for it to be a lot of work.

rocknbil




msg:582485
 4:54 pm on May 31, 2006 (gmt 0)

We use the perl module ImageMagick to resize the images on upload and save both a thumbnail version and an enlarged version. This allows the thumbnail page to load quickly. Depending on your images, it may be better to set the width or height, you won't get both in an automated process. The only way you can get a standard size is to manually pre-crop the image prior to upload, a tedious process. ImageMagick will crop images but being automated it may not be a good idea.

Moosetick




msg:582486
 5:37 pm on May 31, 2006 (gmt 0)

I have a site where users can upload images. It creates 2 files for each upload. One is the original scaled down to 600xscale and the other is 100xscale.

I made a PHP script that reads the original size and scales accordingly. Basically, it reads the original size. Let's say an image is 640x480. Then it resizes to 600 x [(600/640)*480] or 600x450. It does the same process to get 100 x [(100/640)*480] or 100x75. They are saved in a format like 0001.jpg and t0001.jpg and called as needed.

You could use a similar script to view your pictures in scale. Just remember that you can either set your height or width but not both without a chance of distortion.

2by4




msg:582487
 7:34 pm on May 31, 2006 (gmt 0)

thotor sizes to height or width, maintains aspect ration, plus its thumbnails are significantly smaller than photoshops for example. Thotor is a tiny windows app, but also runs fine under wine in linux. It's free, get it here [dominativ.com].

I havent' tried the new version, but the old version works great, and always has. Small app that does one thing very well.

<added>Checked out the new version, works even better in wine, now also supports creating more than thumbnails, same easy to use interface.

This wouldn't be a solution for a server side processing thing of course, it's a client app.

I think you can use imagemagick if I remember right though by just setting max heights for the image when processing it, and setting the other dimension as some large number as a max value.

Global Options:
 top home search open messages active posts  
 

Home / Forums Index / Code, Content, and Presentation / HTML
rss feed

All trademarks and copyrights held by respective owners. Member comments are owned by the poster.
Home ¦ Free Tools ¦ Terms of Service ¦ Privacy Policy ¦ Report Problem ¦ About ¦ Library ¦ Newsletter
WebmasterWorld is a Developer Shed Community owned by Jim Boykin.
© Webmaster World 1996-2014 all rights reserved