c# - 渐进式图像加载技术

Question

当我通过 Google Link 搜索图像以查看 它时，首先加载模糊图像，然后逐步加载高质量图像，如下图所示

一段时间后

但是通过检查该图像，我找到了此链接，并通过该链接加载完整的图像或加载的图像被视为自上而下的预览，如下图所示。

它是怎么发生的？谷歌使用什么技术来渐进式加载图像。我怎样才能像谷歌在我的网站上那样加载图像？可以使用 c# 吗？

Answer 1

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

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

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

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

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

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