81

作为一般经验法则,什么时候适合制作 gif 隔行扫描、png 隔行扫描和 jpeg 逐行扫描?

尤其是在网络上发布图像时。

4

6 回答 6

103
  • JPEG:使用逐行扫描。它使文件更小(每个通道都有自己的 Huffman 表),并且部分渲染看起来相当不错。

  • GIF:不——不太可能使文件更小,部分渲染很差,而且对 animGIF 毫无意义最好不要使用 GIF是的,即使是动画)。

  • PNG:——它会伤害压缩(因为每次传递的数据在统计上是完全不同的)。如果图像很大,请尽可能使用高质量的 JPEG 或有损 PNG,因为它们可能比大型无损 PNG 的像素化预览加载得更快。

ImageOptim在缩小文件时会自动更改逐行/隔行格式。


挑剔者的免责声明:

  • 在中小型图像的情况下,每个图像的渐进式预览将不会显示足够长的时间以供用户欣赏。有些浏览器甚至在整个文件下载完成之前都不会渲染任何内容,因此最好专注于节省带宽以尽快加载整个页面。
  • 当文件很小(小缩略图)时,非渐进式 JPEG 效率更高,但节省的空间也很小。
  • iOS Safari 的基线 JPEG 允许的最大图像尺寸比渐进式更高,但正确的解决方案是首先以适合移动设备的尺寸提供图像。
于 2013-01-02T15:12:30.663 回答
16

我的一般经验法则:永远不要使用隔行扫描。隔行扫描格式通常占用更多空间,具有(稍微)更高的复杂性和更少的解码器支持,并且所谓的用户体验优势至少是值得商榷的。一些关于PNG的论据,一般来说

有些人喜欢逐渐加载的隔行扫描或“渐进式”图像。这些格式背后的理论是,用户至少可以在加载所有位时查看图像的模糊全尺寸代理。在实践中,用户被迫在加载所有位时查看图像的模糊全尺寸代理。好了吗?嗯,它看起来有点模糊。哦,等等,图像的顶部似乎有了更多的细节。也许现在已经完成了。不过,它仍然有点模糊。也许摄影师没有使用三脚架。哦,等等,现在似乎正在清理......

于 2012-11-19T14:40:02.497 回答
6

隔行扫描图像的效率略低,但在通过网络传输时在客户端的延迟较短后显示。恕我直言,当图像的预期下载时间足够长以被用户感知(例如,超过 1 秒)时,应该使用它们。文件大小的差异确实很小,因此最好谨慎一点,使用过多而不是过少的隔行扫描。

在 2012 年的普通宽带互联网中,我只会将它用于每张 > 100kb 的图像。

于 2012-11-19T07:40:26.667 回答
3

这些点一定很有用。

隔行扫描(更一般地,逐行显示)是一种在监视器上显示图像的方法。什么时候使用它?您的决定应基于以下因素:

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

交错让您在所有数据传输之前看到图片(使它们看起来更快更好看),并让您“感觉”它正在被更快地下载。

提示:不建议对小图像使用隔行扫描,但如果查看器使用慢速连接,则必须使用隔行扫描

这只是我认为可以帮助理解的 Y 答案的副本。原始答案可在以下网址找到:https ://answers.yahoo.com/question/index?qid=20090211121956AAz7Xz8

于 2014-04-27T07:48:39.113 回答
3

只是把我的二分之一投入到争论中:隔行扫描是几年前在互联网速度很慢时引入的,其想法是图像将以一种逐渐更加明确的方式呈现出来,仍然可以为图像提供整体外观和感觉而无需等待加载整个东西。

今天,隔行扫描基本上是不必要的,应该根据传输图像的整体大小来使用。

JPEG 图像的逐行扫描确实提供了更精细的图像,同时试图减小整体文件大小(即,是一种实际的压缩模式,而不是构成图像的位的流式方法)。

PNG 使用比GIF更复杂的算法

于 2015-12-30T14:42:08.510 回答
1

网站管理员上有一篇有趣的相关帖子

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

这完全取决于它们将如何被使用。

该帖子表明对渐进式图像的支持有限 - 真正的 - 支持。有时它们可​​能会导致不支持渐进式格式的插件出现问题。

希望有帮助。

于 2012-11-19T07:45:28.167 回答