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

Question

在我们定制开发的电子商务网站上，我们使用大图片来展示待售产品的高质量图片。当这些图像在 Retina显示屏（以及Microsoft Surface计算机）上呈现时，在加载时，它们首先显示为黑白图像，然后再捕捉到颜色。 （使用网络限制，它更容易重现。）我们在 Safari，Firefox和Chrome 的最新版本上拥有此功能。我想知道这是否可能是因为浏览器决定显示它已经下载的一些灰度数据，所以最终用户会尽可能快地看到内容。

换句话说，如果这些图片下载缓慢，浏览器会先显示黑白版本的图像吗？

Answer 1

答案是肯定的： - ）

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

我们通过使用渐进式JPEG而不是顺序式JPEG来解决此问题。