Retina 上的图像渲染以灰度显示

Question

在我们定制开发的电子商务网站上，我们使用大图展示待售产品的高质量图片。当这些图像在 Retina 显示器（以及 Microsoft Surface 机器）上呈现时，在加载时，它们首先显示为黑白图像，然后再变为彩色。 （使用网络节流，更容易重现。）我们在 Safari、Firefox 和 Chrome 的最新版本中提供了此功能。我想知道这是否可能是由于浏览器决定显示它已经下载的一些灰度数据，所以最终用户会尽快看到一些东西。

也就是说，如果这些图像下载缓慢，浏览器是否会首先显示黑白版本的图像？

Answer 1

答案是肯定的:-)

更多信息可以找到here 简而言之，我们使用的是对于 Retina 屏幕更大的顺序 JPEG。越大，这些图像加载速度越慢，因此大多数浏览器首先显示 YCbCr 层的黑白层，然后是第一个颜色层，然后是第二个。此规则的例外是 f.i。 IE11（见here）。

我们通过使用渐进式 JPEG 而不是连续式 JPEG 解决了这个问题。