大きい画像をキレイに縮小表示させるCSS

Webページを作成していて、もっとも面倒な作業の一つがサムネイルの作成です。
大きい画像を無理矢理WidthやHeightで縮小して表示すると、読み込みが重い上に、ブラウザで見たときにジャギーが粗くなってギザギザで汚くなってしまいます。

しかし、あるCSS設定をすると、IEで画像の縮小表示がなめらかに表示されることが分かりました。

それがこの指定です。

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

これで縮小画像の表示がバイキュービック形式の縮小になります。

論より証拠。この2つの画像を見比べてください。

画像をCSSだけでハイクオリティに縮小サムネイル化する方法:phpspot開発日誌

広告

About: adminuser


8 thoughts on “大きい画像をキレイに縮小表示させるCSS”

  1. Pingback: Hiroaki Yano
  2. IE7でサムネイル画像などの縮小表示がバイキュービック形式でなめらかに表示される。 img { -ms-interpolation-mode: bicubic; }

Leave a Reply

Your email address will not be published. Required fields are marked *