画像を綺麗に縮小できるCSS

へぇ～！と思ったCSS。
CSSでバイキュービック法を指定することで、画像を綺麗に縮小することが可能になるんです。

通常、画像サイズを指定して縮小した場合にはガタガタになっちゃうんですよね。
でもこのCSSテクニックを使えば縮小画像も綺麗。

ただし、対応ブラウザはIE7とSleipnir（スレイプニル）のみ。
FirefoxとOpera、IE6以前は不可。Safariはもともとバイキュービック。

まずは元画像（520×345）

通常の縮小
（280×186）

バイキュービック法で縮小
（280×186）

IE7かSleipnirで確認してもらえればよくわかると思います。
というか、他のブラウザやIE6以前のバージョンで見たらこの2枚の画像にまったく違いが見当たらないはずですけどね。

CSSへの記述

たったの一行。

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

と書いておくだけ。
W3Cではエラーになりますので、W3C準拠のCSSにこだわってる方はご注意を。

参考にした記事：High quality CSS thumbnails in IE7 / Devthought

[ Daisuke ]