如何管理与 srcset 属性相关的响应式图像？

如何解决如何管理与 srcset 属性相关的响应式图像？

我正在构建一个 UI 来管理响应式图像，并认为我会从简单开始并逐渐添加功能。所以，我开始时仅使用 srcset 属性，并保存尺寸以备后用。

例如，我正在处理具有以下可用尺寸的图像：300px、768px 和 1024px，我对浏览器如何选择不同尺寸（Chrome 和 Firefox）感到有些惊讶。我从 2014 年开始研究了很多教程，根据这些教程，浏览器应该在图像之间切换以避免任何放大。也就是说，如果我们从窄视口到宽视口，应该使用 300 像素的图像，直到视口宽度超过 300 像素，此时将使用 768 像素的图像，直到视口超过 768 等。但是，我发现交换发生了不同尺寸：

使用 300 像素的图片直到视口超过 435 像素，使用 768 像素的图片直到浏览器超过 804 像素。我想知道这是不是因为现代浏览器可以容忍适度的光栅化，以便优先考虑在更宽的宽度范围内进行更快的加载？

有什么设置可以让我在这件事上有更多的控制权，还是完全取决于我最终如何构建尺寸属性？我想保持尽可能简单。