PS中存储PNG时的“交错”选项是什么意思

用于网页上png 图片加载时非交错png是浏览器从左到右从上到下依次加载像素点的我们看到的效果就是图像从上到下展开。交错png也是通过从左到右从上到下不同的是它是加载一个像素 间隔几个像素点 再加载一个像素 间隔几个像素点 再加载一个像素 ... ...的方式。这样第一遍加载完后能先看到一个图像大体轮廓然后开始第二遍又开始从头开始从左到右从上到下的加载 剩余像素。然后第三遍。这样我们看到的效果就是图像是从一个模糊的大体渐渐变清晰的效果。 不是清晰的从上到下显示出来。交错是图片格式与浏览器的一个“协作协议”。是现代浏览器Chrome、Safari、Firefox等都支持的标准功能。交错轻微增加文件体积。交错非关键选项效果上可能更贴合使用体验。注意多是用在网页上用在网页上想让图片看起来“加载更快”可以考虑开启“交错”。它能在图片还没完全加载时就给人一个心理预期尤其适合网站的Banner大图、文章配图等。用于打印等建议选择“无”。因为“交错”选项会轻微增加文件体积且对打印效果没有任何影响。加载场景是否显示“交错”效果原因分析网页/浏览器✅ 会浏览器下载图片是边下边显示的。一旦收到足够的数据就会立即渲染出模糊的全貌让你看到“加载中”的效果。客户端 App❌ 通常不会绝大多数 App如图库、微信都是先下载完整文件到本地然后再一次性显示。在等待下载的过程中屏幕上是空白的不会给你看模糊版。简单原理解析普通PNG数据按“光栅扫描顺序”排列。第一行所有像素 → 第二行所有像素 → 第三行所有像素……交错PNG数据按“亚当7隔行算法”重新排列。它会先提取所有第0、8、16行…的像素再提取第0、4、12行…的像素再提取第0、2、4、6行…的像素……这只是简化说法实际是7遍扫描同时涉及行和列。这样重排后文件的开头部分就已经包含了整个画面虽然只占1/64的像素点。浏览器一读到这些稀疏的像素就会用简单的插值算法比如最邻近法把空缺的地方填上颜色看起来就是低分辨率的模糊全图。