css - 在网站中呈现图像的不同方式

Question

通常，网站中的图像是从上到下呈现的。但我在另一个网站上发现了与这个网站不同的呈现方式。我怎样才能在我的网站上实现这种很酷的效果来渲染图像？谢谢。

Answer 1

您提到的网站上的图像是交错的，这意味着它不会首先以最高质量加载图像，而是首先以非常低的质量加载图像，然后在继续加载时提高图像的质量。

以下是关于什么是隔行扫描照片以及它们如何工作的更详细描述：http://en.wikipedia.org/wiki/Interlacing_(bitmaps)。

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

一篇关于隔行扫描照片的优秀文章：http: //www.codinghorror.com/blog/2005/12/progressive-image-rendering.html。向下滚动一点，可以看到一个 gif，它显示了隔行扫描的照片和正常加载的照片之间的区别。