Tip: High quality CSS thumbnails in IE7 ・Devthought

画像をCSSだけでハイクオリティに縮小サムネイル化する方法が紹介されています。
普通、IEで、img に対して、width, height 指定すると、画像が汚く縮小されちゃってましたが、CSSの指定をしちゃうとそれが解決されるということのようです。

具体的には以下のCSS指定によってそれが可能みたいです。
img { -ms-interpolation-mode: bicubic; }


デモページ

う〜ん、縮小してもとっても綺麗です。

FirefoxやChromeの場合は何も指定しなくても綺麗に縮小される、っていうのも知りませんでした。
これは、サーバサイドでサムネイルを生成しなくて良くなる場面が出てきて開発者としては手間の削減になりますね。

転送量を考えれば、サムネイルが完全に不要になるということは無さそうですが、知っていることで、他画像とのサイズあわせぐらいならばブラウザ上でやっちゃえそうです。
知っていると知らないでは大違い、かも。

関連エントリ

• PHPで画像のサムネイルを超簡単に作る方法「phpThumbnailer」
• ページのサムネイルorキャプチャをWEB上で作るサービスまとめ
• Windows＆PHPでスクリーンショットやサムネイル作成