一种响应式图片处理方法、移动终端、服务器及系统技术方案

本发明专利技术提供了一种响应式图片处理方法、移动终端、服务器及系统，该方法包括：收集移动终端的屏幕分辨率、网络状况信息及移动终端上的应用程序所使用的图片格式信息；判断应用程序发起的资源请求是否为图片资源请求；如应用程序发起的资源请求为图片资源请求，则根据移动终端的屏幕分辨率匹配相应的屏幕分辨率类型；根据网络状况信息判断移动终端当前的网络状况类型；根据应用程序所使用的图片格式信息、屏幕分辨率类型及网络状况类型，将图片资源请求转换为图片名.屏幕分辨率类型网络状况类型.图片格式的形式并发送给服务器；接收服务器根据图片名.屏幕分辨率类型网络状况类型.图片格式形式的资源请求生成的图片并显示。

【技术实现步骤摘要】
一种响应式图片处理方法、移动终端、服务器及系统
本专利技术涉及移动互联网
，尤其涉及一种响应式图片处理方法、移动终端及服务器。
技术介绍
近年来，随着移动互联网的快速发展，移动终端设备也在快速的发展和更新。市面上出现了各种配置(屏幕尺寸、分辨率等)的移动终端设备，且用户所处的网络环境多样，有2G、3G、4G网络和WIFI网络等。当前大多数的流量传输都包含图片，在这种移动终端种类各异、网络状况多样的条件下，保障移动端用户有一个更好的网络体验是十分重要的。现状是没有对低分辨率的移动终端设备做适配，使得下载的图片资源太大从而导致用户流量的浪费。例如，在2G弱网络环境下，由于缺少相应的降级模式，使得用户等待图片加载的时间比较长；传统的png格式的图片在下载完成之后才显示，基线式jpeg格式的图片按照存储时的顺序从上到下一行一行的被显示出来，使用户等待时间长，降低了用户体验。
技术实现思路
为了解决现有图片处理系统的不足，本专利技术提供一种不仅保障移动端用户浏览图片资源的用户体验，又能节省用户流量的响应式图片处理方法、移动终端、服务器及系统。一方面，本专利技术实施例提供了一种响应式图片处理方法，所述方法包括：收集移动终端的屏幕分辨率、网络状况信息及移动终端上的应用程序所使用的图片格式信息；判断所述应用程序发起的资源请求是否为图片资源请求；如所述应用程序发起的资源请求为图片资源请求，则根据所述移动终端的屏幕分辨率匹配相应的屏幕分辨率类型；根据所述网络状况信息判断所述移动终端当前的网络状况类型；根据应用程序所使用的图片格式信息、屏幕分辨率类型及网络状况类型，将所述图片资源请求转换为图片名.屏幕分辨率类型网络状况类型.图片格式的形式并发送给服务器；接收服务器根据所述图片名.屏幕分辨率类型网络状况类型.图片格式形式的资源请求生成的图片并显示。在一实施例中，在所述判断所述应用程序发起的资源请求是否为图片资源请求之前，所述方法还包括：基于应用程序的类型判断所述应用程序是否使用WebView组件发起资源请求；如所述应用程序使用WebView组件发起资源请求，则对使用WebView组件发起的资源请求进行拦截，分别判断所拦截的每一个资源请求是否为图片资源请求。在一实施例中，所述根据所述移动终端的屏幕分辨率计算相匹配的屏幕分辨率类型，包括：判断当前移动终端是否为Android设备；如当前移动终端为Android设备，判断当前移动终端的屏幕分辨率是否大于第一分辨率；如果当前移动终端的屏幕分辨率大于第一分辨率，则判定所述移动终端的屏幕分辨率类型为大屏；如果当前移动终端的屏幕分辨率不大于第一分辨率，进一步判断所述屏幕分辨率是否大于第二分辨率；如果当前移动终端的屏幕分辨率大于第二分辨率，则判定所述移动终端的屏幕分辨率类型为中屏，否则为小屏。在一实施例中，所述根据所述移动终端的屏幕分辨率计算相匹配的屏幕分辨率类型，还包括：如当前移动终端不为Android设备，则判断当前移动终端的屏幕分辨率是否大于第三分辨率；如当前移动终端的屏幕分辨率大于第三分辨率，则判定所述移动终端的屏幕分辨率为大屏；如当前移动终端的屏幕分辨率不大于第三分辨率，则进一步判断所述移动终端的屏幕分辨率是否大于第四分辨率；如果当前移动终端的屏幕分辨率大于第四分辨率，则判定所述移动终端的屏幕分辨率类型为中屏，否则为小屏。另一方面，本专利技术实施例还提供了一种响应式图片处理方法，所述方法包括：接收移动终端发来的图片资源请求，所述图片资源请求为图片名.屏幕分辨率类型网络状况类型.图片格式的形式；将所述图片资源请求与本地存储的图片进行匹配，获取与所述图片资源请求匹配的图片；其中，所述图片是根据用户输入的分辨率类型、网络类型和图片格式参数预先设置的，其按照图片名.屏幕分辨率类型网络状况类型.图片格式的形式保存在服务器上；将与所述图片资源请求匹配的图片发送给所述移动终端。另一方面，本专利技术实施例还提供了一种响应式图片处理移动终端，所述移动终端包括：数据采集单元，用于收集移动终端的屏幕分辨率、网络状况信息及移动终端上的应用程序所使用的图片格式信息；请求判断单元，用于判断所述应用程序发起的资源请求是否为图片资源请求；分辨率匹配单元，当所述应用程序发起的资源请求为图片资源请求时，用于根据所述移动终端的屏幕分辨率匹配相应的屏幕分辨率类型；网络判断单元，用于根据所述网络状况信息判断所述移动终端当前的网络状况类型；请求转换单元，用于根据应用程序所使用的图片格式信息、屏幕分辨率类型及网络状况类型，将所述图片资源请求转换为图片名.屏幕分辨率类型网络状况类型.图片格式的形式并发送给服务器；显示单元，用于接收服务器根据所述图片名.屏幕分辨率类型网络状况类型.图片格式形式的资源请求生成的图片并显示。在一实施例中，所述移动终端还包括：预判断单元，用于基于应用程序的类型判断所述应用程序是否使用WebView组件发起资源请求；拦截判断单元，当所述应用程序使用WebView组件发起资源请求时，用于对使用WebView组件发起的资源请求进行拦截，由所述资源请求判断单元分别判断所拦截的每一个资源请求是否为图片资源请求。在一实施例中，所述分辨率匹配单元包括：系统判断模块，用于判断当前移动终端是否为Android设备；第一屏幕分辨率判断模块，用于当前移动终端为Android设备时，判断当前移动终端的屏幕分辨率是否大于第一分辨率；如果当前移动终端的屏幕分辨率大于第一分辨率，则判定所述移动终端的屏幕分辨率类型为大屏；如果当前移动终端的屏幕分辨率不大于第一分辨率，进一步判断所述屏幕分辨率是否大于第二分辨率；如果当前移动终端的屏幕分辨率大于第二分辨率，则判定所述移动终端的屏幕分辨率类型为中屏，否则为小屏。在一实施例中，当前移动终端不为Android设备时，所述屏幕分辨率判断模块还用于判断当前移动终端的屏幕分辨率是否大于第三分辨率；如当前移动终端的屏幕分辨率大于第三分辨率，则判定所述移动终端的屏幕分辨率为大屏；如当前移动终端的屏幕分辨率不大于第三分辨率，则进一步判断所述移动终端的屏幕分辨率是否大于第四分辨率；如果当前移动终端的屏幕分辨率大于第四分辨率，则判定所述移动终端的屏幕分辨率类型为中屏，否则为小屏。本专利技术实施例还提供了一种响应式图片处理服务器，所述服务器包括：请求接收单元，用于接收移动终端发来的图片资源请求，所述图片资源请求为图片名.屏幕分辨率类型网络状况类型.图片格式的形式；图片匹配单元，用于根据所述图片资源请求与本地存储的图片进行匹配；其中，所述图片是根据用户输入的分辨率类型、网络类型和图片格式参数预先设置的，其按照图片名.屏幕分辨率类型网络状况类型.图片格式的形式保存在服务器上；图片发送单元，用于将与所述图片资源请求匹配的图片发送给所述移动终端。另一方面，本专利技术实施例还提供了一种响应式图片处理系统，所述系统包括：至少一个所述的响应式图片处理移动终端、一所述的响应式图片处理服务器；所述响应式图片处理移动终端用于向所述响应式图片处理服务器发起形式为图片名.屏幕分辨率类型网络状况类型.图片格式的图片资源请求；所述响应式图片处理服务器用于接收移所述图片资源请求，并将所述图片资源请求与本地存储的图片进行匹配，最后将与所述图片资源请求匹配本文档来自技高网...

【技术保护点】
1.一种响应式图片处理方法，其特征在于，所述方法包括：收集移动终端的屏幕分辨率、网络状况信息及移动终端上的应用程序所使用的图片格式信息；判断所述应用程序发起的资源请求是否为图片资源请求；如所述应用程序发起的资源请求为图片资源请求，则根据所述移动终端的屏幕分辨率匹配相应的屏幕分辨率类型；根据所述网络状况信息判断所述移动终端当前的网络状况类型；根据应用程序所使用的图片格式信息、屏幕分辨率类型及网络状况类型，将所述图片资源请求转换为图片名.屏幕分辨率类型网络状况类型.图片格式的形式并发送给服务器；接收服务器根据所述图片名.屏幕分辨率类型网络状况类型.图片格式形式的资源请求生成的图片并显示。

【技术特征摘要】
1.一种响应式图片处理方法，其特征在于，所述方法包括：收集移动终端的屏幕分辨率、网络状况信息及移动终端上的应用程序所使用的图片格式信息；判断所述应用程序发起的资源请求是否为图片资源请求；如所述应用程序发起的资源请求为图片资源请求，则根据所述移动终端的屏幕分辨率匹配相应的屏幕分辨率类型；根据所述网络状况信息判断所述移动终端当前的网络状况类型；根据应用程序所使用的图片格式信息、屏幕分辨率类型及网络状况类型，将所述图片资源请求转换为图片名.屏幕分辨率类型网络状况类型.图片格式的形式并发送给服务器；接收服务器根据所述图片名.屏幕分辨率类型网络状况类型.图片格式形式的资源请求生成的图片并显示。2.根据权利要求1所述的响应式图片处理方法，其特征在于，在所述判断所述应用程序发起的资源请求是否为图片资源请求之前，所述方法还包括：基于应用程序的类型判断所述应用程序是否使用WebView组件发起资源请求；如所述应用程序使用WebView组件发起资源请求，则对使用WebView组件发起的资源请求进行拦截，分别判断所拦截的每一个资源请求是否为图片资源请求。3.根据权利要求1所述的响应式图片处理方法，其特征在于，所述根据所述移动终端的屏幕分辨率匹配相应的屏幕分辨率类型，包括：判断当前移动终端是否为Android设备；如当前移动终端为Android设备，判断当前移动终端的屏幕分辨率是否大于第一分辨率；如果当前移动终端的屏幕分辨率大于第一分辨率，则判定所述移动终端的屏幕分辨率类型为大屏；如果当前移动终端的屏幕分辨率不大于第一分辨率，进一步判断所述屏幕分辨率是否大于第二分辨率；如果当前移动终端的屏幕分辨率大于第二分辨率，则判定所述移动终端的屏幕分辨率类型为中屏，否则为小屏。4.根据权利要求3所述的响应式图片处理方法，其特征在于，所述根据所述移动终端的屏幕分辨率计算相匹配的屏幕分辨率类型，还包括：如当前移动终端不为Android设备，则判断当前移动终端的屏幕分辨率是否大于第三分辨率；如当前移动终端的屏幕分辨率大于第三分辨率，则判定所述移动终端的屏幕分辨率为大屏；如当前移动终端的屏幕分辨率不大于第三分辨率，则进一步判断所述移动终端的屏幕分辨率是否大于第四分辨率；如果当前移动终端的屏幕分辨率大于第四分辨率，则判定所述移动终端的屏幕分辨率类型为中屏，否则为小屏。5.一种响应式图片处理方法，其特征在于，所述方法包括：接收移动终端发来的图片资源请求，所述图片资源请求为图片名.屏幕分辨率类型网络状况类型.图片格式的形式；将所述图片资源请求与本地存储的图片进行匹配，获取与所述图片资源请求匹配的图片；其中，所述图片是根据用户输入的分辨率类型、网络类型和图片格式参数预先设置的，其按照图片名.屏幕分辨率类型网络状况类型.图片格式的形式保存在服务器上；将与所述图片资源请求匹配的图片发送给所述移动终端。6.一种响应式图片处理移动终端，其特征在于，所述移动终端包括：数据采集单元，用于收集移动终端的屏幕分辨率、网络状况信息及移动终端上的应用程序所使用的图片格式信息；请求判断单元，用于判断所述应用程序发起的资源请求是否为图片资源请求；分辨率匹配单元，当所述应用程序发起的资源请求为图片资源请求时，用于根据所述移动终端...

【专利技术属性】
技术研发人员：李兵，罗涛，王伟，孙海泉，
申请(专利权)人：中国工商银行股份有限公司，
类型：发明
国别省市：北京,11