在前端開發(fā)中，我們經(jīng)常遇到這樣的情況：服務(wù)器傳到前端的圖片需要縮小以顯示（如下），在將其縮放之后，IE中圖片效果不容樂觀。
＜img class="thumb" src="pic.jpg" alt="This image is really 500x500 big" width="50" height="50" />
IE7支持自定義雙三次“重采樣模式”。devthought為我們提供了一種在IE7中生成高質(zhì)量縮略圖方法，只需要對(duì)圖片使用下面的css屬性，即可修復(fù)圖片質(zhì)量。
img.thumb { -ms-interpolation-mode: bicubic; }
-ms-interpolation-mode還有另外一個(gè)屬性值：nearest-neighbor。它使用的是最近鄰近插值算法，會(huì)產(chǎn)生比較明顯的鋸齒，圖片模糊。對(duì)于生成高質(zhì)量縮略圖來說顯然不可取。
schill對(duì)比了縮略圖在各個(gè)瀏覽器間的差異。與其它瀏覽器比較，opera中圖像邊緣略顯粗糙�？傮w來說，主流瀏覽器中縮略圖片質(zhì)量還不錯(cuò)。
遺憾的是，IE6好像還沒有很好的方法對(duì)縮略圖片作平滑處理。
|
