2011-12-31 11 views
2

私は32ビット、96x96透明.pngイメージを私のヘッダーに収まるように高さ24pxのページに表示しています。クロムでは、これは非常にきれいに表示され(クリーンエッジと解決されます)、IE9では完全に歪んでいます。イメージスケーリングIEとクロム

IEで正しく表示されるように、画像サイズを96x96からバンプする必要がありますか?

+2

スクリーンショットを表示できますか? –

答えて

5

これはIE9のデフォルト設定(と私はIE7と8と思う)ですが、それは実際に持っているCSSのソリューションを持っています

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

それ以外の場合は、ダウンサンプリングして、「最近傍」algorythmを使用するようにデフォルト設定されます画像。

+0

ここにはかなり良い説明があります:http://mikekeran.com/other/image-scaling-in-internet-explorer –

+1

最近のネイバーにはどんな真剣なブラウザのデフォルトがありますか? – Ryan

+0

@Ben D:興味深い。私のCSSのimgタグを設定しようとしても、やっていない。画像のサイズを変更する必要があるかもしれません。 – JaJ

1

残念ながら、サイズを変更する必要があります。ブラウザがイメージを拡大縮小する方法は、あなたのコントロール下ではありません。

+0

thx、ええ、それはそうかもしれないように見えます。 – JaJ

1

イメージのサイズがコンテナのサイズと同じであることを確認する必要があります。リサイジングのためにブラウザに頼る必要はありません。レンダリングに加えて、リサイズにはパフォーマンス上の問題があります。

+0

私はそれをヘッダーの外で(同じボディに)同じサイズに設定しましたが、それはまだ歪んでいます。 – JaJ

関連する問題