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.
Now is there a way to force IE7/oldschool scaling in Firefox? That would be neat.
Mr Perry, I’m uncertain why you would want nearest-neighbour scaling.
Suppose you wanted to double the size of an icon to show the pixely detail.
A quick Google divines that it’s quite simple indeed:
-ms-interpolation-mode:nearest-neighbor;
More pixely detail than you can handle. : )
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.
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.