Image 视网膜图像的灰度显示

Image 视网膜图像的灰度显示,image,browser,retina-display,Image,Browser,Retina Display,在我们定制开发的电子商务网站上,我们使用大图像显示待销售产品的高质量图片。当这些图像在视网膜显示器上呈现时(以及在Microsoft Surface机器上),加载时,它们首先以黑白图像的形式出现,然后迅速变为彩色。(使用网络节流,更容易复制。)我们在最新版本的Safari、Firefox和Chrome上实现了这一点。我想知道这是否是因为浏览器决定显示一些已经下载的灰度数据,以便最终用户尽快看到一些东西 换句话说,如果图像下载缓慢,浏览器是否会首先显示图像的黑白版本?答案是肯定的:-) 可以找到更

在我们定制开发的电子商务网站上,我们使用大图像显示待销售产品的高质量图片。当这些图像在视网膜显示器上呈现时(以及在Microsoft Surface机器上),加载时,它们首先以黑白图像的形式出现,然后迅速变为彩色。(使用网络节流,更容易复制。)我们在最新版本的Safari、Firefox和Chrome上实现了这一点。我想知道这是否是因为浏览器决定显示一些已经下载的灰度数据,以便最终用户尽快看到一些东西

换句话说,如果图像下载缓慢,浏览器是否会首先显示图像的黑白版本?

答案是肯定的:-)

可以找到更多信息 简言之,我们使用的是顺序JPEG图像,它在视网膜屏幕上更大。图像越大,加载速度越慢,因此大多数浏览器首先显示YCbCr层的黑白层,然后是第一个颜色层,然后是第二个颜色层。f.i.IE11是这一规则的例外(参见)

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

答案是肯定的:-)

可以找到更多信息 简言之,我们使用的是顺序JPEG图像,它在视网膜屏幕上更大。图像越大,加载速度越慢,因此大多数浏览器首先显示YCbCr层的黑白层,然后是第一个颜色层,然后是第二个颜色层。f.i.IE11是这一规则的例外(参见)

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