高画質のまま画像を小さく表示できるCSS | アルペジオのようにCSSで画像のサムネイルを綺麗に表示する方法が紹介されています。 Tip: High quality CSS thumbnails in IE7 img.thumb { -ms-interpolation-mode: bicubic; } こうすることで、HTMLで画像を元サイズより小さく表示させた場合でも、綺麗なままで表示できるようです。 試しに、ひまわりの画像を表示してみます。 元画像は以下より。 This Time the Dream's on Me 小さく表示してもほとんど見栄えが変わりません。これは便利。 今までは、サムネイル用画像と、元サイズの画像を両方用意していたので、このCSSを使えばその手間も省けそうですね。 ちなみに、これはIE7用に設定しているらしく、FirefoxやSafariではデフォルトでこうなっているとか。知りませんでした。IE6だとやはりギザギザになりますね
