Board index PBase HTML and Style Sheets Thumbnail size of the image loses quality

HTML and Style Sheets

Thumbnail size of the image loses quality

Customize your galleries.
agroni
 
Posts: 990

Thumbnail size of the image loses quality

Post Tue Dec 25, 2007 10:32 am


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
Image

flemmingbo
 
Posts: 435
Location: Denmark, Copenhagen


Post Tue Dec 25, 2007 1:35 pm


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
Flemming Bo Jensen Photography
Gallery: http://www.pbase.com/flemmingbo
My photography blog: http://flemmingbo.wordpress.com

agroni
 
Posts: 990


Post Tue Dec 25, 2007 4:52 pm


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 ;)
Image

gummyb
 
Posts: 210

Re: Thumbnail size of the image loses quality

Post Tue Sep 01, 2009 8:39 pm


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


Board index PBase HTML and Style Sheets Thumbnail size of the image loses quality

Who is online

Users browsing this forum: No registered users and 2 guests

cron