首页
学习
活动
专区
圈层
工具
发布
首页
学习
活动
专区
圈层
工具
MCP广场
社区首页 >问答首页 >PNG图像:像素化帧

PNG图像:像素化帧
EN

Stack Overflow用户
提问于 2015-04-10 11:47:55
回答 2查看 267关注 0票数 0

我有一个带有PNG文件的奇怪图像,当图像第一次加载时,会出现一个像素化的帧。这在Safari中特别流行,它需要几秒钟的时间才能加载完整、平滑的图像。

请访问此URL,将拆分选项更改为“重新绘制.”然后单击Split查看我正在讨论的框架:http://ezgif.com/split/01a0ed09bf.png

我的印象是PNG不支持层,所以我不知道这个框架是从哪里来的。我尝试了几个实用程序来重新绘制图像,包括imagemagick和pngquant,但没有成功。

如何从图像中移除此帧?理想情况下,这应该是一个命令行工具,因为我有成千上万的图像要处理。

下面是到图像的链接:XHcG5wZk5pTUpvNWc/view?usp=sharing

EN

Stack Overflow用户

回答已采纳

发布于 2015-04-10 13:43:16

为了在PNG仍在加载时快速提供预览,PNG规范提供了以Adam7交错格式保存图像位的选项:http://www.w3.org/TR/PNG/#8Interlace

而不是连续地(从上到下,从左到右),每8行(从左上角开始)的每8像素被存储。该信息可用于立即在该颜色中绘制一个8x8矩形(它仅适用于左上角像素)。接下来,每4像素发送一次,这样接收应用程序就可以在8x8的顶部绘制一个4x4矩形,然后每2像素绘制一次,以此类推,直到每个像素被精确传输一次。

Adam7模式确保(1)每个像素只传输一次,(2)没有新的矩形或像素将重叠一个已经具有正确的颜色。

官方规范中的计数图很好地显示了这一点:

代码语言:javascript
运行
复制
1 6 4 6 2 6 4 6
7 7 7 7 7 7 7 7
5 6 5 6 5 6 5 6
7 7 7 7 7 7 7 7
3 6 4 6 3 6 4 6
7 7 7 7 7 7 7 7
5 6 5 6 5 6 5 6
7 7 7 7 7 7 7 7

要由接收应用程序来决定如何处理交织:有些人可能决定等待整个文件加载,在内存中解码,然后显示图像,而其他人则使用加载时间显示预览。

如果加载应用程序支持它,则只能在相对较慢的连接和/或使用非常大的PNG时才能很快看到。

票数 2
EN
查看全部 2 条回答
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/29560677

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档