Question

我希望我的bacgkround图像（它相当大）要缓慢缓冲（不确定这是否是该词的正确用法），例如首先质量不好，然后更好，然后再最好。恕我直言，在加载之前显示几行的“正常”加载模式看起来很丑。有办法吗？

Answer 1

如果您可以使用Photoshop或类似软件，则可以将背景图像保存为渐进式jpeg-有关以下链接的更多信息。

这应该达到您想要的效果，即逐渐加载完整图像的高分辨率版本，直到下载完成为止，而不是逐行加载。

更新

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

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