jukrb0x / webp2jpg-online

在线图片格式转化器,纯前端实现，无需上传文件,可将jpeg、jpg、png、gif、webp、svg、ico、bmp文件转化为jpeg、png、webp动画、ico、gif文件。本地即可完成转换。Online picture format converter, can convert jpeg, jpg, png, gif, webp, svg, ico, bmp files into jpeg, png, webp animation,gif, ico files. No need to upload files, conversion can be done locally。

webp2jpg-online 介绍

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

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

Online picture format converter, can convert jpeg, jpg, png, gif, webp, svg, ico, bmp files into jpeg, png, webp, ico, gif files. No need to upload files, conversion can be done locally。

在线地址

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

demo

🔧待解决

大问题

~~1.gif转webp时只能转第一帧(2020-2-15)~~ 
✅已完成gif和webp互转(2020-05-8)

2.gif和webp互转的速度太慢了吧，cpu都没跑慢噜(2020-05-10)

3.gif和webp互转有时会console报错，有时转完后文件画面出现层叠，不太行啊老弟(2020-05-11)

小问题

1.自定义选项只能增加不能删除啊？！(2020-05-15)

2.不打包下载好像超过6，7个就只会下载6，7个，其他都不下载了？坑爹啊老弟...(并行改串行)(2020-05-16)

核心原理

Canvas API

HTMLCanvasElement.toBlob()

canvas.toBlob(callback, type, encoderOptions);

WebAssembly

MDN:WebAssembly doc

wasm-im

文章：WebAssembly实战-在浏览器中使用ImageMagick