- 综合排序
- 最热优先
- 最新优先
- 来自专栏IT杂症
apng格式图片
如果你能看到动，说明你的浏览器支持aPNG 来源：http://littlesvr.ca/apng/gif_apng_webp1.html GenevaDrive.png APNG（Animated Portable APNG与Mozilla社区关系密切，格式标准文档就放在Mozilla网站。 【历史】 2004年，APNG由多人创立，希望Mozilla社区将其用于图形界面及XUL，也期望广泛用于网页，但提案未能通过。 2006年，Google Summer of Code活动中，加拿大圣力嘉学院的学生为libpng程序库加入APNG支持。 此后再次被推荐给Mozilla，不过仍被拒绝。 2007年3月23日，Mozilla Firefox 3.0的开发测试中支持了APNG。 2007年4月20日，PNG组织投票以10:8否决APNG进入官方标准，不过其实这权力有限。
1.2K10发布于 2021-11-08 - 来自专栏Article
ImageMagick 识别 APNG
在实际使用过程中遇到了 APNG 识别的问题，由于它俩的后缀都是 PNG，所以一开始就单纯地当作了 PNG 来处理， Animated Portable Network Graphics (APNG) 它是 PNG 的扩展，支持了动画，相比于 GIF 的诞生更晚一点，同时向前兼容，如果设备不支持 APNG ，那么依旧展示静态的 PNG 图片。 value); }); 参考资料： https://en.wikipedia.org/wiki/Portable_Network_Graphics https://en.wikipedia.org/wiki/APNG
70920编辑于 2022-06-27 - 来自专栏IMWeb前端团队
js玩转APNG -- 逆转火狐
本文作者：IMWeb p2227 原文出处：IMWeb社区 未经同意，禁止转载 APNG是一种常见的网页动画，兼容性较好，交互性差，要想对其进行深入了解，则要了解其文件格式。 但在APNG里面实现，同时有新的问题 如何区别每一帧？ 如何把播放顺序倒转？ 所以我们下一步是要学习APNG的文件格式 APNG 格式 PNG文件是一种二进制的位图，由特定的文件头+若干文件块(chunk)组成 一个PNG文件的基本结构是这样的 |-- PNG Signature 转换思路 前面我们已经对APNG的格式有比较深入的了解，回到前面两个问题 如何区别每一帧？ 一个fcTL以及后面跟的所有内容块，组成了APNG的一个帧 如何把播放顺序倒转？ 相关资料 https://developer.mozilla.org/zh-CN/docs/Mozilla/Tech/APNG https://aotu.io/notes/2016/11/07/apng
2.6K31发布于 2019-12-13 - 来自专栏腾讯IMWeb前端团队
硬核APNG实践 -- 逆转火狐
APNG是一种常见的网页动画，兼容性良好(可惜微信不兼容，本文动图以gif代替)，交互性差，要想对其进行深入了解，则要了解其文件格式。本文以一个具体的问题为例，带你深入了解APNG的格式。 但在APNG里面实现，同时有新的问题。 1. 如何区别每一帧？ 2. 如何把播放顺序倒转？ 所以我们下一步是要学习APNG的文件格式。 APNG 格式 PNG文件是一种二进制的位图，由特定的文件头+若干文件块(chunk)组成。 逆转思路 前面我们已经对APNG的格式有比较深入的了解，回到前面两个问题： 如何区别每一帧？一个fcTL以及后面跟的所有内容块，组成了APNG的一个帧。 如何把播放顺序倒转？ 这里以gif作为演示，可点击文章底部“阅读原文”查看apng效果） IMWeb 团队隶属腾讯公司，是国内最专业的前端团队之一。
1.3K20编辑于 2022-06-29 BUUCTF 你知道apng吗 1
题目描述： （flag由flag头包裹 密文： 下载附件，解压得到girl.apng文件。 解题思路： 1、根据题目你知道apng吗，搜索得到这是一种类似于GIF的动图文件。 科普（APNG） APNG：我出身于PNG（便携式网络图形），我的使命就是淘汰GIF。 APNG百度 APNG（Animated Portable Network Graphics）是一个基于PNG（Portable Network Graphics）的位图动画格式，扩展方法类似主要用于网页的 APNG与Mozilla社区关系密切，格式标准文档就放在Mozilla网站。 使用Firefox可以打开girl.apng，可以看到有多个二维码一闪而过。 找到一个APNG在线查看工具：https://ezgif.com/split?err=expired，上传图片后，点击Split，得到每帧的图片。
21000编辑于 2025-08-18- 来自专栏Android原创
在Android中显示APNG动图
一、什么是APNG？ 总结下来有以下几点： （1）GIF最多支持 8 位 256 色，而APNG支持24 位真彩色和alpha通道，不会出现像GIF的锯齿； （2）APNG图通过优化，图片大小和GIF差不多，甚至小一点。 三、在Android中显示APNG动图 这里使用了一个开源库来解析加载APNG图，apng-view 使用示例： String url = "http://xxx.png"; imageView.setOnClickListener 总结下来ApngDrawable核心逻辑大致分三步： （1）APNG拆分成多个帧文件：图片文件通过开源库pngj以PngChunk的数据结构读到内存，然后遍历数据块，将APNG每一帧数据保存到本地文件中 ； （2）读取APNG基本图片信息； （3）开启定时器逐帧读取文件（读完后缓存一次）生成Bitmap绘制到View上；
21.4K20发布于 2019-04-04 - 来自专栏跟牛老师一起学WEBGIS
基于 apng-js 的前端动画实现方案
概述 本文分享基于apng-js实现前端动画。 ：支持24位色+8位透明度，画质无损且兼容性良好 Canvas：适合复杂动画，需配合JS实现播放控制 apng介绍 1.简介 APNG（Animated Portable Network Graphics 尽管PNG组织在2007年否决了APNG成为官方标准的提案，但Mozilla社区继续支持APNG的发展。随着时间的推移，越来越多的软件和浏览器开始支持APNG格式。 2. 安装依赖 npm i apng-js -S 2. $refs.canvas canvas.width = apng.width canvas.height = apng.height
67610编辑于 2025-05-31 - 来自专栏程序员的诗和远方
不一样的动图-APNG
APNG APNG 全称是 Animated Portable Network Graphics ， 是 PNG 格式的动画扩展。 不过真金不怕红炉火，酒香不怕巷子深，越来越多的软件开始支持 APNG，也有很多开源库可以让我们用上 APNG。 Android 上有APNG View 等，iOS 上有 APNGKit 等。 Canvas & APNG Web 上我们用 Canvas 来渲染 APNG，主要用到一个开源库 apng-canvas 。 这里录的可能不是很清晰，推荐直接访问线上 Demo: http://imbeta.cn/demo/apng/apng.html 制作APNG 已经有很多工具可以制作 APNG 了，可以参考张鑫旭大大的博客 APNG历史、特性简介以及APNG制作演示 以及 http://littlesvr.ca/apng/。
8.9K90发布于 2018-05-02 - 来自专栏专业duilib使用+业余界面开发
duilib支持apng，gif支持文字、背景、图片的filesourcedestxtiledytiledmask等
我需要一些效果比较好的动态图来做展示，gif显然不行，另外的动图就是webP和Apng，最决定先支持apng，webP后续有需求的话，再研究支持。 源码仓库地址：https://github.com/juhuaguai/duilib 其中关于gif和apng的改动有： GIF控件： 1.gif控件重做，继承自Label控件，让它支持背景色和文本绘制 APNG控件： 1.apng控件重做，之前一版是基于libpng库的，新的代码直接移除了Libpng库，找了份支持apng的stbimage代码来解析。 2.在apng控件中完全重写了帧的解析处理，主要是参考libpng的例子。与gif一样，生成每一帧的HBITMAP（这个是已经处理过的完整的帧位图，不是apng里面直接解析出来还需要二次处理的帧）。 4.同样也做了支持apng的动画按钮控件。 最后，由于水平有限，可能会存在不足和bug，欢迎提建议和bug。
1.4K20发布于 2021-01-05 - 来自专栏逸鹏说道
GIFPNGJPG和WEBPbase64apng图片优点和缺点整理
Graphics Interchange Format） PNG（Portable Network Graphics） JPG（Joint Photographic Experts Group） base64 APNG GIF/PNG/JPG/WEBP/APNG都是属于位图（位图 ,务必区别于矢量图）； GIF/PNG和JPG这三种格式的图片被广泛应用在现今的互联网中,gif曾在过去互联网初期慢速的情况下几乎是做到了大一统的地位 APNG 这东西是mozilla搞出来的， 它是24位的，而且也是动图，可以容纳1680万种颜色，也是为了取代GIF，但是....也就火狐支持，IE10和chrome，safari全部不行， 如果说 gif图片是卡片机的话， APNG就是单反（直接忽略）
4K91发布于 2018-04-11 - 来自专栏SAP供应链
SAP COR2下达工单，报错 System status APNG is active 之对策
SAP COR2下达工单，报错 System status APNG is active 之对策 笔者发现，在项目上的SAP系统上使用事务代码COR2去release某个工单，得到如下报错信息： 笔者检查了工单的system status, 发现APNG状态如下： APNG：Approval not granted. 这个报错是由主数据问题导致的，因为我创建BOM和Master recipe 时候没有启用ECM,所以系统认为这些主数据没有通过审批，这工单创建时状态带 APNG 状态。
75930发布于 2021-02-05 - 来自专栏Ga1@xy's W0r1d
一道图片隐写题引发的思考
---------------------------------------------------------------- 什么是apng文件 摘自维基百科： APNG（Animated Portable APNG第1帧为标准PNG图像，剩余的动画和帧速等数据放在PNG扩展数据块，因此只支持原版PNG的软件会正确显示第1帧。APNG与Mozilla社区关系密切，格式标准文档设在Mozilla网站。 只从表面来看，我们无法直接看出apng与png到底有什么差别，所以我们来看一看两种文件的组成 apng与png文件组成对比 png的组成 首先我们简单了解一下png文件构成，正常的png由文件署名块及数据块 的文件组成 apng的组成 下图中是一个png文件的简要组成（略去了PLTE块） 而apng在png的基础上，引入了三个新的数据块，分别为：acTL（动画数据块）、fcTL（帧控制块）、fdAT（帧数据块 png的IDAT数据块，因此对于不支持apng文件浏览的浏览器或工具，只会显示第一帧而忽略后面几帧的动画，这也是apng可以向下兼容为png的原因。
68710编辑于 2023-04-25 - 来自专栏IMWeb前端团队
动画菜鸡的自我救赎之企鹅辅导品牌页开发总结
接下来主要介绍无法用单纯css实现的动画如何实现： Gif/Apng： 对于没有办法用css实现的动画，可以让设计同学导出gif或者apng，也就是动图。 相比gif，apng格式的动图质量要高很多，因为其本身是png格式图片的扩展，所以png能表示的色彩，apng都可以表示。但是遗憾的是，apng本身并不是一个被PNG组织官方接受的标准。 虽然在近几年，各大浏览器厂商纷纷在新版本的浏览器中支持了apng，但是现在的情况是apng的浏览器兼容性还是比较差的。 ? 好在有将apng转换成canvas的库，转换成canvas后，在不支持apng的浏览器中，也可以播放apng。 本次我用到的转换库是apng-canvas。 最后路动画采用apng实现，大小426KB，也还是可以接受的。 ?
2.1K41发布于 2019-12-06 - 来自专栏前端架构
PNG文件解读(1):PNG/APNG格式的前世今生
2004年末，PNG的动画扩展——APNG，被提出来——由 Mozilla 公司两位 Mozilla 程序员 Stuart Parmenter 和 Vladimir Vukićević 共同设计出 APNG 但是APNG，始终是个悲剧，即使Mozilla 社区，在2007年前也是拒绝认这个苦命娃。 2007 年 4 月 20 日，Mozilla 希望 APNG 能成为官方标准，因此 PNG 组织发起投票，最终以8：10的票数否决了 APNG 进了官方标准，因为 PNG 组织决心继续推广 MNG，但这不并影响 Mozilla 继续支持 APNG。 www.blueidea.com/news/other/2003/1112.asp APNG 那些事 https://aotu.io/notes/2016/11/07/apng/ 转载本站文章《PNG文件解读
1.4K20发布于 2021-08-07 - 来自专栏计算机图形学 前端可视化 WebGL
threejs 贴图动画总结
this.timeoutId = setTimeout(this.draw.bind(this), (frameInfo.delay || 2) * 10); } 最终的gif贴图效果如下图所示 APNG 动画 APNG图片和gif图片是类似的，也是动画图片。 APNG可以设置半透明，边缘锯齿不严重，所以使用APNG的图片的效果要优于gif图片。 原理上类似，也是解析APNG图片，然后把没一帧一次绘制到canvas上，并不断更新texture对象。 解析APNG图片，使用了一个开源库，APNG-canvas。 有兴趣读者可以自行研究，此处不重点讲述。 解析完成后，可以把解析的帧集合进行绘制，代码如下： draw() { if (! 包括 纹理流动，雪碧图，gif和apng动画。 通过这些动画能力，可以创建出丰富多彩的可视化效果。
3.1K20编辑于 2022-03-22 - 来自专栏前端博客
PNG文件解读(1):PNG/APNG格式的前世今生
2004年末，PNG的动画扩展——APNG，被提出来——由 Mozilla 公司两位 Mozilla 程序员 Stuart Parmenter 和 Vladimir Vukićević 共同设计出 APNG 这是一个相对于MNG更简单的动画实现方案，不识别APNG格式的PNG解码器至少能够正常回放第一幅普通PNG画面。 但是APNG，始终是个悲剧，即使Mozilla 社区，在2007年前也是拒绝认这个苦命娃。 2007 年 4 月 20 日，Mozilla 希望 APNG 能成为官方标准，因此 PNG 组织发起投票，最终以8：10的票数否决了 APNG 进了官方标准，因为 PNG 组织决心继续推广 MNG，但这不并影响 Mozilla 继续支持 APNG。
1.3K10编辑于 2023-04-22 - 来自专栏SAP供应链
SAP PP COR2下达工单系统报错说-系统状态APNG是激活的- 分析第二篇
SAP PP COR2下达工单系统报错说-系统状态APNG是激活的- 分析第二篇 笔者所在的项目上启用了ECM（Engineer Change Management）功能，重要数据的修改都要事先创建一个 我在SAP系统里创建了一个工单，使用COR2试图去release这个工单的时候，系统报错说：System status APNG is active, 如下图示: 这是为啥？很是奇怪！
87530发布于 2021-02-07 - 来自专栏即时通讯技术
全面掌握移动端主流图片格式的特点、性能、调优等
对于动图来说，开发者可以解码动画 GIF 和 APNG、可以编码动画 GIF。 7.2 APNG APNG 目前并没有被 PNG 官方所接受，所以 libpng 并不能直接解码 APNG。 但由于 APNG 只是基于 PNG 的一个简单扩展，所以在已经支持 PNG 的平台上，可以很轻松的用少量代码实现 APNG 的编解码。 Chromium 为了支持 APNG 播放，只增加了不到 600 行代码 ，我自己也用大概 500 行 C 代码实现了一个简单的 APNG 编解码工具。 另外，在支持 canvas 的浏览器上，可以用 apng-canvas 直接显示 APNG 动画。
2.5K31发布于 2018-08-29 - 来自专栏IT杂症
ps导出的PNG图片太大
另外这个网站支持apng（动态png图片格式）格式压缩哦,就是文章刚开始的那只萌萌的 大熊猫~看他轻盈的毛，仿佛在说：看我多牛X，APNG就是屌~ gif动画是渣渣，不服来咬我~ 如果你能看到他向你招手 ，那么恭喜你的浏览器支持APNG格式 如果熊猫不动，说明不支持！！！
2.8K30发布于 2021-11-08 - 来自专栏QQ音乐技术团队的专栏
动态图片技术 : 历史、格式与性能
Alpha 混合方式支持的配置及意义 处置方式支持的配置及意义 主流动态图片格式都包含处置方式字段；APNG、WebP 等格式包含对 Alpha 混合方式的支持。 2.2 APNG 2.2.1 从 PNG 到 APNG APNG 出现于 2004 年，主要由 Mozilla 社区支持。但不是 PNG 的官方标准。 Chromium 代码库中，对 APNG 添加支持的提交记录 APNG 由 PNG 发展而来，其格式结构在 PNG 的基础上进行了扩展，与 PNG 有很强的关联性。 APNG 格式结构与 PNG 的关系，相同背景色的分块具有相同的数据 APNG 新增分块及其解释 由于 PNG 采用块的方式组织文件内容，即使解码器不支持 APNG 的动态图片功能，也能正常读取并以静态图片形式展示其首帧 因此 APNG 具有向下兼容的能力。 2.2.2 透明、动态图片特性 PNG 本身支持透明度通道，APNG 也具有对透明度的全面支持。 APNG 支持章节 1.3 所述的全部动态图片特性。
5.6K00发布于 2017-09-21
腾讯云开发者
Copyright © 2013 - 2026 Tencent Cloud. All Rights Reserved. 腾讯云 版权所有
深圳市腾讯计算机系统有限公司 ICP备案/许可证号：粤B2-20090059 
粤公网安备44030502008569号
腾讯云计算（北京）有限责任公司 京ICP证150476号 | 京ICP备11018762号