【技术实现步骤摘要】
本专利技术涉及图像处理，特别是涉及一种基于前端处理的图片压缩方法、系统、设备及介质。
技术介绍
1、目前，用户在pc端和移动端进行图片压缩处理室，需要将图片上传至服务端，通过后端实现图片压缩然后再请求接口获取压缩后的图片进行输出；这种方法的压缩效率较低，压缩速度慢，并且无法控制压缩率以及指定的压缩格式，灵活性较差，局限性较大。
技术实现思路
1、本专利技术的目的在于，提供一种基于前端处理的图片压缩方法、系统、设备及介质，进而解决现有技术中所存在的上述所有问题或问题之一。
2、为解决上述技术问题，本专利技术的具体技术方案如下：
3、一方面，本专利技术提供一种基于前端处理的图片压缩方法，包括以下步骤：
4、图片格式判断步骤：
5、获取待压缩图片，并识别所述待压缩图片的图片格式；
6、图片自适应压缩步骤：
7、根据所述图片格式采用第一压缩算法或第二压缩算法进行前端压缩处理；
8、输出格式选择步骤：
9、获取压缩后图片的输出格式需求参数；
10、图片导出步骤：
11、基于所述输出格式需求参数对所述前端压缩处理后的图片进行输出。
12、作为一种改进的方案，所述识别所述待压缩图片的图片格式，包括：
13、对所述待压缩图片进行解析，得到type属性；
14、根据所述type属性判断所述待压缩图片是否为png格式图片；
15、响应于
16、响应于所述待压缩图片非png格式图片，设置所述图片格式为第二格式。
17、作为一种改进的方案，所述根据所述图片格式采用第一压缩算法或第二压缩算法进行前端压缩处理，包括：
18、对所述第一格式的所述待压缩图片采用所述第一压缩算法进行前端压缩处理；
19、对所述第二格式的所述待压缩图片采用所述第二压缩算法进行前端压缩处理。
20、作为一种改进的方案，所述第二格式，包括：image格式、jpeg格式以及webp格式；
21、所述第一压缩算法，包括：对待压缩图片采用upng.js的encodeapi进行压缩处理；
22、所述第二压缩算法，包括：对待压缩图片采用canvas.todataurl进行压缩处理。
23、作为一种改进的方案，所述根据所述图片格式采用第一压缩算法或第二压缩算法进行前端压缩处理，还包括：
24、设置输出图片的图片质量、图片大小以及图片尺寸；
25、根据所述图片质量、所述图片大小以及所述图片尺寸调用所述第一压缩算法或所述第二压缩算法对所述待压缩图片进行压缩处理。
26、作为一种改进的方案，所述获取压缩后图片的输出格式需求参数，包括：
27、获取图片类型、图片尺寸限制以及图片输出质量；
28、将所述图片类型、所述图片尺寸限制以及所述图片输出质量作为所述输出格式需求参数。
29、作为一种改进的方案，所述基于所述输出格式需求参数对所述前端压缩处理后的图片进行输出，包括：
30、配置下载触发选项；
31、基于所述下载触发选项对所述前端压缩处理后的图片进行下载。
32、另一方面，本专利技术还提供一种基于前端处理的图片压缩系统，包括：
33、图片格式判断模块、图片自适应压缩模块、输出格式选择模块以及图片导出模块；
34、所述图片格式判断模块，用于获取待压缩图片，并识别所述待压缩图片的图片格式；
35、所述图片自适应压缩模块，用于根据所述图片格式采用第一压缩算法或第二压缩算法进行前端压缩处理；
36、所述输出格式选择模块，用于获取压缩后图片的输出格式需求参数；
37、所述图片导出模块，用于基于所述输出格式需求参数对所述前端压缩处理后的图片进行输出。
38、另一方面，本专利技术还提供一种计算机可读存储介质，所述计算机可读存储介质上存储有计算机程序，所述计算机程序被处理器执行时实现所述基于前端处理的图片压缩方法的步骤。
39、另一方面，本专利技术还提供一种计算机设备，所述计算机设备包括处理器、通信接口、存储器和通信总线，其中，所述处理器，所述通信接口，所述存储器通过所述通信总线完成相互间的通信；其中：
40、所述存储器，用于存放计算机程序；
41、所述处理器，用于通过运行所述存储器上所存放的程序来执行所述基于前端处理的图片压缩方法的步骤。
42、本专利技术技术方案的有益效果是：
43、本专利技术所述的基于前端处理的图片压缩方法，可以实现在前端直接进行图片的压缩处理操作，压缩处理时针对不同的图片格式采用不同的前端压缩算法，不需要和后端服务器进行交互，且支持压缩格式、压缩指令以及其他压缩参数的自定义，压缩处理的灵活性好，速度快，效率高，有利于提升用户的体验感，弥补了现有技术的缺陷。
44、本专利技术所述的基于前端处理的图片压缩系统，可以实现在前端直接进行图片的压缩处理操作，压缩处理时针对不同的图片格式采用不同的前端压缩算法，不需要和后端服务器进行交互，且支持压缩格式、压缩指令以及其他压缩参数的自定义，压缩处理的灵活性好，速度快，效率高，有利于提升用户的体验感，弥补了现有技术的缺陷。
45、本专利技术所述的计算机可读存储介质，可以实现保存本专利技术所述的基于前端处理的图片压缩方法，且本专利技术所述的计算机可读存储介质还有效提高所述基于前端处理的图片压缩方法的可操作性。
46、本专利技术所述的计算机设备，可以实现存储并执行所述计算机可读存储介质，进而实现本专利技术所述的基于前端处理的图片压缩方法。
本文档来自技高网...【技术保护点】
1.一种基于前端处理的图片压缩方法，其特征在于，包括以下步骤：
2.根据权利要求1所述的一种基于前端处理的图片压缩方法，其特征在于：
3.根据权利要求2所述的一种基于前端处理的图片压缩方法，其特征在于：
4.根据权利要求3所述的一种基于前端处理的图片压缩方法，其特征在于：
5.根据权利要求3所述的一种基于前端处理的图片压缩方法，其特征在于：
6.根据权利要求1所述的一种基于前端处理的图片压缩方法，其特征在于：
7.根据权利要求1所述的一种基于前端处理的图片压缩方法，其特征在于：
8.一种基于前端处理的图片压缩系统，其特征在于，包括：图片格式判断模块、图片自适应压缩模块、输出格式选择模块以及图片导出模块；
9.一种计算机可读存储介质，其特征在于，所述计算机可读存储介质上存储有计算机程序，所述计算机程序被处理器执行时实现权利要求1~7中任一项所述基于前端处理的图片压缩方法的步骤。
10.一种计算机设备，其特征在于，包括处理器、通信接口、存储器和通信总线，其中，所述处理器，所述通
...【技术特征摘要】
1.一种基于前端处理的图片压缩方法，其特征在于，包括以下步骤：
2.根据权利要求1所述的一种基于前端处理的图片压缩方法，其特征在于：
3.根据权利要求2所述的一种基于前端处理的图片压缩方法，其特征在于：
4.根据权利要求3所述的一种基于前端处理的图片压缩方法，其特征在于：
5.根据权利要求3所述的一种基于前端处理的图片压缩方法，其特征在于：
6.根据权利要求1所述的一种基于前端处理的图片压缩方法，其特征在于：
7.根据权利要求1所述的一种基于前端处理...
【专利技术属性】
技术研发人员：韩程秋，胡焱，安静，
申请(专利权)人：浪潮金融信息技术有限公司，
类型：发明
国别省市：
还没有人留言评论。发表了对其他浏览者有用的留言会获得科技券。