Css 如何在Internet上提高已调整大小的图像质量探索9/10和FF

当我调整图像大小时，图像质量受到干扰。 这是密码

<img height="60px" src="http://www.clker.com/cliparts/8/3/3/4/1195445190322000997molumen_red_round_error_warning_icon.svg.med.png" alt="logo" />

如何在IE和FF中改进它？

---

众所周知，在浏览器中调整大小是不可靠的（尽管有些浏览器，如Chrome，比其他浏览器处理得更好）。通过将以下内容添加到CSS中，可以对其产生轻微影响：

img { -ms-interpolation-mode: bicubic; -moz-image-rendering: crisp-edges; }

但到目前为止，最好的选择是为网页提供大小合适的图像版本。如果以后要更新图像，这是一件痛苦的事情，因为需要更新多个文件，但我能想到的唯一其他选择是使用SVG

---

你可以检查；简短的版本是，除非你的目标是IE8及以下版本，否则你应该没问题。

mozilla在这方面有一些不错的东西。您可能希望使用图像渲染属性和-ms插值模式，具体取决于您的目标

---

如果您检查JSFIDLE，问题只出现在IE9和IE10中，那么我建议使用SVG，在IE 8及以下版本中使用（调整大小的）图像回退。使用SVG的效果与使用SVG时相同。图像渲染：-moz Crip Edge；必须是-moz图像渲染：清晰的边缘；