我有一个响应的背景图像。它适应容器的背景大小：100％的方法，保持纵横比。但是，对于Firefox 18以及更低版本的Internet浏览器以及Internet Explorer的所有版本，缩放（锯齿状或模糊）时会得到不好的图像。我尝试了css双三次插值（Internet Explorer）和“图像渲染”（Firefox）修复，但没有观察到什么效果。Jquery响应图像调整大小的方法，保持质量
我的问题是：有没有jquery或javascript的方式，同时保持质量同样的工作？就像浏览器独立缩放方法一样。谷歌搜索，但没有发现。
我知道这在速度方面并不理想，我应该在我的图像编辑软件中调整大小，但这不适用于我的场景。
会很高兴听到你的答案，
真诚，
迈克尔
只有很好的解决方案，我发现，以提供最好的质量是通过使用CSS响应方法。
对于最新的Chrome & safari，您拥有新的HTML属性SRCSET。 对于老年人浏览器，您可以将图片用作div背景，并仅使用CSS动态更改。
很老的浏览器，唯一的办法就是用JS抓住大小不同的图像...
对于旧版浏览器，必须有一个javascript/jquery等效于css响应方法。我可以想象，jQuery可以独立于浏览器渲染，缩小图像而不会像Chrome，Safari，Firefox和Opera一样损失。 – Demorus
是的，有高级方法（每个例子都有Canvas API）。但它会变得非常慢，我认为最好的只是拥有多个图像大小。 – FLX
确实如此，但我的网站在简单的240像素至8K超高清屏幕上工作。所以我需要缩小比例。我添加了主要断点，但是我希望其余部分由浏览器缩放。当用户更改窗口大小时，我也希望看起来很好。看看这个：http://responsiveimg.com/ – Demorus
显示ü你的CSS，HTML和JS代码 – Mivaweb
[相关种类]（http://stackoverflow.com /问题/ 9358943 /如何对大规模图像与 - 相同的品质 - 使用 - jQuery的）。基本上，标准缩放（不适用于背景大小）只会损失很多像素。疯狂的想法 - 也许你可以使用较小的图像，并伸展它？ – Misiur
你好VDesign，没有什么特别的显示...只是一个标准的CSS类背景图像与背景大小：100％。 – Demorus