【CSS】たった１行で綺麗な画像サムネイルを作る方法

画像（img）に対して width や height を使って縮小すると、
IEではバージョンによってはギザギザで汚い画像になってしまいます。
これは画像縮小の方法が違うことが原因です。

CSS

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

CSSにこの１行を追加することで綺麗な画像にすることができます。

ただし…

• IE6以前ではこの方法は効かない
• IE9では縮小率が高すぎるとギザギザになってしまう（50%以下推奨）

以上２点に注意しましょう。。