何时应该交错扫描图像？

Question

一般来说，在将图片发布到网络上时，什么情况下适合制作交错式gif、交错式png和渐进式jpeg？

- Timo Huovinen

---

@ewanm89，你能否重新表述一下你的句子？我不知道你在说什么。 - Timo Huovinen

如果您的观众的连接速度低于100kB/s，那么您应该交错显示图像（即将图像分为若干部分逐个加载）。 - Ivan Kuckir

您的意思是指第三世界国家的人，因为在这里，经历低于100 kb/s的互联网速度是很普遍的（我住在一个第三世界国家）。 - Kitanga Nday

Answer 1

• JPEG: 是 — 使用渐进扫描。它可以使文件更小（每个通道都有自己的哈夫曼表），部分渲染效果非常好。

• GIF: 否 — 它不太可能使文件更小，部分渲染效果很差，对于动态GIF来说毫无意义。最好完全不使用GIF（是的，即使是动画也不要使用）。

• PNG: 否 — 它会损害压缩率（因为每个通道的数据在统计上非常不同）。如果图像很大，则应尽可能使用高质量的JPEG或有损PNG，因为它们可能比大型无损PNG的像素化预览加载更快。

ImageOptim会在使文件更小的时候自动更改渐进/交错格式。

---

免责声明：

• 对于小型和中型图像，每个图像的渐进式预览不会持续足够长时间以供用户欣赏。一些浏览器甚至在整个文件下载之前都不会渲染任何内容，因此更好的方法是专注于节省带宽，以尽快加载整个页面。
• 非渐进式JPEG在文件很小（小缩略图）时更有效，但节省的空间也很小。
• iOS Safari对于基线JPEG的最大允许图像大小要比渐进式更高，但正确的解决方案是首先为移动设备提供合理大小的图像。

- Kornel

---

我喜欢简洁的答案 +1 - kumarharsh

我完全不同意。如果这个问题是关于存储的，那么这个答案是正确的，但它涉及到在网上发布图像的最佳方式。我认为应该始终渐进式/交错加载图像，因为用户能够比不使用此方法更快地获得有关整个图像的反馈。如果用户能够在比没有此方法快60％的时间内看到一个不错的图像，他们不会在额外等待10％的加载时间来获取完美的图像上介意。 - TorranceScott

在网络上，存储大小和传输速度是相同的。如果图像很小，则没有足够的时间来注意到它。如果图像包含文本或是漫画，则最好从上到下加载。在PNG格式的情况下，压缩的差异可能非常大，以至于非交错的图像加载速度几乎与其像素化的预览一样快。 - Kornel

@Kornel 我同意那些特定的例外。但是我没有看到你提到的png压缩阈值，所以我不知道是否会出现这种情况。从计算机的角度来看，将文件大小和传输速度进行比较相当准确。然而，通过渐进/隔行扫描可以大大减少将一些数据呈现给用户的时间，这正是我的重点。用户能够更快地使用数据，并且如果他们预计这将增加体验的价值，便可以决定等待完全加载。 - TorranceScott

@TimoHuovinen 目前从压缩角度来看，最好的选择是使用 H.264（如果你想要更好的话，可以考虑 VP9 或 AV1），并使用 <video> 标签进行服务。我知道 <video> 很麻烦，但 Chrome 拒绝让它变得更容易。在 Safari 中，<img src=clip.mp4> 可以工作！ - Kornel

Answer 2

我的一般经验法则：永远不要使用隔行扫描（interlacing）。隔行扫描格式通常占用更多的空间，具有（稍微）更多的复杂性和少量的解码支持，而所谓的用户体验优势至少是有争议的。一些关于PNG的论点及其在一般情况下。

一些人喜欢隔行扫描或"逐行扫描"图像，这些图像可以逐步加载。这些格式背后的理论是，用户可以至少查看一个模糊的全尺寸代理图像，而所有位都在加载中。实际上，用户被迫在所有位加载时观看一个模糊的全尺寸代理图像。它做完了吗？好像还有点模糊。哦，等等，图像的顶部似乎正在变得更加详细。也许现在做完了。然而它仍然有点模糊。也许摄影师没有使用三脚架。哦，等等，它似乎正在变得清晰起来...

- leonbloy

---

关于JPEG的说法不真实。渐进式JPEG压缩效果更佳，因为每次扫描都有自己的霍夫曼系数。 - Kornel

用户不确定图片是否已经完全加载，给此点点赞。这种情况时常发生。 - Buttle Butkus

Answer 3

交错图像效率稍低，但在通过网络传输时客户端显示的延迟较短。我认为当预计图片下载时间足够长以至于用户可以感知（比如超过1秒）时应该使用交错图像。文件大小的差异非常小，因此最好过度谨慎地过多使用交错，而不是太少。

在2012年通用的宽带互联网中，我会将每个大于100kb的图像都使用交错。

- onon15

Answer 4

这些要点必须有用。

隔行扫描（更普遍地说，渐进式显示）是在监视器上显示图像的方法。何时使用它？您的决定应基于以下因素：

•> 非隔行扫描图像比隔行扫描图像小。 •> 隔行扫描图像比非隔行扫描图像引起的闪烁少。 •> 隔行扫描图像更易于查看。

交错使您能够在所有数据传输之前查看图片（使其显示得更快和更漂亮），并给您“感觉”正在更快地下载。

提示：不建议为小图像使用隔行扫描，但如果查看者使用慢速连接，则必须使用它。

这只是从 Y answers 复制的，我认为这可以帮助理解。原始答案可以在此处找到：https://answers.yahoo.com/question/index?qid=20090211121956AAz7Xz8。

- QMaster

Answer 5

我想表达一下我的观点：交错扫描是在互联网速度缓慢的年代引入的，其目的是使图像逐渐呈现出更清晰的形态，同时不必等待整个图像加载完毕即可获得整体外观和感觉。

如今，交错扫描基本上已经不再必要，应该根据传输的整体图像大小来使用。

JPEG 图像的渐进式扫描提供了更精细的图像，同时试图减小文件大小（即实际上是一种压缩模式，而非构成图像的位元流传输方法）。

PNG比GIF使用更复杂的算法。

- user1945782

Answer 6

在网站管理员中有一篇有趣的相关文章。

https://webmasters.stackexchange.com/questions/574/progressive-jpeg-why-do-many-web-sites-avoid-rendering-jpegs-that-way-pros

最终取决于它们将如何使用。

这篇文章表明，渐进式图像的真正支持是有限的。有时，它们可能会与不支持渐进格式的插件发生问题。

希望这可以帮到您。

- Simon Laing