社区
JavaScript
帖子详情
如何用js将图片转换为webp格式
lty552
2018-01-19 01:47:38
webp插件是node的插件,在node程序中确实能转换webp,如何用js转换?或者cordova的插件能实现转换。
...全文
810
1
打赏
收藏
如何用js将图片转换为webp格式
webp插件是node的插件,在node程序中确实能转换webp,如何用js转换?或者cordova的插件能实现转换。
复制链接
扫一扫
分享
转发到动态
举报
写回复
配置赞助广告
用AI写文章
1 条
回复
切换为时间正序
请发表友善的回复…
发表回复
打赏红包
js
+canvas实现
图片
格式
web
p/png/jpeg在线
转换
功能需求: 我们在网页中上传一张
图片
,选择不同的
格式
,将该
图片
转换
为对应的
格式
。 实现思路: 实现这样的功能,使用后端语言【php,java等】可以很容易的完成。但是如果只在前端如何完成呢? 1、通过input上传
图片
,使用FileReader将文件读取到内存中。 2、将
图片
转换
为canvas,canvas.toDataURL()方法设置为我们需要的
格式
,如:”image/
web
p”,”image/jpeg”,”image/png”。 3、最后将canvas
转换
为
图片
,显示在网页中。点击右键保存,就得到了不同
格式
的
图片
了。 toDataURL说明: 方法返回一个包含
图片
展示的 data URI
imagemin-
web
p-
web
pack-plugin:
Web
pack插件,可将图像
转换
为
Web
P
格式
,同时保留原始文件
imagemin-
web
p-
web
pack-plugin
Web
pack插件,可将图像
转换
为
格式
,同时保留原始文件。 专为
web
pack 4构建,但也应在以前的版本中工作。 它在引擎盖下使用和 。 动机 尽管目前并非所有浏览器都支持
Web
P图像,但它们至少比PNG或JPEG小25%。 因此,某些用户可以获得更好的体验。 查看“上的支持表 安装 $ npm install imagemin-
web
p-
web
pack-plugin --save-dev 用法 为了使用此插件,请将其添加到您的
web
pack配置中。 const Imagemin
Web
p
Web
packPlugin = require ( "imagemin-
web
p-
web
pack-plugin" ) ; module . exports = { plugins : [ new Imagemin
Web
p
Web
pac
web
p-converter:一个小型的node.
js
库,用于将任何图像
转换
为
web
p文件
格式
或将
web
p图像
转换
为任何图像文件
格式
一个小型的库,用于将任何图像
转换
为
web
p文件
格式
或将
web
p图像
转换
为任何图像文件
格式
。 该库使用
Web
P(v1.1.0)的预编译可执行文件以获取更多信息,请访问 要将其他图像
格式
转换
为
web
p,请阅读本文档 要将
web
p图像
转换
为其他图像
格式
,请阅读本文档 要将gif图像
转换
为
web
p,请阅读此文档 要使用
web
p图像创建动画的
web
p图像,请阅读本文档 什么是新的 添加了日志记录选项 如何使用 修复权限问题 const
web
p = require ( '
web
p-converter' ) ; // this will grant 755 permission to
web
p executables
web
p . grant_permission ( ) ; c
web
p 将其他图像
格式
转换
为
Web
P const
web
p = require ( '
web
p-converter
web
p-batch-convert:
web
p
图片
批量
转换
。将 pngjpgbmp
格式
的
图片
批量
转换
为
web
p
格式
Web
p Batch Convert
web
p
图片
批量
转换
。将指定目录内 png/jpg/jpeg/bmp/gif
格式
的
图片
批量
转换
为
web
p
格式
。 快速上手 在项目目录中安装 npm install --save-dev
web
p-batch-convert 使用示例(node
js
模块 API 方式) //import convert from '
web
p-batch-convert'; const convert = require('
web
p-batch-convert'); let res; // 示例一: 生成 img 目录下的
图片
文件至
web
p 目录 res = convert.c
web
p('./img', './
web
p'); console.log('total: ', res); // 示例二: 生成 img 目录下的
图片
文件至
web
p 目录,附带质量等参数
web
p-converter:将PNGJPG
转换
为
Web
p并扫描所有更改
Web
p
转换
器和分析 强大的
Web
p批处理
转换
器和不同的分析工具。 您可以使用此工具将批处理图像(png / jpg)
转换
为
web
p并输出尺寸更改。 目的 将批处理图像从PNG / JPG
格式
转换
为
Web
p
格式
如果其
web
p一大于原始一,将不会
转换
图像(原始一将被复制到[output-directory]/origin/目录) 如果自动
转换
为
web
p失败,将不会
转换
图像(失败的图像将被复制到[output-directory]/failed目录) 您可以使用--ignore-transparency-image config忽略所有具有透明像素--ignore-transparency-image (has-transparency-image的原始图像将被复制到/
web
p-converted/transparency目录中) 输出
转换
结果,例如减小大小,跳过
转换
的文件数等等。
JavaScript
87,910
社区成员
224,616
社区内容
发帖
与我相关
我的任务
JavaScript
Web 开发 JavaScript
复制链接
扫一扫
分享
社区描述
Web 开发 JavaScript
社区管理员
加入社区
获取链接或二维码
近7日
近30日
至今
加载中
查看更多榜单
社区公告
暂无公告
试试用AI创作助手写篇文章吧
+ 用AI写文章