Fix HTML resized images in Internet Explorer
HTML resized images in Internet Explorer look like crap, unless you add the following line in IE-speciffic CSS:
img { -ms-interpolation-mode: bicubic; }
Handle with care.
main content, site navigation, search
HTML resized images in Internet Explorer look like crap, unless you add the following line in IE-speciffic CSS:
img { -ms-interpolation-mode: bicubic; }
Handle with care.
001—2010.07.06.08:50
thx, this is useful ;)
002—2010.07.07.10:27
[...] Fix bad rendering of resized images in IE with a specific vendor extension img { -ms-interpolation-mode: bicubic; }. There is also a Firefox setting for better image quality [...]
003—2010.07.07.20:21
While this is a great tip, I just wanted to add that this only works in IE7 and above, so if you still need to support IE6, keep in mind that it gets no love from this.
004—2010.07.07.20:24
Having stumbled across websites that take 5 minutes to load on a fast connection due the six 12 MB .BMP files being used for the 50px by 50px footer icons, I can assure you, the “fix” to nasty looking HTML resized images has more to do with Photoshop and nothing to do with CSS.
005—2010.07.08.12:17
@Nick: Practical usage would be manipulation with JavaScript, for instance thumbnail cropping or resampling. In that case, you’d rescale the original image for the previewing purpose, before submitting it to web server.