System.ArgumentOutOfRangeException: 索引和长度必须引用该字符串内的位置。 参数名: length 在 System.String.Substring(Int32 startIndex, Int32 length) 在 zhuanliShow.Bind() 一种用于图片的压缩方法及系统技术方案_技高网

一种用于图片的压缩方法及系统技术方案

技术编号:40134347 阅读:8 留言:0更新日期:2024-01-23 22:37
本发明专利技术公开了一种用于图片的压缩方法及系统,涉及图像处理技术领域,该方法包括:基于前端页面浏览器的更新频率,确定目标前端页面;对图片信息进行识别,确定N个图片文件信息;进行图片格式分类处理,获得M个图像格式;将M个图像格式、N个图片文件信息同步至识别转换子网络内,得到有效模块;通过webpack对M个图像格式的N个图片文件信息进行打包处理,获得图片打包信息;根据目标前端页面布局,将图片打包信息部署至目标前端页面内。本发明专利技术解决了现有技术中使用图片处理服务器进行少量图片压缩,会造成服务器资源浪费的技术问题,达到了通过自编写的loader来进行图片的动态压缩,节省服务器资源,降低图片体积,提高用户体验的技术效果。

【技术实现步骤摘要】

本专利技术涉及图像处理,具体涉及一种用于图片的压缩方法及系统


技术介绍

1、随着用户对于前端页面体验的要求越来越高,对于前端页面加载时长也越来越苛刻。而在众多前端静态资源当中,图片文件依然是网络传输过程中最占用带宽的资源。通过在服务器端提供一个介于浏览器和图片服务器之间的图片处理服务器,可以根据图片的请求参数缩放或者裁减图片,但由于前端页面中的图片数量有限且更新频率不高,会浪费服务器的计算资源,增加维护成本。


技术实现思路

1、本申请提供了一种用于图片的压缩方法及系统,用于解决现有技术中使用图片处理服务器进行少量图片压缩,会造成服务器资源浪费的技术问题。

2、本申请的第一个方面,提供了一种用于图片的压缩方法,所述方法包括:基于前端页面浏览器的更新频率,确定目标前端页面;根据所述目标前端页面对图片信息进行识别,确定n个图片文件信息;根据所述格式划分通道对所述n个图片文件信息进行图片格式分类处理,获得m个图像格式,其中,所述m个图像格式中每个图像格式下的图像数量进行加和的数量为n;将所述m个图像格式、所述n个图片文件信息同步至识别转换子网络内,得到有效模块;根据所述有效模块,通过所述webpack对所述m个图像格式的所述n个图片文件信息进行打包处理,获得图片打包信息;根据目标前端页面布局,将所述图片打包信息部署至目标前端页面内。

3、本申请的第二个方面,提供了一种用于图片的压缩系统,所述系统包括:目标前端页面确定模块,所述目标前端页面确定模块用于基于前端页面浏览器的更新频率,确定目标前端页面;图片文件信息确定模块,所述图片文件信息确定模块用于根据所述目标前端页面对图片信息进行识别,确定n个图片文件信息;图像格式获取模块,所述图像格式获取模块用于根据格式划分通道对所述n个图片文件信息进行图片格式分类处理,获得m个图像格式,其中,所述m个图像格式中每个图像格式下的图像数量进行加和的数量为n;有效模块获得模块,所述有效模块获得模块用于将所述m个图像格式、所述n个图片文件信息同步至识别转换子网络内,得到有效模块;图片打包信息获取模块,所述图片打包信息获取模块用于根据所述有效模块,通过webpack对所述m个图像格式的所述n个图片文件信息进行打包处理,获得图片打包信息;图片打包信息部署模块,所述图片打包信息部署模块用于根据目标前端页面布局,将所述图片打包信息部署至目标前端页面内。

4、本申请中提供的一个或多个技术方案,至少具有如下技术效果或优点:

5、本申请提供的一种用于图片的压缩方法,涉及图像处理
,通过确定目标前端页面,对图片信息进行识别,确定n个图片文件信息,获得m个图像格式,将m个图像格式、n个图片文件信息同步至识别转换子网络内,得到有效模块,通过webpack对m个图像格式的n个图片文件信息进行打包处理,并根据目标前端页面布局,将图片打包信息部署至目标前端页面内,解决了现有技术中使用图片处理服务器进行少量图片压缩,会造成服务器资源浪费的技术问题,实现了通过自编写的loader来进行图片的动态压缩,节省服务器资源,降低图片体积,提高用户体验的技术效果。

本文档来自技高网...

【技术保护点】

1.一种用于图片的压缩方法,其特征在于,所述方法应用于一种用于图片的压缩系统,所述系统与webpack、格式划分通道通信连接,所述方法包括:

2.如权利要求1所述的方法,其特征在于,所述N个图片文件信息,方法还包括:

3.如权利要求1所述的方法,其特征在于,根据所述格式划分通道对所述N个图片文件信息进行图片格式分类处理,获得M个图像格式,方法还包括:

4.如权利要求1所述的方法,其特征在于,方法还包括:

5.如权利要求1所述的方法,其特征在于,将所述M个图像格式、所述N个图片文件信息同步至所述识别转换子网络中,得到有效模块,方法还包括:

6.如权利要求1所述的方法,其特征在于,根据所述有效模块,通过所述webpack对所述M个图像格式的所述N个图片文件信息进行打包处理,获得图片打包信息,方法还包括:

7.如权利要求6所述的方法,其特征在于,通过所述打包阶段对所述M个图像格式的所述N个图片文件信息进行动态压缩调整,获取图片压缩数据,方法还包括:

8.一种用于图片的压缩系统,其特征在于,所述系统包括:

...

【技术特征摘要】

1.一种用于图片的压缩方法,其特征在于,所述方法应用于一种用于图片的压缩系统,所述系统与webpack、格式划分通道通信连接,所述方法包括:

2.如权利要求1所述的方法,其特征在于,所述n个图片文件信息,方法还包括:

3.如权利要求1所述的方法,其特征在于,根据所述格式划分通道对所述n个图片文件信息进行图片格式分类处理,获得m个图像格式,方法还包括:

4.如权利要求1所述的方法,其特征在于,方法还包括:

5.如权利要求1所述的方法,其特征在于,将...

【专利技术属性】
技术研发人员:顾兆铭殷超
申请(专利权)人:中信百信银行股份有限公司
类型:发明
国别省市:

网友询问留言 已有0条评论
  • 还没有人留言评论。发表了对其他浏览者有用的留言会获得科技券。

1