几种 WebP 动态图制作方法

时间:2022-09-28 09:47:36

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

几种 WebP 动态图制作方法几种 WebP 动态图制作方法

几种 WebP 动态图制作方法的更多相关文章

  1. 电脑GIF动图制作方法图文详解

    我们在电脑上可以看到很多动态图,有趣的.搞笑的.可爱的等等,只要我们要用哪种类型的,网上应有尽有,但是想不想自己制作图片呢?今天我们就来学习一下GIF动图制作的方法. 使用工具: 电脑 操作方法: 1 ...

  2. 对tableView三种计算动态行高方法的分析

    tableView是一个神奇的东西,可以这么说,就算是一个初学者如果能把tableView玩的很6,那编一般的iOS的需求都问题不大了.tableView是日常开发中用烂了的控件,但是关于tableV ...

  3. unity 4种实现动态障碍方法

    此文将介绍4种实现动态障碍的方法,2种基于navmesh,2种基于astar算法. 1.基于navmesh. 1.制作场景障碍: a.有几个独立的障碍物,就定义几个user area,即,一个场景仅仅 ...

  4. 一种基于RBAC模型的动态访问控制改进方法

    本发明涉及一种基于RBAC模型的动态访问控制改进方法,属于访问控制领域.对原有RBAC模型进行了权限的改进和约束条件的改进,具体为将权限分为静态权限和动态权限,其中静态权限是非工作流的权限,动态权限是 ...

  5. shoeBox超实用的雪碧图(Sprite)图制作工具-使用

    从前端优化说起 浏览器载入单张图片的速度基本取决于图片的大小,但是载入多张图片的速度却和另一个要素息息相关-网络请求数,在图片大小和一致的情况下,图片张数越少其请求数越少其载入速度也就越快.所以在使用 ...

  6. [转]js中几种实用的跨域方法原理详解

    转自:js中几种实用的跨域方法原理详解 - 无双 - 博客园 // // 这里说的js跨域是指通过js在不同的域之间进行数据传输或通信,比如用ajax向一个不同的域请求数据,或者通过js获取页面中不同 ...

  7. iOS动态运行时方法

    在某些时候,程序可能需要根据获取的参数来决定调用的方法. 要实现这样的功能,就需要使用到动态运行时方法了. 首先需要定义好接口,以便调用. 然后就是动态调用定义好的方法. 这里有两种方法, 第一种: ...

  8. 利用Filter和拦截器,将用户信息动态传入Request方法

    前言: 在开发当中,经常会验证用户登录状态和获取用户信息.如果每次都手动调用用户信息查询接口,会非常的繁琐,而且代码冗余.为了提高开发效率,因此就有了今天这篇文章. 思路: 用户请求我们的方法会携带一 ...

  9. JNI动态注册native方法及JNI数据使用

    前言 或许你知道了jni的简单调用,其实不算什么百度谷歌一大把,虽然这些jni绝大多数情况下都不会让我们安卓工程师来弄,毕竟还是有点难,但是我们还是得打破砂锅知道为什么这样干吧,至少也让我们知道调用流 ...

随机推荐

  1. Gson的使用

    GSON:是Google开发的Java API,用于转换Java对象和Json对象 <dependency> <groupId>com.google.code.gson< ...

  2. 1&period; RAID在数据库存储上的应用

    随着单块磁盘在数据安全.性能.容量上呈现出的局限,磁盘阵列(Redundant Arrays of Inexpensive/Independent Disks,RAID)出现了,RAID把多块独立的磁 ...

  3. poj 1077 Eight(A&ast;)

    经典的八数码问题,用来练习各种搜索=_=.这题我用的A*做的,A*的主要思想就是在广搜的时候加了一个估价函数,用来评估此状态距离最终状态的大概距离.这样就可以省下很多状态不用搜索.对于每个状态设置一个 ...

  4. sping&plus;maven&plus;mybatis&plus;ehcache续之实现mapper

    配置接着上一篇文章 新建UserMapper.java和UserMapper.xml 其中UserMapper.xml的namespace以及文件名要和UserMapper.java一致 <ma ...

  5. python&colon;浅析python 中&lowbar;&lowbar;name&lowbar;&lowbar; &equals; &&num;39&semi;&lowbar;&lowbar;main&lowbar;&lowbar;&&num;39&semi; 的作用(转载)

    每次看文章的源码时,Python的主程序中都会看到开头有这个,查了一下作用:https://www.cnblogs.com/alan-babyblog/p/5147770.html. 讲的很详细,就直 ...

  6. mysqlQL 5&period;7 安装报错CMake Error at cmake&sol;boost&period;cmake&colon;81 &lpar;MESSAGE&rpar;

    CMake Error at cmake/boost.cmake:81 (MESSAGE): You can download it with -DDOWNLOAD_BOOST=1 -DWITH_BO ...

  7. EXcel vba 获取批注信息

    Public Function pizhu(i As Range) pizhu = i.Cells.Comment.Text End Function EXcel VBA获取批注信息

  8. schtasks 命令使用

    schtasks  /create 创建任务,下面是常用参数 /tn taskname /tr taskrun /sc schedule    [Minute | Hourly | Daly | We ...

  9. UpLoader------实现上传大文件

    代码: <div id="selectFile">选择文件1</div> <script> var da = newGuid(); var kk ...

  10. 禁止body滚动允许div滚动防微信露底

    最近遇到一个需求,页面中只有一个div允许滚动,其他内容不允许滚动. 正常来讲加上 body{height:100%;overflow: hidden;} 应该就阻止页面滚动了.可是很悲催的是手机端并 ...