Guillermo Rauch's Devthought » ie7 http://www.devthought.com Mon, 30 Jan 2012 16:38:59 +0000 en hourly 1 http://wordpress.org/?v=3.3.1 Tip: High quality CSS thumbnails in IE7 http://www.devthought.com/2009/03/13/tip-high-quality-css-thumbnails-in-ie7/ http://www.devthought.com/2009/03/13/tip-high-quality-css-thumbnails-in-ie7/#comments Fri, 13 Mar 2009 14:06:52 +0000 Guillermo Rauch http://devthought.com/?p=475 Continue reading →]]> IE7 supports a custom bicubic resampling mode for images. Before, resizing a 500×500 image like this:

This image is really 500x500 big

would produce a horrible result in IE, with noticeably lower quality in the resized version.

This is easily fixed in IE7 by applying the following property to the img tag:

img.thumb { -ms-interpolation-mode: bicubic; }

Go to this demo page for a Flickr picture example.

]]> http://www.devthought.com/2009/03/13/tip-high-quality-css-thumbnails-in-ie7/feed/ 35