GithubHelp home page GithubHelp logo

zhangaz1 / webp2jpg-online Goto Github PK

View Code? Open in Web Editor NEW

This project forked from renzhezhilu/webp2jpg-online

0.0 1.0 0.0 16.3 MB

Use the browser's online image format converter, no need to upload files, you can convert jpeg, jpg, png, gif, webp, svg, ico, bmp files to jpeg, png, webp animation, gif, base64. 使用浏览器的在线图片格式转化器,无需上传文件,可将jpeg、jpg、png、gif、webp、svg、ico、bmp文件转换为jpeg、png、webp、webp动画、gif、base64,提供了多个可自定义选项来满足常见需求。

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

HTML 80.35% CSS 14.76% JavaScript 4.90%

webp2jpg-online's Introduction

title

title title title

🇺🇸English 🇯🇵日本語

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.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 ? ? ? - -
️️

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

❤️感谢推荐

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

图片格式转换的核心原理

Canvas API

HTMLCanvasElement.toBlob()

canvas.toBlob(callback, type, encoderOptions);

WebAssembly

MDN:WebAssembly doc

wasm-im

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

依赖

vue

vue-clipboard2 文本复制

vue-i18n 多语言

webp2jpg-online's People

Contributors

renzhezhilu avatar

Watchers

 avatar

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.