Joel Spolsky points out a non-standard CSS extension that forces Internet Explorer 7 to re-size images much more smoothly (like Firefox and Safari do by default):
img { -ms-interpolation-mode:bicubic; }
It’s unfortunate that this is not the default behaviour, but at least it can be enabled.
Comments
Steven Perry - December 29, 2008 10:21 PM
Now is there a way to force IE7/oldschool scaling in Firefox? That would be neat.
Willem Jeffery - January 12, 2009 2:57 PM
Mr Perry, I'm uncertain why you would want nearest-neighbour scaling.
Steven Perry - January 26, 2009 9:15 PM
Suppose you wanted to double the size of an icon to show the pixely detail.
Willem Jeffery - January 28, 2009 6:00 PM
A quick Google divines that it's quite simple indeed:
-ms-interpolation-mode:nearest-neighbor;
More pixely detail than you can handle. : )
Eugene - February 7, 2009 3:42 AM
Willem Jeffery, don't you think there could a lot of different and ALREADY STABLE solutions, based on old behaviour? Like free xN zooming without need to waste space and time for bigger size image files (ok, compression could help, but) and what's MORE IMPORTANT way to download image in its original size and then zoom it in without and F***G interpolation. People ARE different. What's good for ones, not always good for others. That's the RULE. There ALWAYS should be possibility to choose behaviour. And oops, Steven Perry's question was about Firefox, not IE, so I doubt -ms-interpolation-mode:nearest-neighbor; will work in FF. Thx.
Jürgen Jeka - May 25, 2009 11:02 PM
There will be a way for future Mozilla/Firefox browsers:
image-rendering: -moz-crisp-edges;See developer.mozilla.org/En/CSS/image-rendering
Available in latest Gecko 1.9.2 developer builds (Firefox 3.6pre).
j.j.