![title](https://cdn.jsdelivr.net/gh/renzhezhilu/webp2jpg-online/cdn/og_image2.png) ![title](https://cdn.jsdelivr.net/gh/renzhezhilu/webp2jpg-online/cdn/badges/01.svg) ![title](https://cdn.jsdelivr.net/gh/renzhezhilu/webp2jpg-online/cdn/badges/02.svg) ![title](https://cdn.jsdelivr.net/gh/renzhezhilu/webp2jpg-online/cdn/badges/03.svg)

🇺🇸English 🇯🇵日本語

2021-04-07

webp2jpg-online 介绍

title

我常常需要把webp图片转成jpg格式,很多在线转化提供的功能都需要上传文件,不爽。有非上传的但是ui很难用,谷歌一番后了解到html5自带接口的canvas.toBlob有转换图片格式的功能,索性就自己搞这个webp2jpg-online。

在线图片格式转化器, 可将jpeg、jpg、png、gif、webp、svg、ico、bmp文件转化为jpeg、png、webp、webp动画、gif文件。无需上传文件,本地即可完成转换

主要功能

📖 详细功能介绍->知乎

✓ 无需上传,使用浏览器自身进行转换
✓ 批量转换输出webp、jpeg、png、base64、8位png(实验)、gif动图(实验)、webp动图(实验)
✓ 输出指定大小(webp、jpeg)(实验)
✓ 输出颜色数量(gif、png-8)
✓ 选项可自定增加或删除并持久化

title

在线地址

https://renzhezhilu.gitee.io/webp2jpg-online/ 国内访问较快

https://renzhezhilu.github.io/webp2jpg-online/

demo

demo

计划

[ ] 抽离主要功能做成img2img.js模块 (未开始)

更新日志

v2.2 -2020.10.09

新增格式-mozjpeg,压缩率更高/画质更好的jpg
新增格式-avif,逆天的压缩率
修复-对比模式

v2.1 2020-08-17

新增功能-输出指定大小
新增功能-颜色数量选项(gif、png-8)
新增功能-自动宽度输出
新增格式-8位png
新增格式-base64
修复-选项删除功能
修复-多文件下载遗漏
修复-压缩包文件非英数乱码
修复-大写后缀不识别
修复-强调提示不支持文件格式
删除-ico格式输出(假的ico实际还是png)

v2.0 2020-06-26

使用vue重构
支持gif动图转webp动图
尺寸和画质可自定义
选项数据持久化
可开启图片追加模式
可开启转换效果对比
优化了UI
支持多语言
页面文件也变大了,初次打开会比较慢,第二次之后就快了

v1.0 2020-01-14

项目建立
支持jpeg、webp、png互转
可选输出宽度
可选输出画质
可批量处理

平台支持情况

谷歌Chrome 火狐Firefox 苹果Safari 微软Edge IE
Windows ✔️ ✔️ - ✔️ ❌ 蛤?
Mac OS ✔️ ✔️ ☑️ ✔️ -
Iphone ☑️ ☑️ ✔️ - -
Android ? ? ? - -

️️

✔️ 运行良好 ☑️ 部分支持 ❌ 不支持 ? 未测试

❤️感谢推荐

ruanyifeng.com

科技爱好者周刊(第 114 期):U 盘化生存和 Uber-job

frontendfoc.us

Multi-Functional Image Converter: An Online Tool to Batch Convert Images to Various Formats

图片格式转换的核心原理

Canvas API

HTMLCanvasElement.toBlob()

canvas.toBlob(callback, type, encoderOptions);

WebAssembly

MDN:WebAssembly doc

wasm-im

文章:WebAssembly实战-在浏览器中使用ImageMagick _(快照)

依赖

vue

vue-clipboard2 文本复制

vue-i18n 多语言