css - CSS background-image JPG 保存为渐进式但网站呈现基线

Question

我有一个使用 GIMP 保存为渐进式的 JPG。当我使用在线工具检查 JPG 时，它显示为渐进式。但是图像总是加载基线

在 CSS 中，这个 JPG 被设置为背景图像，上面有一个线性渐变。

background-image: linear-gradient(
      to bottom right,
      rgba(0, 0, 0, 0.7),
      rgba(0, 0, 0, 0.2)
    ),
    url(../images/coverpage.jpg);

删除线性梯度没有区别，它仍然加载基线。

该主题的其他主题有渐进式 JPG 无法加载然后突然出现的问题。但是在我的情况下，它会加载基线（而不是不加载和出现）。

任何帮助或建议将不胜感激。我已经没有这方面的想法了。

请参阅下面的代码笔示例。我已将图像完全未压缩以帮助查看基线负载。

https://codepen.io/AndyH2020/pen/GRNJRrq

谢谢

安迪

标签： cssbackground-imagejpegrenderprogressive-download