zoukankan      html  css  js  c++  java
  • 几种 WebP 动态图制作方法

    1.RealWorld Paint

    目前唯一有图形用户界面的 动态 webp 编辑器, 利用最新版本 libwebp v1.0.0 生成的有损动态图是打不开.
    这个有两个版本, 推荐使用 2013.1, unstable 2016.1 版本无法打开有些动态 webp 文件.
    RealWorld Paint also supports many standard image files like .jpg, .png, .bmp, .gif, .webp and more.
    http://www.rw-designer.com/image-editor

    2.ffmpeg ( 编译时需要加 --enable-libwebp )
    ffmpeg 编码时两个参数说明
    -lossless boolean 启用/禁用无损模式 缺省值是0
    -qscale float 对于有损编码,这将控制图像质量,0到100.
    对于无损编码,这将控制更多压缩工作量和时间。缺省值为75.

    无损方式
    ffmpeg -i 00.mp4 -vf scale=240:-1 -r 10 -lossless 1 -loop 0 -y 00-lossless.webp

    有损方式
    ffmpeg -i 00.mp4 -vf scale=240:-1 -r 10 -qscale 90 -loop 0 -y 00-loss90.webp

    3.Animation conversion toolset
    命令方式的转换工具集.
    The web-ani-tools.zip package contains four separate tools for converting GIF, PNG and WebP animations.
    gif2webp - GIF -> WebP conversion.
    gif2apng - GIF -> animated PNG conversion.
    webp2apng - WebP -> animated PNG conversion.
    webp2gif - WebP -> GIF conversion.
    apng2webp - anmated PNG -> WebP conversion.
    apng2gif - anmated PNG -> GIF conversion.
    http://www.rw-designer.com/animation-tools

    4.libwebp
    library to encode and decode images in WebP format.
    命令方式, 目前最新发布 v1.0.0, 开源代码
    有编码 解码 查看等命令.
    https://github.com/webmproject/libwebp

    在这里可下载编译好的可执行程序

    http://downloads.webmproject.org/releases/webp/index.html

    下面是静态编译的无边框模式查看工具, 按住鼠标左键可以移动, 单击鼠标中键退出.

    https://github.com/qq2225936589/vwebp/raw/master/vwebp.exe

    备注: 动态 WebP 图片 Chrome 版本32+ 才支持.

    WebP qscale 90 602K                                                      GIF 741K

  • 相关阅读:
    关于钩子函数的详细解答:
    Vue实现回到顶部
    Vue实现Rate组件(星星评分)
    Vue-router 路由模式
    javascript中实现跨域的方式
    Promise
    webpack使用
    小程序登录
    api工厂的sdk的使用
    面试题划“重点”
  • 原文地址:https://www.cnblogs.com/nlsoft/p/8975942.html
Copyright © 2011-2022 走看看