Page 1 of 1

Thumbnail size of the image loses quality

PostPosted: Tue Dec 25, 2007 10:32 am
by agroni
Hi there,

i have been working on the CSS code of the gallery. I want to enlarge the thumbnails of the photos leading to each gallery and also the ones leading to the photo itself.

So i divided the original format size in order to keep the proportions for the thumbnail. But even after this, the photo on the site lost the quality and you would see the pixels.

THis is the code that i used:
Code: Select all
IMG.thumbnail {
VERTICAL-ALIGN: middle;
horizontal-align: middle;
width: 200px; height: 123px;

}


How is it possible to enlarge the thumbnail of the photo and at the same time keeping the sharp and great quality???

Here is the gallery that i am talking about:
AGRON

PostPosted: Tue Dec 25, 2007 1:35 pm
by flemmingbo
Hi !

Quick answer - you can't ! You are asking the browser to blow up a 160 pixels wide image to 200 pixels wide - it is going to look ugly no matter what.

There's one option available though, it is possible to modify the pblog template and use it for regular galleries. This provides you with 400 pixels large thumbs.

I've done this in my panorama gallery, have a look and you're welcome to use my css if you like:

http://www.pbase.com/flemmingbo/panoramas

regards,

Flemming

PostPosted: Tue Dec 25, 2007 4:52 pm
by agroni
that's sad to hear that i cannot blow them up!
but thanx anyway for the answer and not letting me hope for a solutions :)

cheers ;)

Re: Thumbnail size of the image loses quality

PostPosted: Tue Sep 01, 2009 8:39 pm
by gummyb
Hello Flemming!

You panoramic gallery is the what I am looking for but is it possible to make the thumbnails even larger or have them in two columns?

Thanks!
Gus