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

CSS デザイン

css_imgthumb

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

CSS

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

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

ただし…

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

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

CSS デザイン

関連記事