有没有办法在css中“缓冲”背景图像？ [复制]答案

【问题标题】：Is there a way to 'buffer' a background-image in css? [duplicate]有没有办法在css中“缓冲”背景图像？ [复制]
【发布时间】：2019-04-28 04:33:09
【问题描述】：

我希望我的背景图像相当大，慢慢缓冲（不确定这是否是这个词的正确用法），比如首先质量差，然后更好，然后最好。恕我直言，在加载之前显示几行的“正常”加载模式看起来很难看。有没有办法做到这一点？

【问题讨论】：

【解决方案1】：

如果您可以使用 Photoshop 或类似工具，则可以考虑将背景图像保存为渐进式 jpeg - 更多信息请参见下面的链接。

这应该会达到您正在寻找的效果，即逐步加载完整图像的更高分辨率版本，直到下载完成，而不是按行加载。

更新

似乎只有 Chrome 可能支持渐进式背景图像。作为替代方案，我认为这里的 CSS3 建议（解决方法 3）看起来像我要使用的方法，并结合了完整 res 版本的渐进式下载。

background-image: url('extremely_compressed.jpg'),url('high_quality.jpg');

【讨论】：