武林網(www.49028c.com)文章簡介：IE7中生成高質量css縮略圖技巧.

在前端開發中，我們經常遇到這樣的情況：服務器傳到前端的圖片需要縮小以顯示（如下），在將其縮放之后，IE中圖片效果不容樂觀。

<img class="thumb" src="pic.jpg" alt="This image is really 500x500 big" width="50" height="50" />

IE7支持自定義雙三次“重采樣模式”。devthought為我們提供了一種在IE7中生成高質量縮略圖方法，只需要對圖片使用下面的css屬性，即可修復圖片質量。

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

-ms-interpolation-mode還有另外一個屬性值：nearest-neighbor。它使用的是最近鄰近插值算法，會產生比較明顯的鋸齒，圖片模糊。對于生成高質量縮略圖來說顯然不可取。

schill對比了縮略圖在各個瀏覽器間的差異。與其它瀏覽器比較，opera中圖像邊緣略顯粗糙。總體來說，主流瀏覽器中縮略圖片質量還不錯。

遺憾的是，IE6好像還沒有很好的方法對縮略圖片作平滑處理。