如何用js将图片转换为webp格式

lty552 2018-01-19 01:47:38

webp插件是node的插件，在node程序中确实能转换webp，如何用js转换？或者cordova的插件能实现转换。

...全文

809 1 打赏收藏转发到动态举报

写回复

1 条回复

切换为时间正序

请发表友善的回复…

发表回复

功能需求：我们在网页中上传一张图片，选择不同的格式，将该图片转换为对应的格式。实现思路：实现这样的功能，使用后端语言【php,java等】可以很容易的完成。但是如果只在前端如何完成呢？ 1、通过input上传图片，使用FileReader将文件读取到内存中。 2、将图片转换为canvas，canvas.toDataURL()方法设置为我们需要的格式，如：”image/webp”,”image/jpeg”,”image/png”。 3、最后将canvas转换为图片，显示在网页中。点击右键保存，就得到了不同格式的图片了。 toDataURL说明：方法返回一个包含图片展示的 data URI

imagemin-webp-webpack-plugin Webpack插件，可将图像转换为格式，同时保留原始文件。专为webpack 4构建，但也应在以前的版本中工作。它在引擎盖下使用和。动机尽管目前并非所有浏览器都支持WebP图像，但它们至少比PNG或JPEG小25％。因此，某些用户可以获得更好的体验。查看“上的支持表安装 $ npm install imagemin-webp-webpack-plugin --save-dev 用法为了使用此插件，请将其添加到您的webpack配置中。 const ImageminWebpWebpackPlugin = require ( "imagemin-webp-webpack-plugin" ) ; module . exports = { plugins : [ new ImageminWebpWebpac

一个小型的库，用于将任何图像转换为webp文件格式或将webp图像转换为任何图像文件格式。该库使用WebP（v1.1.0）的预编译可执行文件以获取更多信息，请访问要将其他图像格式转换为webp，请阅读本文档要将webp图像转换为其他图像格式，请阅读本文档要将gif图像转换为webp，请阅读此文档要使用webp图像创建动画的webp图像，请阅读本文档什么是新的添加了日志记录选项如何使用修复权限问题 const webp = require ( 'webp-converter' ) ; // this will grant 755 permission to webp executables webp . grant_permission ( ) ; cwebp 将其他图像格式转换为WebP const webp = require ( 'webp-converter

Webp Batch Convert webp 图片批量转换。将指定目录内 png/jpg/jpeg/bmp/gif 格式的图片批量转换为 webp 格式。快速上手在项目目录中安装 npm install --save-dev webp-batch-convert 使用示例(nodejs 模块 API 方式) //import convert from 'webp-batch-convert'; const convert = require('webp-batch-convert'); let res; // 示例一: 生成 img 目录下的图片文件至 webp 目录 res = convert.cwebp('./img', './webp'); console.log('total: ', res); // 示例二: 生成 img 目录下的图片文件至 webp 目录，附带质量等参数

Webp转换器和分析强大的Webp批处理转换器和不同的分析工具。您可以使用此工具将批处理图像（png / jpg）转换为webp并输出尺寸更改。目的将批处理图像从PNG / JPG格式转换为Webp格式如果其webp一大于原始一，将不会转换图像（原始一将被复制到[output-directory]/origin/目录）如果自动转换为webp失败，将不会转换图像（失败的图像将被复制到[output-directory]/failed目录）您可以使用--ignore-transparency-image config忽略所有具有透明像素--ignore-transparency-image （has-transparency-image的原始图像将被复制到/webp-converted/transparency目录中）输出转换结果，例如减小大小，跳过转换的文件数等等。

87,910

社区成员

224,616

社区内容

发帖

与我相关

我的任务

社区管理员

加入社区

近7日
近30日
至今

加载中

查看更多榜单

社区公告

暂无公告

试试用AI创作助手写篇文章吧

+ 用AI写文章