IEの画像縮小がきれいに表示されない理由 | メディカルデザイン株式会社のブログ

システム部渋谷です。 このごろはレスポンシブデザインでのWeb制作が当たり前のようになってきました。 レスポンシブデザインでは閲覧環境に合わせて見え方を変える都合上、大きな画像を用意してそれをブラウザ上で縮小させて表示することになります。 「レスポンシブで縮小した画像がIEだけ汚い…」 古いIEが消えてだいぶましな描画がされるようになったほのぼのIEだったのですが、またしても問題に！ この画像を各ブラウザで縮小してみてみると… あたかもニアレストネイバーで縮小したかのような汚さなのですが……。 （縮小したものをニアレストネイバーで2倍に拡大しています） 各ブラウザの画像補完について どういう処理をしているのかを調べるために、画像を縮小拡大になんのアルゴリズムを使ってるのか見てみました。 上の画像は、小さい画像を大きく表示させた場合どう表示されるかを表したものです。 8×8の小さな画像を25