高分辨率图像IE浏览器渲染 [英] High Resolution Image IE Browser Rendering

问题描述

我正在为这些高分辨率显示器（尤其是新iPad）优化我的网站。我的网站格式化我想要的方式，我只是增加每个图像的分辨率，但仍然限制到我目前有DIV。例如，我有一个分辨率为483x246的图像，我有它适合一个大小为188x96的DIV。

这些图片在Chrome，Firefox和最新的iPad上显示效果非常好。甚至放大它的漂亮和清脆（相对于我老的188x96图像看起来模糊和像素化放大时）

问题出现在我在IE中打开页面。它以正确的大小显示图像，但它是锯齿状。请参阅下面的比较链接。我知道这是一个问题，IE的大小调整和渲染图片的飞行。

我的问题是，有没有办法让IE很好地显示图片？如果没有，是否有一种方式，我可以把代码，以便如果它检测到IE，它显示我的旧低分辨率图像？我看到无处不在，但没有发现任何与我的具体问题有关。我知道这是一个小例子，但我的更大的图像做同样的事情，更显着。我希望你们都能帮助。谢谢。 ：）

比较：














$ b

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

还有这个 https：// github .com / adamdbradley / foresight.js 看起来很有趣

确保IE9不兼容模式或IE7 / 8模式...

I am optimizing my site for these higher resolution monitors (especially the new iPad). I have the site formatted the way I want, and I was just increasing the resolution of each image but still constraining it to the DIVs that I currently have. For example, I have an image with a resolution of 483x246 and I have it fitting a DIV with a set size of 188x96.

The images look great on Chrome, Firefox, and most importantly on the new iPad. Even zoomed in it's nice and crisp (as opposed to my old 188x96 image that looked blurry and pixelated when zoomed in)

The problem comes in when I open the page in IE. It displays the image at the correct size but it's jagged. See link to comparison below. I know it's an issue with the way IE resizes and renders pictures on the fly.

My question would be, is there a way to make IE display the picture nicely? If not, is there a way I can put in the code so that if it detects IE, it displays my old low res image? I've looked everywhere but haven't found anything that relates to my specific problem. I know this is a small example but my bigger images do the same thing and are more noticeable. I hope you all can help. Thanks. :)

Comparison:

解决方案

Have you tried putting this in your CSS?

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

There's also this https://github.com/adamdbradley/foresight.js which looks very interesting

Make sure IE9 isn't in compatibility mode or IE7/8 mode...

这篇关于高分辨率图像IE浏览器渲染的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！