普段はMac、WindowsでもFireFoxをメインに使っているので忘れがちですが、大きい画像をHTML上で小さく表示した場合、IEだと画像がガビガビになってしまいます。
これをCSSで奇麗に見せる方法が紹介されていました。
- IE7対象、CSSのみで画像の縮小サムネイルをきれいに表示させる方法 [中小企業で働くWeb制作担当者のメモ帳]
- Tip: High quality CSS thumbnails in IE7 [Devthought]
- 画像をCSSだけでハイクオリティに縮小サムネイル化する方法 [phpspot開発日誌]
方法はすっごく簡単！
CSSで次のように指定すれば良いだけです。
img { -ms-interpolation-mode: bicubic; }
実際に使ってみるとこうなりました。
（250×192の画像をHTMLで120×92に強制的に縮小）
お〜、すっごく奇麗になりましたね！！
ただ、IE6にはきかないんですよね...う〜ん。
