前端实现的canvas支持多图压缩并打包下载的工具

# 技术栈

canvas

jszip.js(网页端压缩解压缩插件JSZIP库)

FileSaver.js(文件保存到本地库)

在线预览：http://htmlpreview.github.io/?https://github.com/xiaoqiuxiong/imageCompressionTool/master/index.html
github: https://github.com/xiaoqiuxiong/imageCompressionTool

解读

• 以上的工具，暂时只是配置了允许png和jpg格式的图片压缩，如需别的格式的请自行到我的github上面clone下载自行修改；
• 压缩质量：10份；
• 压缩会自动打包成zip,自行下载解压，压缩速度惊人。
• 压缩速度我觉得比熊猫压缩牛逼。

工具预览

直接解读源码：(html)

        
选择图片
        

        

        

            
请选择压缩质量
            
                10%
                20%
                30%
                40%
                50%
                60%
                70%
                80%
                90%
                100%
            
        
        

        

            

            

            需要压缩的图片:
            

            

            

            

        
        

            压缩图片并下载
        
    
    

直接解读源码：(js)

直接解读源码：(css)

使用方法：

github: https://github.com/xiaoqiuxiong/imageCompressionTool
直接Git克隆下来,然后浏览器（最好使用谷歌浏览器）打开idnex.html页面，即刻轻松使用了。
以后都可以使用了，再也不用用什么熊猫压缩了。
一键压缩，就是吊！
好用的话，记得加星。