Asp.net 缩小手机背景图像的最佳方法是什么？

我有一个大质量的BG图像，在较小的设备上可以缩小

当前检测到浏览器宽度，然后图像处理程序为该屏幕大小生成BG图像，这使其在手机上美观小巧

问题是当用户调整窗口大小时。我有一些地方，检测浏览器的宽度再次调整大小，然后替换图像。问题是，当用户调整大小时会出现闪烁，因此看起来不太好

有什么想法吗

---

谢谢

如果您只是在寻找可缩放的BG图像，那么这应该可以完成以下工作：

HTML

---

您是否在用户调整浏览器大小的每个像素上调整它们的大小？我可能会定义3种状态，并且仅在用户更改其状态（其他状态下的大小）时替换图像。谢谢，但我需要根据浏览器宽度生成一个新的状态，以减少图像的大小。为了理解，您这样做只是为了减小图像文件的大小，还是出于其他原因？如果是这样的话，也许你可以预先定义4个屏幕宽度，只提供这4个尺寸，对于较小的屏幕，调整大小。

<div class="bg-image">
  <img src="http://mypages.valdosta.edu/asmccoy/Great-Mountains-mountains-and-waterfalls-9842020-1920-1440.jpg" alt="" />  
</div>

.bg-image img {
  width: 100%;
}