渐进式图像加载技术

Question

当我通过Google搜索图片时Link to view 它首先加载模糊图像然后逐步加载高质量图像

一段时间后

但是通过检查我发现This Link的图像并通过该链接加载完整图像或加载图像被视为从上到下预览，如下图所示。

怎么回事？ 谷歌用于逐步加载图像的技术。 我如何在我的网站上像Google一样加载图片？ 是否可以使用c＃？

Answer 1

在我看来，Google图片中没有实际的渐进式加载。

当您单击图像缩略图时，会有一个快速动画“揭开”全分辨率图像。当动画发生时，部分显示的图像实际上只是缩略图（尺寸251x201），但放大到较大图像的分辨率（1280X1024）。

在HTML中进行这种升级的方法应该是这样的：

<img src="thumbnail.jpg" width="251" height="201">

完成动画后，将显示全分辨率图像，替换放大的缩略图。所以这毕竟不是渐进式加载。

不过，您可能还想了解有关渐进式JPEG的信息：http://en.wikipedia.org/wiki/JPEG#JPEG_compression。