这种图像/照片加载技术如何工作？ （包括示例）

Question

我只是注意到一些有趣的东西，我希望我不会发疯，但是当你访问https://ghost.org/时，看起来他们的主要照片横幅（你会马上看到它）会加载某些步骤我猜，我可以清楚地看到不同的阶段是黑白，绿，橙等。

我还检查了几个设备，以确保它不是我的屏幕这样做，确实每次都有相同的行为。我老实说不知道它是什么，尝试查找源代码但找不到任何相关的东西。

希望一旦您访问提供的链接，您将看到它，并可以向我解释它是什么以及为什么这样做。

我认为他们可能会使用javascript进行这种加载吗？

（硬刷新页面再次看到它）

Answer 1

它们没有做任何花哨的事情，它是将背景JPEG压缩为隔行扫描（渐进式）以允许内容更快地显示并在下载图像时转到更多细节。更多细节在这里：

http://en.wikipedia.org/wiki/Interlace_(bitmaps)

或

http://en.wikipedia.org/wiki/JPEG#JPEG_compression

享受！