在网站中渲染图像的不同方式

Question

网站中的图像通常是从上到下呈现的。但我发现在另一个网站上呈现的方式与This site不同。如何才能在我的网站上实现这种酷炫效果？感谢。

Answer 1

您提到的网站上的图像是隔行扫描的，这意味着它不是最初以最高质量加载图像，而是首先以非常低的质量加载图像，然后继续提高图像质量负荷。

以下是隔行扫描照片及其工作原理的更详细说明：http://en.wikipedia.org/wiki/Interlacing_(bitmaps)。

为了使用您自己的照片实现此目的，您需要将它们保存为隔行扫描照片。在您选择使用的任何图像编辑器中都应该有一个选项。

关于隔行扫描照片的精彩文章：http://www.codinghorror.com/blog/2005/12/progressive-image-rendering.html。向下滚动一点gif，显示隔行照片和正常加载的照片之间的区别。