views:

44

answers:

0

Im trying to use thumbnails on the fly so I won't have to have both thumbs and actual images. I had em done with PHP (with the excellent imagecopyresampled function) which worked great.

Now I'm looking to do something similar without PHP and I'm curious about the alternatives. Having the browsers do the rendering doesn't seem to be a good idea. I get good results with Explorer, Safari and Chrome whereas both Firefox and Opera produce jaggy thumbs. I have understood that this have to do with the browsers ability to scale using bicubic interpolation or not.

I'm now wondering if there's a way to let Javascript do it, like PHP did earlier with bicubic interpolation, which results in better-looking thumbs or if there is a fix for the browser issues here (I know about the CSS property -ms-interpolation-mode)? In general, what's the opinion on client-side generated thumbs? Maybe it's better to keep going with PHP instead if there's not a reasonable alternative?

PS Does it matter if I rescale the images using Javascript or CSS?