图片显示优化方法、系统、设备及存储介质技术方案

技术编号:31563822 阅读:19 留言:0更新日期:2021-12-25 10:49
本发明专利技术提供了一种图片显示优化方法、系统、设备和存储介质。其中,该种图片显示优化方法包括:对接收到的用户请求进行拦截;判断用户请求是否属于图片请求,并在客户情况属于图片请求的情况下,对图片的显示兼容性的进行判断;在显示兼容性支持第一图片格式的情况下,根据图片请求获取第一图片格式的请求图片并显示;在显示兼容性不支持第一图片格式的情况下,根据图片请求获取请求图片并显示。通过本技术方案,能够通过调整前端待显示图片的图片格式,加快图片资源的加载速度,从网络层减少图片资源的大小以及请求图片所需的时长,从而有效提升前端页面显示的性能。有效提升前端页面显示的性能。有效提升前端页面显示的性能。

【技术实现步骤摘要】
图片显示优化方法、系统、设备及存储介质


[0001]本专利技术涉及互联网前端页面应用
,具体地,涉及一种图片显示优化方法、系统、设备及存储介质。

技术介绍

[0002]随着互联网的不断发展,用户对于应用的性能要求越来越高,对于交互体验的流畅体验诉求也愈发迫切,如何在前端显示界面上给予用户及时快速的视觉效果呈现,成为了应用能够保证用户留存的一个关键因素。
[0003]可以理解的是,站在业务宣传的角度,为了拓展新用户群体以及增强用户与平台之间的粘性,往往会涉及相对较为丰富多彩、色彩艳丽的运营活动页面以供展示。而在这些色彩表现较为丰富的多采用图片的形式进行呈现,且页面越绚烂内容越丰富,所需要的图片存储空间也就相对大一些,很可能在加载的时候,尤其是网速相对交底的时候出现加载速度和呈现速度的延迟,也需要消耗相对更大的带宽。
[0004]在上述业务场景下,为了能够加快前端图片资源的加载速度,从网络层减少请求图片的时长和图片资源的大小,同时保障处理后的图片能够实现正常的显示呈现,以优化前端页面显示的性能,亟需一种图片显示优化方法来解决上述现有应用过程中存在的问题。

技术实现思路

[0005]针对现有技术中的缺陷,本专利技术的目的是提供一种图片显示优化方法、系统、设备及存储介质。
[0006]本申请的第一方面提供了一种图片显示优化方法,该种图片显示优化方法包括:
[0007]对接收到的用户请求进行拦截;
[0008]判断用户请求是否属于图片请求,并在客户情况属于图片请求的情况下,对图片的显示兼容性的进行判断;
[0009]在显示兼容性支持第一图片格式的情况下,根据图片请求获取第一图片格式的请求图片并显示;
[0010]在显示兼容性不支持第一图片格式的情况下,根据图片请求获取请求图片并显示;
[0011]其中,图片请求包括请求图片的图片格式。
[0012]在上述第一方面的一种可能的实现中,在显示兼容性支持第一图片格式的情况下,图片显示优化方法还包括:
[0013]于图片请求中将请求图片的图片格式设定为第一图片格式;
[0014]根据图片请求,将请求图片转换成第一图片格式,并返回第一图片格式的请求图片。
[0015]在上述第一方面的一种可能的实现中,第一图片格式的请求图片的数据存储容
量,小于原图格式的请求图片的数据存储容量。
[0016]在上述第一方面的一种可能的实现中,在显示兼容性不支持第一图片格式的情况下,图片显示优化方法还包括:
[0017]判断请求图片的格式是否属于第二图片格式;
[0018]在请求图片的格式属于第二图片格式的情况下,对请求图片进行有损压缩处理并返回经有损压缩处理的请求图片;
[0019]其中,第二图片格式支持有损压缩处理。
[0020]在上述第一方面的一种可能的实现中,在显示兼容性不支持第一图片格式的情况下,图片显示优化方法还包括:
[0021]判断请求图片的格式是否属于第一图片格式;
[0022]在请求图片的格式属于第一图片格式的情况下,将请求图片的图片格式修改为第二图片格式,并返回第二图片格式的请求图片。
[0023]在上述第一方面的一种可能的实现中,第二图片格式的请求图片的数据存储容量,小于原图格式的请求图片的数据存储容量。
[0024]本申请的第二方面提供了一种图片显示优化系统,该种图片显示优化系统应用于前述第一方面提供的图片显示优化方法中,具体包括:
[0025]拦截模块,用于对接收到的用户请求进行拦截;
[0026]第一判断模块,连接拦截模块,用于判断用户请求是否属于图片请求,生成相应的第一判断结果;
[0027]第二判断模块,连接第一判断模块,根据第一判断结果,在客户情况属于图片请求的情况下,对图片的显示兼容性的进行判断,生成相应的第二判断结果;
[0028]存储模块,用于存储请求图片;
[0029]第一处理单元,连接第二判断模块,用于根据第二判断结果,在显示兼容性支持第一图片格式的情况下,根据图片请求获取第一图片格式的请求图片并显示;
[0030]第二处理单元,连接第二判断模块,用于根据第二判断结果,在显示兼容性不支持第一图片格式的情况下,根据图片请求获取请求图片并显示;
[0031]其中,图片请求包括请求图片的图片格式。
[0032]在上述第二方面的一种可能的实现中,于第二处理单元中,图片显示优化系统还包括:
[0033]第一判断单元,用于判断请求图片的格式是否属于第二图片格式,生成相应的第三判断结果;
[0034]第一处理单元,连接第一判断单元,根据第三判断接结果,在在请求图片的格式属于第二图片格式的情况下,对请求图片进行有损压缩处理并返回经有损压缩处理的请求图片;
[0035]其中,第二图片格式支持有损压缩处理。
[0036]本申请的第三方面提供了一种电子设备,包括:存储器,存储器用于存储处理程序;处理器,处理器执行处理程序时实现前述第一方面所提供的图片显示优化方法。
[0037]本申请的第四方面提供了一种可读存储介质,该种可读存储介质上存储有处理程序,处理程序被处理器执行时实现前述第一方面所提供的图片显示优化方法。
[0038]与现有技术相比,本专利技术具有如下的有益效果:
[0039]通过本申请提供的图片显示优化方法,能够在网络层面根据前端显示页面的图片请求,自动化地进行识别并完成对前端待显示图片的格式调整从而减小图片资源的大小,进而实现图片请求实现的缩短,优化前端页面的显示效果,给予用户更好的使用体验。同时,针对可能存在的格式调整后的图片与显示客户端不兼容的情况,本申请提供的技术方案还能够对图片进行降级兼容处理,在满足显示兼容性的情况下尽可能地减小图片资源的大小。
附图说明
[0040]通过阅读参照以下附图对非限制性实施例所作的详细描述,本专利技术的其它特征、目的和优点将会变得更明显:
[0041]图1根据本申请实施例,示出了一种图片显示优化方法的流程示意图。
[0042]图2根据本申请实施例,示出了在显示兼容性支持第一图片格式的情况下,一种对请求图片进行自动处理的流程示意图;
[0043]图3a根据本申请实施例,示出了在显示兼容性不支持第一图片格式的情况下,一种对请求图片进行自动处理的流程示意图;
[0044]图3b根据本申请实施例,示出了在显示兼容性不支持第一图片格式的情况下,另一种对请求图片进行自动处理的流程示意图;
[0045]图4根据本申请实施例,示出了一种图片显示优化系统的结构示意图。
具体实施方式
[0046]下面结合具体实施例对本专利技术进行详细说明。以下实施例将有助于本领域的技术人员进一步理解本专利技术,但不以任何形式限制本专利技术。应当指出的是,对本领域的普通技术人员来说,在不脱离本专利技术构思的前提下,还可以做出若干变化和改进。这些都属于本本文档来自技高网
...

【技术保护点】

【技术特征摘要】
1.一种图片显示优化方法,其特征在于,该种图片显示优化方法包括:对接收到的用户请求进行拦截;判断所述用户请求是否属于图片请求,并在所述客户情况属于所述图片请求的情况下,对图片的显示兼容性的进行判断;在所述显示兼容性支持第一图片格式的情况下,根据所述图片请求获取所述第一图片格式的请求图片并显示;在所述显示兼容性不支持所述第一图片格式的情况下,根据所述图片请求获取所述请求图片并显示;其中,所述图片请求包括所述请求图片的图片格式。2.如权利要求1所述的图片显示优化方法,其特征在于,在所述显示兼容性支持第一图片格式的情况下,所述图片显示优化方法还包括:于所述图片请求中将所述请求图片的图片格式设定为所述第一图片格式;根据所述图片请求,将所述请求图片转换成所述第一图片格式,并返回所述第一图片格式的所述请求图片。3.如权利要求1所述的图片显示优化方法,其特征在于,所述第一图片格式的请求图片的数据存储容量,小于原图格式的请求图片的数据存储容量。4.如权利要求1所述的图片显示优化方法,其特征在于,在所述显示兼容性不支持所述第一图片格式的情况下,所述图片显示优化方法还包括:判断所述请求图片的格式是否属于第二图片格式;在所述请求图片的格式属于所述第二图片格式的情况下,对所述请求图片进行有损压缩处理并返回经所述有损压缩处理的所述请求图片;其中,所述第二图片格式支持所述有损压缩处理。5.如权利要求4所述的图片显示方法,其特征在于,在所述显示兼容性不支持所述第一图片格式的情况下,所述图片显示优化方法还包括:判断所述请求图片的格式是否属于所述第一图片格式;在所述请求图片的格式属于所述第一图片格式的情况下,将所述请求图片的图片格式修改为所述第二图片格式,并返回所述第二图片格式的所述请求图片。6.如权利要求4或5中任意一项所述的所述图片显示优化方法,其特征在于,所述第二图片格式的请求...

【专利技术属性】
技术研发人员:杜娟
申请(专利权)人:上海一谈网络科技有限公司
类型:发明
国别省市:

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

1