我有一個響應的背景圖像。它適應容器的背景大小：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