<center>
![title](https://cdn.jsdelivr.net/gh/renzhezhilu/webp2jpg-online/cdn/og_image2.png)
<!-- from shields.io/ -->
![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)
</center>
🇺🇸[English](./doc/readme_en.md) 🇯🇵[日本語](./doc/readme_jp.md)
`2021-04-07`
- 我家的狗看我硬生生把这个项目写成💩山,叫我不要献丑了,连夜帮我做好了各个模块的demo:[browser-image-conversion-dome](https://github.com/renzhezhilu/browser-image-conversion-dome) 🤪
## webp2jpg-online 介绍
![title](https://cdn.jsdelivr.net/gh/renzhezhilu/webp2jpg-online/cdn/page_ui.jpg)
>我常常需要把webp图片转成jpg格式,很多在线转化提供的功能都需要上传文件,不爽。有非上传的但是ui很难用,谷歌一番后了解到html5自带接口的canvas.toBlob有转换图片格式的功能,索性就自己搞这个webp2jpg-online。
在线图片格式转化器, 可将jpeg、jpg、png、gif、webp、svg、ico、bmp文件转化为jpeg、png、webp、webp动画、gif文件。无需上传文件,本地即可完成转换
## 主要功能
[📖 详细功能介绍->知乎](https://zhuanlan.zhihu.com/p/186716893)
✓ 无需上传,使用浏览器自身进行转换
✓ 批量转换输出webp、jpeg、png、base64、8位png(实验)、gif动图(实验)、webp动图(实验)
✓ 输出指定大小(webp、jpeg)(实验)
✓ 输出颜色数量(gif、png-8)
✓ 选项可自定增加或删除并持久化
![title](https://cdn.jsdelivr.net/gh/renzhezhilu/webp2jpg-online/cdn/format2.png)
## 在线地址
https://renzhezhilu.gitee.io/webp2jpg-online/ 国内访问较快
https://renzhezhilu.github.io/webp2jpg-online/
## demo
![demo](https://cdn.jsdelivr.net/gh/renzhezhilu/webp2jpg-online/cdn/v2_demo.gif)
## 计划
[ ] 抽离主要功能做成[img2img.js](https://github.com/renzhezhilu/img2img)模块 (未开始)
## 更新日志
### 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](https://github.com/renzhezhilu/webp2jpg-online/tree/v1.0) 2020-01-14
项目建立
支持jpeg、webp、png互转
可选输出宽度
可选输出画质
可批量处理
### 平台支持情况
||谷歌Chrome|火狐Firefox|苹果Safari|微软Edge|IE|
|---|-----|----|----|-----|---|
|Windows|✔️|✔️|-|✔️| ❌ 蛤?|
|Mac OS|✔️|✔️|☑️|✔️|-|
|Iphone|☑️|☑️| ✔️ | - |-|
|Android|?|?|?| -|-|
️️
> ✔️ 运行良好 ☑️ 部分支持 ❌ 不支持 ? 未测试
## ❤️感谢推荐
[科技爱好者周刊(第 114 期):U 盘化生存和 Uber-job](http://www.ruanyifeng.com/blog/2020/07/weekly-issue-114.html)
## 图片格式转换的核心原理
### Canvas API
[HTMLCanvasElement.toBlob()](https://developer.mozilla.org/zh-CN/docs/Web/API/HTMLCanvasElement/toBlob)
<!-- https://codepen.io/random233/pen/PowBBaa?editors=1000 -->
``` javascript
canvas.toBlob(callback, type, encoderOptions);
```
### WebAssembly
[MDN:WebAssembly doc](https://developer.mozilla.org/zh-CN/docs/WebAssembly)
[wasm-im ](https://github.com/mk33mk333/wasm-im)
[文章:WebAssembly实战-在浏览器中使用ImageMagick](https://cloud.tencent.com/developer/article/1554176)
_[(快照)](https://renzhezhilu.github.io/webp2jpg-online/doc/WebAssembly实战-在浏览器中使用ImageMagick.html)
## 依赖
[vue](https://github.com/vuejs/vue#readme)
[vue-clipboard2](https://github.com/Inndy/vue-clipboard2#readme) 文本复制
[vue-i18n](https://github.com/kazupon/vue-i18n#readme) 多语言
没有合适的资源?快使用搜索试试~ 我知道了~
资源推荐
资源详情
资源评论
收起资源包目录
多功能在线图片编辑器源码.zip (93个子文件)
多功能在线图片编辑器源码
batch.html 1KB
cdn
og_image2.png 12KB
more_demo2.jpg 60KB
apple-touch-iphone.png 8KB
wasm-im.wasm 3.92MB
splicing
ui.jpg 35KB
favicon.png 2KB
viewInGithub.png 6KB
webp2jpg_v3_ui.jpg 154KB
page_ui.jpg 88KB
logo.svg 5KB
localforage.min.js 29KB
v3.0
js
squoosh_oxipng_worker_all_in.js 354KB
app.uej3pkls5.js 3.58MB
app.8eb49d22.js.LICENSE.txt 2KB
imagequant_worker_all_in.js 109KB
wasm-im_worker_all_in.js 5.41MB
mozjpeg_enc_worker_all_in.js 334KB
avif_enc_worker_all_in.js 1.88MB
svgo_worker_all_in.js 631KB
app.83hdjfru4.js 3.03MB
magick
magickApi.js 198KB
magick.js 5.54MB
images
logo.png 8KB
750x1350.jpg 76KB
1920x1080.jpg 97KB
500x500.jpg 14KB
format2.png 62KB
favicon.ico 2KB
wasm-im.js 120KB
kakacss
kakacss20201225.js 449KB
kakacss2020010912.js 445KB
63ba762a-9572-4d53-a1bc-30fc597d2d70.jpg 42KB
kakacss20201225_.js 449KB
favicon.png 6KB
og_image.png 19KB
v2_demo.gif 4.06MB
squoosh
webp_enc.wasm 144KB
avif_enc.wasm 1.37MB
mozjpeg_enc.wasm 213KB
dist_js
webp2jpg_app20201225_____.js 758KB
badges
03.svg 1016B
01.svg 1000B
02.svg 965B
page_ui_en.jpg 91KB
page_ui_jp.jpg 94KB
batch
banner.png 13KB
logo.png 4KB
logo2.png 4KB
batch1225_05.js 1.35MB
expic
2.jpg 158KB
1.jpg 41KB
5.jpg 129KB
white.png 3KB
3.jpg 98KB
4.jpg 64KB
doc
readme_jp.md 5KB
WebAssembly实战-在浏览器中使用ImageMagick.html 1.9MB
readme_en.md 4KB
v2.html 14KB
iframe_v2.html 481B
iframe_v3.html 475B
index.html 22KB
splicing.html 18KB
version
v1.0.0
js
jszip.min.js 94KB
index.js 6KB
gifler.min.js 82KB
webp2jpg-online.webloc 268B
css
index.css 19KB
index.html 15KB
images
apple-touch-iphone.png 8KB
viewInGithub.png 6KB
favicon.ico 17KB
og_image02.png 10KB
og_image.png 19KB
badges
03.svg 1004B
01.svg 1000B
02.svg 965B
demo.gif 1.12MB
README.md 1KB
test
使用JS和canvas实现gif动图的停止和播放实例页面.html 3KB
video.html 2KB
mov_bbb.mp4 770KB
输出文件固定size.html 5KB
输出文件固定size02_ok.html 4KB
fetch_wasm.html 30KB
gif_test.html 3KB
webp_vp8.html 12KB
g.gif 361KB
输出文件固定size03_ok.html 5KB
.gitignore 249B
README.md 4KB
favicon.png 6KB
共 93 条
- 1
资源评论
破碎的天堂鸟
- 粉丝: 5808
- 资源: 1470
下载权益
C知道特权
VIP文章
课程特权
开通VIP
上传资源 快速赚钱
- 我的内容管理 展开
- 我的资源 快来上传第一个资源
- 我的收益 登录查看自己的收益
- 我的积分 登录查看自己的积分
- 我的C币 登录后查看C币余额
- 我的收藏
- 我的下载
- 下载帮助
最新资源
- 初始化模型权重efficientnetv2-keras-efficientnetv2-s-v2
- c语言-leetcode题解之0084-largest-rectangle-in-histogram.zip
- c语言-leetcode题解之0083-remove-duplicates-from-sorted-list.zip
- c语言-leetcode题解之0082-remove-duplicates-from-sorted-list-ii.zip
- c语言-leetcode题解之0081-search-in-rotated-sorted-array-ii.zip
- tnsnames tnsnames tnsnames
- c语言-leetcode题解之0080-remove-duplicates-from-sorted-array-ii.zip
- c语言-leetcode题解之0079-word-search.zip
- c语言-leetcode题解之0078-subsets.zip
- c语言-leetcode题解之0077-combinations.zip
资源上传下载、课程学习等过程中有任何疑问或建议,欢迎提出宝贵意见哦~我们会及时处理!
点击此处反馈
安全验证
文档复制为VIP权益,开通VIP直接复制
信息提交成功