我喜欢在夜间浏览网站，有时缓慢加载的图像会显示出较大的纯白色区域，当加载完成后很快就会被图像的其余部分填充，但是这样做的时候，我的眼睛却看不见明亮的东西。白光。特别是当图像较大且加载速度非常慢时。
我说的是图像在加载时被显示的情况，<img src="image_uri_here" />就是这种情况。在<div style="background: url('image_uri_here')">的情况下，图像完全加载后才会显示（这会带来其他问题）。我仍然希望能够在加载时看到图像，因此从img转换为div方法不是理想的解决方案。
因此，我想通过CSS或通过用户脚本以某种特殊方式在元素周围移动来控制白色区域的颜色。我最想做的就是将颜色更改为黑色。最好的选择是使其透明。我该怎么办？
到目前为止，我没有找到比使用CSS过滤器矩阵更好的解决方案。我无法解释它是如何工作的，但是它将白色变成透明的颜色，并且该区域的颜色可以由background-color元素的<img>属性控制。这似乎无法在图像本身中消除纯白色。另外，这会花费大量的CPU成本，因此，我希望以更少的CPU消耗来获得相同的结果。