I need several square pictures for my website and display them in 100 x 100 px using CSS. When I use bigger pictures (for example 300 x 300, 455 x 455 or any square size), the result in Internet Explorer 7.0, 8.0 and Google Chrome looks really good. The image quality is much higher than the quality of a manually resized picture.
In other browsers however, like Firefox 3.5+ and the older IE browsers, the downscaled image is really ugly.
Is their a way to make downscaled images just as good in Firefox as in IE and Chrome? Or should I always manually resize all images to 100 x 100? (I've read somewhere that most designers never use scaled images on their websites?)
Thank you in advance!