Html 图像在IE中显示像素化

我正在我的网站上显示一个.Jpg图像。图像在Firefox和Chrome中看起来不错，但在IE中看起来像像素。我正在使用IE9

我的代码：

<img src="../TestApp/images/Pic.jpg" border="0" Style="width:770px;height:auto;margin:0px;padding:0px; -ms-interpolation-mode: bicubic;"  />      

我尝试了-ms插值模式：双三次插值；因为它已经过时，所以不起作用

我尝试了-ms插值模式：最近邻

我试过了

<div class="column">
<img src="../TestApp/images/Pic.jpg" border="0" Style="width:770px;height:auto;margin:0px;padding:0px; -ms-interpolation-mode: bicubic;" class="Plate"/>  
</div>  


.column {
float:left;
display:inline; /* prevent IE margin doubling */
width:360px;
padding-top:1em;
margin-right:60px;
text-align:left;
}

.plate {
display:block;
margin:0 auto 0.5em;
}

.栏目{
浮动：左；
显示：内联；/*防止IE边距加倍*/
宽度：360px；
垫面：1米；
右边距：60px；
文本对齐：左对齐；
}
.盘子{
显示：块；
裕度：0.0.5em；
}

---

那没用。如何解决此问题？

我可以通过删除宽度来解决此问题：770px；高度：自动；在photoshop中将图像从图像大小调整为770px，并将其上载到图像文件夹。

Internet Explorer不使用其他浏览器供应商使用的计算密集型算法（如Lanczos、Bi Cubic等）来缩放图像

我建议在浏览器中检测IE，并使用图像的精确尺寸来避免缩放

---

然而，这并不是理想的解决方案，因为响应性web设计确实要求提供稍微不同大小的图像，并允许上下文适当地缩放图像，最好是缩小尺寸

图像的内在维度是什么？为什么所有的随机大写字母？它们不仅使您的帖子难以阅读，而且还会在代码中造成问题。如果您需要thumnbail，请尝试：正确，Chrome和FF比IE更擅长放大或缩小图像。唯一好的解决方案是使用矢量图像（SVG）或按实际大小显示图像（如果可能，请始终这样做）。