大きい画像をキレイに縮小表示させるCSS
Webページを作成していて、もっとも面倒な作業の一つがサムネイルの作成です。
大きい画像を無理矢理WidthやHeightで縮小して表示すると、読み込みが重い上に、ブラウザで見たときにジャギーが粗くなってギザギザで汚くなってしまいます。
しかし、あるCSS設定をすると、IEで画像の縮小表示がなめらかに表示されることが分かりました。
それがこの指定です。
img { -ms-interpolation-mode: bicubic; } |
これで縮小画像の表示がバイキュービック形式の縮小になります。
論より証拠。この2つの画像を見比べてください。
画像をCSSだけでハイクオリティに縮小サムネイル化する方法:phpspot開発日誌
広告
img { -ms-interpolation-mode: bicubic; }で縮小画像の表示がバイキュービック形式の縮小になる！
素敵なCSSを発見！
http://t.co/SdntFEjz
この手の方法まだあるのかな？
知らなかった・・・そしてマジでキレイになった。 大きい画像をキレイに縮小表示させるCSS | Weblogy http://t.co/XMIDEreN
※ふるいIE
IE7でサムネイル画像などの縮小表示がバイキュービック形式でなめらかに表示される。 img { -ms-interpolation-mode: bicubic; }