Animated PNG

关于 Animated PNG

  • Animated PNG 就是 PNG 格式的动画图片。
  • 说到动画图片，大家能想到的首先是 GIF。但 GIF 最大的缺点是，图象是基于颜色列表的（存储的数据是该点的颜色对应于颜色列表的索引值），最多只支持 8 位（256 色）。这使得使用 GIF 格式不可能得到高清的动画图片。
  • Animated PNG 可以解决高清动画图片的问题。PNG 动画图片支持 24 位（1600W 色），并且支持 alpha 透明度。另外，GIF 动画每秒最多限制为 10 帧，PNG 动画则无此限制，因此可以得到更为细腻的动画效果。
  • Animated PNG 很早就在 Firefox 中得到支持，并且在 Safari 8+、chrome 59+ 也得到支持。也就是说，除了微软系浏览器外，最新的主流浏览器都支持 Animated PNG 了。

制作 Animated PNG

已经有很多工具支持制作 Animated PNG 图片，相信将来也会越来越多。
如果只是想体验一下制作的效果，可以使用这个站点来快速生成： assembler
首先，你需要准备好每一帧所需要用到的图片。然后，参考下面的步骤操作。

制作 Animated PNG 的工具与方法参考

访问量 次 |

tag:

    缺失模块。
    1、请确保node版本大于6.2
    2、在博客根目录（注意不是yilia根目录）执行以下命令：
    npm i hexo-generator-json-content --save

    3、在根目录_config.yml里添加配置： 

      jsonContent:
    meta: false
    pages: false
    posts:
      title: true
      date: true
      path: true
      text: false
      raw: false
      content: false
      slug: false
      updated: false
      comments: false
      link: false
      permalink: false
      excerpt: false
      categories: false
      tags: true

以梦为马<br><br>不负韶华<br><br>吾尽吾心<br><br>终亦无悔