CN107894906B - 页面的图片加载方法、装置以及终端设备和服务器 - Google Patents

Abstract

本发明提供了一种页面的图片加载方法、装置以及终端设备和服务器。其中，该方法包括如下步骤：获取终端设备的图片加载请求，所述图片加载请求包含图片设置信息；响应于所述图片加载请求，依据预设的映射关系，确定映射于所述图片设置信息的待加载图片的属性；向所述终端设备反馈具备所述属性的待加载图片以在所述终端设备的页面上加载该待加载图片。基于本发明，服务器所反馈的待加载图片可依据图片设置信息灵活配置，从而可以提升页面性能和用户体验。

Description

页面的图片加载方法、装置以及终端设备和服务器

技术领域

本申请涉及通信领域，尤其是一种页面的图片加载方法、装置以及终端设备和服务器。

背景技术

随着通信技术的发展，各类社交软件、新闻资讯软件、浏览器软件等也层出不穷，用户通过浏览这些软件的页面以获得好友的动态、当下的时政新闻等信息。这些页面不仅提供了文字信息，也展示了图片、视频等可视性更强的内容，以便于用户浏览。

但是，现有页面中，图片占据页面的比例非常大，而且页面对图片的处理方式往往是固定的。以浏览器为例，其仅仅通过accept字段告诉服务器端浏览器所支持的图片格式，而并没有提供其他更加详细的信息。服务器只能依据固定的方式反馈图片，无法更加智能的依据具体应用情形选择图片加载策略，这无疑降低了页面性能和用户体验。

发明内容

本申请提供一种页面的图片加载方法、装置以及终端设备和服务器，解决现有页面图片加载方式固定导致的页面性能低和用户体验差的问题。

根据本申请的第一方面，本申请提供一种页面的图片加载方法，包括如下步骤：获取终端设备的图片加载请求，所述图片加载请求包含图片设置信息；响应于所述图片加载请求，依据预设的映射关系，确定映射于所述图片设置信息的待加载图片的属性；向所述终端设备反馈具备所述属性的待加载图片以在所述终端设备的页面上加载该待加载图片。

优选的，所述向所述终端设备反馈具备所述属性的待加载图片以在所述终端设备的页面上加载该待加载图片的步骤的执行，具有如下先决条件：判定预设数据库中是否存在具备所述属性的待加载图片，若存在具备所述属性的待加载图片，则执行之。

优选的，若所述数据库中不存在具备所述属性的待加载图片，赋予当前待加载图片所述属性，向所述终端设备反馈已具备所述属性的待加载图片以在所述终端设备的页面上加载该待加载图片。

优选的，所述图片设置信息包括所述终端设备的网络类型信息、表征图片显示模式的显示模式信息和表征用户是否实施操作指令的操作信息中的任意一项或多项组合。

优选的，所述获取终端设备的图片加载请求的步骤之前，还包括如下步骤：获取终端设备的页面加载请求，所述页面加载请求包括所述终端设备的网络类型信息和/或表征图片显示模式的显示模式信息；响应于所述页面加载请求，在所述网络类型信息和/或显示模式信息满足预设条件时，向所述终端设备反馈不包含图片的页面数据，以实施在所述终端设备显示不包含图片的页面；所述图片设置信息包括所述终端设备的网络类型信息、表征图片显示模式的显示模式信息和表征用户是否实施操作指令的操作信息。

优选的，所述属性包括格式、尺寸、分辨率、饱和度、亮度、对比度、色阶和色调中的任意一种或多种组合。

根据本申请的第二方面，本申请提供一种页面的图片加载装置，包括：第一获取模块，用于获取终端设备的图片加载请求，所述图片加载请求包含图片设置信息；第一响应模块，用于响应于所述图片加载请求，依据预设的映射关系，确定映射于所述图片设置信息的待加载图片的属性；第一发送模块，用于向所述终端设备反馈具备所述属性的待加载图片以在所述终端设备的页面上加载该待加载图片。

优选的，还包括判定模块，用于判定预设数据库中是否存在具备所述属性的待加载图片；所述第一发送模块用于在判定到预设数据库中存在具备所述属性的待加载图片时，向所述终端设备反馈具备所述属性的待加载图片以在所述终端设备的页面上加载该待加载图片。

优选的，还包括属性赋予模块，用于在判定到若所述数据库中不存在具备所述属性的待加载图片时，赋予当前待加载图片所述属性，向所述终端设备反馈已具备所述属性的待加载图片以在所述终端设备的页面上加载该待加载图片。

优选的，所述图片设置信息包括所述终端设备的网络类型信息、表征图片显示模式的显示模式信息和表征用户是否实施操作指令的操作信息中的任意一项或多项组合。

优选的，还包括：第二获取模块，用于获取终端设备的页面加载请求，所述页面加载请求包括所述终端设备的网络类型信息和/或表征图片显示模式的显示模式信息；第二响应模块，用于响应于所述页面加载请求，在所述网络类型信息和/或显示模式信息满足预设条件时，向所述终端设备反馈不包含图片的页面数据，以实施在所述终端设备显示不包含图片的页面；所述图片设置信息包括所述终端设备的网络类型信息、表征图片显示模式的显示模式信息和表征用户是否实施操作指令的操作信息。

优选的，所述属性包括格式、尺寸、分辨率、饱和度、亮度、对比度、色阶和色调中的任意一种或多种组合。

根据本申请的第三方面，本申请提供一种服务器，包括上述的页面的图片加载装置。

根据本申请的第四方面，本申请提供一种页面的图片加载方法，包括如下步骤：获取当前图片设置信息，依据预设的映射关系，确定映射于所述图片设置信息的待加载图片的属性；向预设服务器发送图片加载请求，所述图片加载请求包含所述属性；接收所述服务器反馈的具备所述属性的待加载图片，在所述页面上加载该待加载图片。

优选的，所述属性包含于所述图片加载请求的请求头中。

优选的，所述图片设置信息包括本机的网络类型信息、表征图片显示模式的显示模式信息和表征用户是否实施操作指令的操作信息。

优选的，所述获取当前图片设置信息的步骤之前，还包括如下步骤：获取用户施加于预设控制部件的操作指令，依据所述操作指令向所述服务器发送页面加载请求，所述页面加载请求包含满足预设条件的本机的网络类型信息和/或表征图片显示模式的显示模式信息；接收所述服务器反馈的未包含图片的页面数据，显示所述页面且在所述页面的图片位置显示预设图标或预设显示区域；所述获取当前图片设置信息的步骤，具体为：在检测到用户施加于所述图标或所述显示区域的操作指令时，获取当前图片设置信息；所述图片设置信息包括所述终端设备的网络类型信息、表征图片显示模式的显示模式信息和表征用户是否实施操作指令的操作信息。

优选的，所述属性包括格式、尺寸、分辨率、饱和度、亮度、对比度、色阶和色调中的任意一种或多种组合。

根据本申请的第五方面，本申请提供一种页面的图片加载装置，包括：第三获取模块，用于获取当前图片设置信息，依据预设的映射关系，确定映射于所述图片设置信息的待加载图片的属性；第二发送模块，用于向预设服务器发送图片加载请求，所述图片加载请求包含所述属性；第一接收模块，用于接收所述服务器反馈的具备所述属性的待加载图片，在所述页面上加载该待加载图片。

优选的，所述属性包含于所述图片加载请求的请求头中。

优选的，所述图片设置信息包括本机的网络类型信息、表征图片显示模式的显示模式信息和表征用户是否实施操作指令的操作信息。

优选的，还包括：第四获取模块，用于获取用户施加于预设控制部件的操作指令，依据所述操作指令向所述服务器发送页面加载请求，所述页面加载请求包含满足预设条件的本机的网络类型信息和/或表征图片显示模式的显示模式信息；第二接收模块，用于接收所述服务器反馈的未包含图片的页面数据，显示所述页面且在所述页面的图片位置显示预设图标或预设显示区域；所述第三获取模块用于在检测到用户施加于所述图标或所述显示区域的操作指令时，获取当前图片设置信息；所述图片设置信息包括所述终端设备的网络类型信息、表征图片显示模式的显示模式信息和表征用户是否实施操作指令的操作信息。

优选的，所述属性包括格式、尺寸、分辨率、饱和度、亮度、对比度、色阶和色调中的任意一种或多种组合。

根据本申请的第六方面，本申请提供一种终端设备，包括：触摸显示器以及一个或多个处理器，所述一个或多个处理被配置用于执行上述的页面的图片加载方法的步骤。

相对于现有技术，基于本发明的页面的图片加载方法或装置，获取终端设备的图片加载请求，该图片加载请求包含图片设置信息；响应于所述图片加载请求，依据预设的映射关系，可快速确定映射于所述图片设置信息的待加载图片的属性；向所述终端设备反馈具备所述属性的待加载图片，而非传统的固有图片，从而终端设备可在页面上加载具有该属性的该待加载图片。服务器所反馈的待加载图片的属性可以根据页面设置信息而动态调整，从而可以更加灵活地配置待加载图片，提升了用户体验和页面性能。

本发明附加的方面和优点将在下面的描述中部分给出，这些将从下面的描述中变得明显，或通过本发明的实践了解到。

附图说明

本发明上述的和/或附加的方面和优点从下面结合附图对实施例的描述中将变得明显和容易理解，其中：

图1为本发明一种实施例的页面的图片加载方法的流程图；

图2为本发明一种实施例的页面的图片加载方法的流程图；

图3为本发明一种实施例的页面的图片加载方法的流程图；

图4为本发明一种实施例的页面的图片加载装置的结构示意图；

图5为本发明一种实施例的页面的图片加载装置的结构示意图；

图6为本发明一种实施例的页面的图片加载装置的结构示意图；

图7为本发明一种实施例的页面的图片加载方法的流程图；

图8为本发明一种实施例的页面的图片加载装置的结构示意图；

图9为本发明一种实施例的页面的图片加载装置的结构示意图。

具体实施方式

下面详细描述本发明的实施例，所述实施例的示例在附图中示出，其中自始至终相同或类似的标号表示相同或类似的元件或具有相同或类似功能的元件。下面通过参考附图描述的实施例是示例性的，仅用于解释本发明，而不能解释为对本发明的限制。

本技术领域技术人员可以理解，除非特意声明，这里使用的单数形式“一”、“一个”、“所述”和“该”也可包括复数形式。应该进一步理解的是，本发明的说明书中使用的措辞“包括”是指存在所述特征、整数、步骤、操作、元件和/或组件，但是并不排除存在或添加一个或多个其他特征、整数、步骤、操作、元件、组件和/或它们的组。应该理解，当我们称元件被“连接”或“耦接”到另一元件时，它可以直接连接或耦接到其他元件，或者也可以存在中间元件。此外，这里使用的“连接”或“耦接”可以包括无线连接或无线耦接。这里使用的措辞“和/或”包括一个或更多个相关联的列出项的全部或任一单元和全部组合。

本技术领域技术人员可以理解，除非另外定义，这里使用的所有术语(包括技术术语和科学术语)，具有与本发明所属领域中的普通技术人员的一般理解相同的意义。还应该理解的是，诸如通用字典中定义的那些术语，应该被理解为具有与现有技术的上下文中的意义一致的意义，并且除非像这里一样被特定定义，否则不会用理想化或过于正式的含义来解释。

本技术领域技术人员可以理解，这里所使用的“终端”、“终端设备”既包括无线信号接收器的设备，其仅具备无发射能力的无线信号接收器的设备，又包括接收和发射硬件的设备，其具有能够在双向通信链路上，进行双向通信的接收和发射硬件的设备。这种设备可以包括：蜂窝或其他通信设备，其具有单线路显示器或多线路显示器或没有多线路显示器的蜂窝或其他通信设备；PCS(Personal Communications Service，个人通信系统)，其可以组合语音、数据处理、传真和/或数据通信能力；PDA(Personal Digital Assistant，个人数字助理)，其可以包括射频接收器、寻呼机、互联网/内联网访问、网络浏览器、记事本、日历和/或GPS(Global Positioning System，全球定位系统)接收器；常规膝上型和/或掌上型计算机或其他设备，其具有和/或包括射频接收器的常规膝上型和/或掌上型计算机或其他设备。这里所使用的“终端”、“终端设备”可以是便携式、可运输、安装在交通工具(航空、海运和/或陆地)中的，或者适合于和/或配置为在本地运行，和/或以分布形式，运行在地球和/或空间的任何其他位置运行。这里所使用的“终端”、“终端设备”还可以是通信终端、上网终端、音乐/视频播放终端，例如可以是PDA、MID(Mobile Internet Device，移动互联网设备)和/或具有音乐/视频播放功能的移动电话，也可以是智能电视、机顶盒等设备。

在对本发明的实施例做出具体阐述之前，有必要先对本发明的应用场景及其原理进行如下的先导性说明。

互联网中，一般包括用户端(用户终端设备)、网络和服务器(如网站的Web服务器等)。其中用户端可以是用户的互联网终端设备，如台式机(PC)、膝上型计算机(Laptop),带有网页浏览功能的智能型设备，如个人数字助理(Personal DigitalAssisstant,PDA)，以及移动互联网设备(Mobile Internet Device,MID)和智能手机(Phone)等。这些终端设备都可以在互联网环境中，典型的如英特网环境中，请求由另一进程(如服务器提供的进程)提供某项服务。

服务器通常是可通过互联网等通信媒介，典型的如英特网访问的远程计算机系统。而且，服务器通常可以为来自互联网的多个用户端提供服务。提供服务过程包括接收用户端发来的请求，收集用户端情报和反馈信息等。实质上，服务器充当计算机网络的信息提供者这一角色。服务器通常位于提供服务的一方，或由服务提供方配置以服务内容，这样的服务提供方可以如互联网服务公司的网站等。

本发明实施例提供一种页面的图片加载方法，该方法应用于服务器，如图1所示，其包括如下步骤：

S101：获取终端设备的图片加载请求，所述图片加载请求包含图片设置信息。

终端设备预装有社交类应用程序、新闻资讯类应用程序或浏览器等应用程序，上述应用程序的显示界面设置有相应的控制部件，该控制部件指向预定的页面，该页面具体是应用程序页面、浏览器页面等等。该控制部件的具体表现形式可以是链接、按键、图标、图片等。终端设备监测施加于控制部件的操作指令，当该控制部件被选中时，终端设备即向服务器发送表征请求加载该控制部件所指向页面的页面加载请求，服务器依据该请求向终端设备反馈页面文件。

以网页为例，终端设备向服务器发送网页加载请求，服务器向终端设备反馈html文件，终端设备的浏览器从html文件中载入html代码，之后开始渲染页面。当浏览器在html代码中读取到图片标签时，表征该页面的此处存在图片，浏览器即向服务器发出图片加载请求以请求加载图片，该图片加载请求中包含图片设置信息，该图片设置信息包括终端设备的网络类型信息、图片显示模式的显示模式信息以及表征用户是否实施操作指令的操作信息中的任意一种或多种组合。其中，该网络类型包括2G、3G、4G、wifi或其他网络类型。浏览器提供相应的设置选项，以供用户对图片的显示模式进行设置，该显示模式包括不显示图片的无图模式、依据网络环境而确定图片是否显示的智能模式、显示原始图片的标准模式等等。用户的操作指令可通过点击触摸屏、操作物理按键或语音输入等方式发出。当当前页面未显示图片时，通常在图片位置显示有预设图标或者预设图片区域，用户的操作指令可作用于该图标或者图片区域，从而使得该图片得以显示。当然，用户的操作指令也可作用于已显示的图片，从而使得该图片删除或者改变图片的属性。

S102：响应于所述图片加载请求，依据预设的映射关系，确定映射于所述图片设置信息的待加载图片的属性。

服务器预存有图片设置信息与图片属性的映射关系列表，在该映射关系列表中，不同的图片设置信息对应各自的图片属性。图片设置信息包括网络类型信息、显示模式信息和表征用户是否实施操作指令的操作信息中的任意一种或多种。图片属性具体包括格式、尺寸、分辨率、饱和度、亮度、对比度、色阶、色调等中的任意一种或多种组合。

在一种示例中，图片设置信息包括网络类型信息，当网络类型为2G网络时，确定图片为分辨率低的黑白图片，当网络类型为4G网络时，确定图片为分辨率高的全彩图片。在另一种示例中，图片设置信息表征用户是否实施操作指令的操作信息，当用户未实施操作指令时，确定图片为尺寸较小的黑白图片，当用户实施了操作指令后，确定图片为尺寸较大的低彩图片。在另一种示例中，图片设置信息包括网络类型信息和显示模式信息，当网络类型为2G网络、显示模式为智能模式时，确定图片为黑白的格式为hevc(高效视频编码)的图片，当网络类型为2G网络、显示模式为标准模式时，确定图片为低彩的格式为hevc的图片，当网络类型为4G网络、显示模式为智能模式时，确定图片为标准色彩的格式为webp的图片，当网络类型为4G网络、显示模式为标准模式时，确定图片为标准色彩的格式为webp的图片。

需要说明的是，上述几个示例仅仅是本实施例的几种具体列举，不代表对本发明的限制。在上述映射关系列表中，图片设置信息和图片属性的具体内容及二者的具体映射关系可以结合实际情况作出调整，同时，上述示例提及了图片的部分属性，对于未提及部分的图片属性，应保留原图片本身具有的对应的属性，本领域技术人员应该理解。

在接收到终端设备的图片加载请求后，服务器对终端设备的图片加载请求作出响应，依据上述映射关系列表，即可确定映射于该图片设置信息的图片属性。

S103：向所述终端设备反馈具备所述属性的待加载图片以在所述终端设备的页面上加载该待加载图片。

服务器的数据库内存储有当前待加载页面的页面数据，其包括需在该页面显示的图片。图片在页面的显示位置及图片的具体内容是已确定的，但是其图片属性可以变动，数据库可存储多张具有不同属性但内容相同的图片。在待加载图片的属性确定后，即向所述终端设备反馈具备所确定的属性的待加载图片。终端设备接收到该待加载图片后，即在页面的相应位置加载该待加载图片。

在一种实施例中，如图2所示，步骤S103之前，还包括步骤S104：判定预设数据库中是否存在具备所述属性的待加载图片。在判定到存在具备所述属性的待加载图片后，执行步骤S103。在判定数据库中是否存在具备所述属性的待加载图片时，是对具有相同显示位置及内容的多张不同属性的图片进行判定，具体是比对数据库中相应的每一张图片的每一项属性是否与所确定的属性相匹配，当其所有属性均与所确定的属性相匹配时，确定数据库中存在具备所述属性的待加载图片，并将该图片反馈终端设备。

鉴于数据库中不一定存在具备所述属性的待加载图片，本实施例还包括步骤S105：若所述数据库中不存在具备所述属性的待加载图片，赋予当前待加载图片所述属性，向所述终端设备反馈已具备所述属性的待加载图片以在所述终端设备的页面上加载该待加载图片。对于不同属性，赋予当前待加载图片所述属性的具体实现方式也不同。当属性为格式时，需要对图片进行格式转换，以使图片为相应格式。当属性为尺寸时，需要对图片尺寸进行裁剪或放大。当属性为亮度时，则需对图片进行增亮或降低亮度处理。当然，上述仅仅是几种示例，对于不同的属性而言，可使用相应的图片处理方法以使待加载图片具备相应属性，本领域技术人员应理解。

更进一步的，当数据库中不存在具备所述属性的待加载图片时，从已存的待加载图片中查找其属性与所确定属性匹配度最高的待加载图片，对该匹配度最高的待加载图片进行图片处理，以使其具备所确定的属性。这样可以仅仅对未匹配的属性进行更改，大大减少服务器的计算量，从而提升服务器的响应速度。

在一种实施例中，如图3所示，步骤S101之前还包括如下步骤：

S201：获取终端设备的页面加载请求，所述页面加载请求包括所述终端设备的网络类型信息和/或表征图片显示模式的显示模式信息；

S202：响应于所述页面加载请求，在所述网络类型信息和/或显示模式信息满足预设条件时，向所述终端设备反馈不包含图片的页面数据，以实施在所述终端设备显示不包含所述图片的页面。

在应用程序的显示界面设置有相应的控制部件，当用户对该控制部件施加操作指令时，该控制部件被激活，终端设备即向服务器发送页面加载请求以请求加载该控制部件所指向的页面。当该页面加载请求所包含的网络类型信息和/或显示模式信息表征不在页面显示图片时，确定所述网络类型信息和/或显示模式信息满足预设条件。例如，在网络类型为2G、3G网络时，或者在显示模式为无图模式时，确定其满足预设条件。此时，服务器向终端设备反馈除图片外的其他页面数据，例如文字、图标等数据。终端设备依据服务器反馈的数据，在页面显示除图片外的其他内容。对于页面中原有的图片，仅以预定的图标或者显示区域代替。

若用户需要查看未显示的图片，可对该预定的图标或者显示区域施加操作指令，终端设备即向服务器发送图片加载请求。之后，服务器执行步骤S101-S103，其中，步骤S101-S103中的图片设置信息包括所述终端设备的网络类型信息、表征图片显示模式的显示模式信息和表征用户已实施操作指令的操作信息。在此基础上，可在页面加载具有相应属性的待加载图片。

本发明实施例还提供一种页面的图片加载装置，如图4所示，其包括：第一获取模块401，用于获取终端设备的图片加载请求，所述图片加载请求包含图片设置信息；第一响应模块402，用于响应于所述图片加载请求，依据预设的映射关系，确定映射于所述图片设置信息的待加载图片的属性；第一发送模块403，用于向所述终端设备反馈具备所述属性的待加载图片以在所述终端设备的页面上加载该待加载图片。

在一种实施例中，如图5所示，还包括判定模块404，用于判定预设数据库中是否存在具备所述属性的待加载图片；所述第一发送模块用于在判定到预设数据库中存在具备所述属性的待加载图片时，向所述终端设备反馈具备所述属性的待加载图片以在所述终端设备的页面上加载该待加载图片。

进一步的，还包括属性赋予模块405，用于在判定到若所述数据库中不存在具备所述属性的待加载图片时，赋予当前待加载图片所述属性，向所述终端设备反馈已具备所述属性的待加载图片以在所述终端设备的页面上加载该待加载图片。

在一种实施例中，所述图片设置信息包括所述终端设备的网络类型信息、表征图片显示模式的显示模式信息和表征用户是否实施操作指令的操作信息中的任意一项或多项组合。

在一种实施例中，如图6所示，还包括：第二获取模块406，用于获取终端设备的页面加载请求，所述页面加载请求包括所述终端设备的网络类型信息和/或表征图片显示模式的显示模式信息；第二响应模块407，用于响应于所述页面加载请求，在所述网络类型信息和/或显示模式信息满足预设条件时，向所述终端设备反馈不包含图片的页面数据，以实施在所述终端设备显示不包含图片的页面；所述图片设置信息包括所述终端设备的网络类型信息、表征图片显示模式的显示模式信息和表征用户是否实施操作指令的操作信息。

在一种实施例中，所述属性包括格式、尺寸、分辨率、饱和度、亮度、对比度、色阶和色调中的任意一种或多种组合。

上述页面的图片加载装置的实施例的具体说明可参见上述页面的图片加载方法部分的实施例，在此不做赘述。

本发明还提供一种页面的图片加载方法，该方法应用于终端设备，如图7所示，其包括如下步骤：

S701：获取当前图片设置信息，依据预设的映射关系，确定映射于所述图片设置信息的待加载图片的属性；

S702：向预设服务器发送图片加载请求，所述图片加载请求包含所述属性；

S703：接收所述服务器反馈的具备所述属性的待加载图片，在所述页面上加载该待加载图片。

终端设备预装有社交类应用程序、新闻资讯类应用程序或浏览器等应用程序，上述应用程序的显示界面设置有相应的控制部件，该控制部件指向预定的页面，该页面具体是应用程序页面、浏览器页面等等。该控制部件具体可表现为链接、按键、图标、图片等。终端设备监测施加于控制部件的操作指令，该操作指令具体可以是用户的点击操作、双击操作或长按操作等。当检测到相应的操作指令时，终端设备即获取本机当前的图片设置信息，并依据图片设置信息与图片属性的预设映射关系，确定映射于所述图片设置信息的待加载图片的属性。

该图片设置信息包括终端设备的网络类型信息、图片显示模式的显示模式信息以及表征用户是否实施操作指令的操作信息中的任意一种或多种组合。其中，该网络类型包括2G、3G、4G、wifi或其他网络类型。浏览器提供相应的设置选项，以供用户对图片的显示模式进行设置，该显示模式包括不显示图片的无图模式、依据网络环境而确定图片是否显示的智能模式、显示原始图片的标准模式等等。用户的操作指令可通过点击触摸屏、操作物理按键或语音输入等方式发出。当当前页面未显示图片时，通常在图片位置显示有预设图标或者预设图片区域，用户的操作指令可作用于该图标或者图片区域，从而使得该图片得以显示。当然，用户的操作指令也可作用于已显示的图片，从而使得该图片删除或者改变图片的属性。

终端设备预存有图片设置信息与图片属性的映射关系列表，在该映射关系列表中，不同的图片设置信息对应各自的图片属性。图片设置信息包括网络类型信息、显示模式信息和表征用户是否实施操作指令的操作信息中的任意一种或多种。图片属性具体包括格式、尺寸、分辨率、饱和度、亮度、对比度、色阶、色调等中的任意一种或多种组合。

在一种示例中，图片设置信息包括网络类型信息，当网络类型为2G网络时，确定图片为分辨率低的黑白图片，当网络类型为4G网络时，确定图片为分辨率高的全彩图片。在另一种示例中，图片设置信息表征用户是否实施操作指令的操作信息，当用户未实施操作指令时，确定图片为尺寸较小的黑白图片，当用户实施了操作指令后，确定图片为尺寸较大的低彩图片。在另一种示例中，图片设置信息包括网络类型信息和显示模式信息，当网络类型为2G网络、显示模式为智能模式时，确定图片为黑白的格式为hevc(高效视频编码)的图片，当网络类型为2G网络、显示模式为标准模式时，确定图片为低彩的格式为hevc的图片，当网络类型为4G网络、显示模式为智能模式时，确定图片为标准色彩的格式为webp的图片，当网络类型为4G网络、显示模式为标准模式时，确定图片为标准色彩的格式为webp的图片。

需要说明的是，上述几个示例仅仅是本实施例的几种具体列举，不代表对本发明的限制。在上述映射关系列表中，图片设置信息和图片属性的具体内容及二者的具体映射关系可以结合实际情况作出调整，同时，上述示例提及了图片的部分属性，对于未提及部分的图片属性，应保留原图片本身具有的对应属性，本领域技术人员应该理解。

在确定了待加载图片的属性后，向预设服务器发送图片加载请求，所述图片加载请求包含所述属性，具体是包含在所述图片加载请求的请求头中。以网页为例，终端设备向服务器发送网页加载请求，服务器向终端设备反馈html文件，终端设备的浏览器从html文件中载入html代码，之后开始渲染页面。当浏览器在html代码中读取到图片标签时，表征该页面的此处存在图片，浏览器即向服务器发出图片加载请求以请求加载图片。

在一种示例中，所确定的图片属性即可包含在该图片加载请求的accept字段中。该accept字段为accept:image/webp,image/jpg；q＝0.9,*/*；q＝0.8。其中的q值是图片类型的权重值，表征请求加载的图片的类型。在另一种示例中，可在图片加载请求中增加请求头信息，携带相应的属性。例如新增image-mode标签，当image-mode的值为1时确定图片为低彩图片，当其值为2时确定图片为标准图片，当其值为3时确定图片为全彩图片。当然，上述仅仅是几种示例，也可以通过其他方式将图片属性包含在图片加载请求中。

图片在页面的显示位置及图片的具体内容是已确定的，但是其图片属性可以变动，因而服务器的数据库中可存储多张具有不同属性但内容相同的图片。服务器在接收到终端设备发送的待加载图片的属性后，在数据库中查找具备该属性的待加载图片，对具有相同显示位置及内容的多张不同属性的图片进行判定，具体是比对数据库中相应的每一张图片的每一项属性是否与所确定的属性相匹配，当其所有属性均与所确定的属性相匹配时，确定数据库中存在具备所述属性的待加载图片，并将该图片反馈终端设备。

若所述数据库中不存在具备所述属性的待加载图片，赋予当前待加载图片所述属性，向所述终端设备反馈已具备所述属性的待加载图片。对于不同属性，赋予当前待加载图片所述属性的具体实现方式也不同。当属性为格式时，需要对图片进行格式转换，以使图片为相应格式。当属性为尺寸时，需要对图片尺寸进行裁剪或放大。当属性为亮度时，则需对图片进行增亮或降低亮度处理。当然，上述仅仅是几种示例，对于不同的属性而言，可使用相应的图片处理方法以使待加载图片具备相应属性，本领域技术人员应理解。

在接收到服务器反馈的具备所述属性的待加载图片后，终端设备在所述页面上加载该待加载图片。

在一种实施例中，步骤S701获取当前图片设置信息之前，还包括如下步骤：

获取用户施加于预设控制部件的操作指令，依据所述操作指令向所述服务器发送页面加载请求，所述页面加载请求包含满足预设条件的本机的网络类型信息和/或表征图片显示模式的显示模式信息；

接收所述服务器反馈的未包含图片的页面数据，显示所述页面且在所述页面的图片位置显示预设图标或预设显示区域。

在终端设备的应用程序显示界面设置有相应的控制部件，该控制部件指向预定的页面，该页面具体是应用程序页面、浏览器页面等等。终端设备监测施加于控制部件的操作指令，该操作指令具体可以是用户的点击操作、双击操作或长按操作等。当检测到相应的操作指令时，依据所述操作指令向所述服务器发送页面加载请求，所述页面加载请求包含满足预设条件的本机的网络类型信息和/或表征图片显示模式的显示模式信息。当网络类型信息和/或显示模式信息表征不在页面显示图片时，确定所述网络类型信息和/或显示模式信息满足预设条件。例如，在网络类型为2G、3G网络时，或者在显示模式为无图模式时，确定其满足预设条件。

服务器接收到该网络类型信息和/或显示模式信息后，依据该网络类型信息和/或显示模式信息，确定终端设备所请求的是未包含图片的页面，从而向终端设备反馈未包含图片的页面数据。终端设备接收了该页面数据后，在应用程序或浏览器上显示该页面，但不显示相应的图片。对于页面中原有的图片，仅以预定的图标或者显示区域代替。

若用户需要查看未显示的图片，可对该预定的图标或者显示区域施加操作指令，例如点击或长按该图片或显示区域。在监测到用户作用于该图标或者显示区域的操作指令后，终端设备执行步骤S701-S703，其中，步骤S701-S703中的图片设置信息包括所述终端设备的网络类型信息、表征图片显示模式的显示模式信息和表征用户已实施操作指令的操作信息。因此，本实施例是在已加载页面而未显示图片时，基于用户的操作指令而加载具有相应属性的图片。

本发明还提供一种页面的图片加载装置，如图8所示，其包括：第三获取模块801，用于获取当前图片设置信息，依据预设的映射关系，确定映射于所述图片设置信息的待加载图片的属性；第二发送模块802，用于向预设服务器发送图片加载请求，所述图片加载请求包含所述属性；第一接收模块803，用于接收所述服务器反馈的具备所述属性的待加载图片，在所述页面上加载该待加载图片。

在一种实施例中，所述属性包含于所述图片加载请求的请求头中。

在一种实施例中，所述图片设置信息包括本机的网络类型信息、表征图片显示模式的显示模式信息和表征用户是否实施操作指令的操作信息。

在一种实施例中，如图9所示，该页面的图片加载装置还包括：

第四获取模块804，用于获取用户施加于预设控制部件的操作指令，依据所述操作指令向所述服务器发送页面加载请求，所述页面加载请求包含满足预设条件的本机的网络类型信息和/或表征图片显示模式的显示模式信息；

第二接收模块805，用于接收所述服务器反馈的未包含图片的页面数据，显示所述页面且在所述页面的图片位置显示预设图标或预设显示区域；

所述第三获取模块801用于在检测到用户施加于所述图标或所述显示区域的操作指令时，获取当前图片设置信息；

所述图片设置信息包括所述终端设备的网络类型信息、表征图片显示模式的显示模式信息和表征用户是否实施操作指令的操作信息。

在一种实施例中，所述属性包括格式、尺寸、分辨率、饱和度、亮度、对比度、色阶和色调中的任意一种或多种组合。

上述页面的图片加载装置的实施例的具体说明可参见前述页面的图片加载方法部分的实施例，在此不做赘述。

本发明实施例还提供一种终端设备，触摸显示器以及一个或多个处理器，所述一个或多个处理被配置用于执行上述的页面的图片加载方法的步骤。

本技术领域技术人员可以理解，本发明包括涉及用于执行本申请中所述操作中的一项或多项的设备。这些设备可以为所需的目的而专门设计和制造，或者也可以包括通用计算机中的已知设备。这些设备具有存储在其内的计算机程序，这些计算机程序选择性地激活或重构。这样的计算机程序可以被存储在设备(例如，计算机)可读介质中或者存储在适于存储电子指令并分别耦联到总线的任何类型的介质中，所述计算机可读介质包括但不限于任何类型的盘(包括软盘、硬盘、光盘、CD-ROM、和磁光盘)、ROM(Read-Only Memory，只读存储器)、RAM(Random Access Memory，随即存储器)、EPROM(Erasable ProgrammableRead-Only Memory，可擦写可编程只读存储器)、EEPROM(Electrically ErasableProgrammable Read-Only Memory，电可擦可编程只读存储器)、闪存、磁性卡片或光线卡片。也就是，可读介质包括由设备(例如，计算机)以能够读的形式存储或传输信息的任何介质。

本技术领域技术人员可以理解，可以用计算机程序指令来实现这些结构图和/或框图和/或流图中的每个框以及这些结构图和/或框图和/或流图中的框的组合。本技术领域技术人员可以理解，可以将这些计算机程序指令提供给通用计算机、专业计算机或其他可编程数据处理方法的处理器来实现，从而通过计算机或其他可编程数据处理方法的处理器来执行本发明公开的结构图和/或框图和/或流图的框或多个框中指定的方案。

本技术领域技术人员可以理解，本发明中已经讨论过的各种操作、方法、流程中的步骤、措施、方案可以被交替、更改、组合或删除。进一步地，具有本发明中已经讨论过的各种操作、方法、流程中的其他步骤、措施、方案也可以被交替、更改、重排、分解、组合或删除。进一步地，现有技术中的具有与本发明中公开的各种操作、方法、流程中的步骤、措施、方案也可以被交替、更改、重排、分解、组合或删除。

以上所述仅是本发明的部分实施方式，应当指出，对于本技术领域的普通技术人员来说，在不脱离本发明原理的前提下，还可以做出若干改进和润饰，这些改进和润饰也应视为本发明的保护范围。

Claims (16)

1.一种页面的图片加载方法，其特征在于，包括如下步骤：

获取终端设备的页面加载请求，所述页面加载请求包括所述终端设备的网络类型信息和/或表征图片显示模式的显示模式信息；

响应于所述页面加载请求，在所述网络类型信息和/或显示模式信息满足预设条件时，向所述终端设备反馈不包含图片的页面数据，以实施在所述终端设备显示不包含图片的页面；

获取终端设备的图片加载请求，所述图片加载请求包含图片设置信息，所述图片设置信息包括所述终端设备的网络类型信息、表征图片显示模式的显示模式信息和表征用户是否实施操作指令的操作信息；

响应于所述图片加载请求，依据预设的映射关系，确定映射于所述图片设置信息的待加载图片的属性；

向所述终端设备反馈具备所述属性的待加载图片以在所述终端设备的页面上加载该待加载图片。

2.根据权利要求1所述的方法，其特征在于：

所述向所述终端设备反馈具备所述属性的待加载图片以在所述终端设备的页面上加载该待加载图片的步骤的执行，具有如下先决条件：

判定预设数据库中是否存在具备所述属性的待加载图片，若存在具备所述属性的待加载图片，则执行之。

3.根据权利要求2所述的方法，其特征在于：

若所述数据库中不存在具备所述属性的待加载图片，赋予当前待加载图片所述属性，向所述终端设备反馈已具备所述属性的待加载图片以在所述终端设备的页面上加载该待加载图片。

4.根据权利要求1所述的方法，其特征在于：

所述属性包括格式、尺寸、分辨率、饱和度、亮度、对比度、色阶和色调中的任意一种或多种组合。

5.一种页面的图片加载装置，其特征在于，包括：

第一获取模块，用于获取终端设备的图片加载请求，所述图片加载请求包含图片设置信息，所述图片设置信息包括所述终端设备的网络类型信息、表征图片显示模式的显示模式信息和表征用户是否实施操作指令的操作信息；

第一响应模块，用于响应于所述图片加载请求，依据预设的映射关系，确定映射于所述图片设置信息的待加载图片的属性；

第一发送模块，用于向所述终端设备反馈具备所述属性的待加载图片以在所述终端设备的页面上加载该待加载图片；

其中，所述装置还包括：

第二获取模块，用于获取终端设备的页面加载请求，所述页面加载请求包括所述终端设备的网络类型信息和/或表征图片显示模式的显示模式信息；

第二响应模块，用于响应于所述页面加载请求，在所述网络类型信息和/或显示模式信息满足预设条件时，向所述终端设备反馈不包含图片的页面数据，以实施在所述终端设备显示不包含图片的页面。

6.根据权利要求5所述的装置，其特征在于：

还包括判定模块，用于判定预设数据库中是否存在具备所述属性的待加载图片；所述第一发送模块用于在判定到预设数据库中存在具备所述属性的待加载图片时，向所述终端设备反馈具备所述属性的待加载图片以在所述终端设备的页面上加载该待加载图片。

7.根据权利要求6所述的装置，其特征在于：

还包括属性赋予模块，用于在判定到若所述数据库中不存在具备所述属性的待加载图片时，赋予当前待加载图片所述属性，向所述终端设备反馈已具备所述属性的待加载图片以在所述终端设备的页面上加载该待加载图片。

8.根据权利要求5所述的装置，其特征在于：

所述属性包括格式、尺寸、分辨率、饱和度、亮度、对比度、色阶和色调中的任意一种或多种组合。

9.一种服务器，其特征在于：包括权利要求5-8任意一项所述的页面的图片加载装置。

10.一种页面的图片加载方法，其特征在于，包括如下步骤：

获取用户施加于预设控制部件的操作指令，依据所述操作指令向服务器发送页面加载请求，所述页面加载请求包含满足预设条件的本机的网络类型信息和/或表征图片显示模式的显示模式信息；

接收所述服务器反馈的未包含图片的页面数据，显示所述页面且在所述页面的图片位置显示预设图标或预设显示区域；

在检测到用户施加于所述图标或所述显示区域的操作指令时，获取当前图片设置信息，依据预设的映射关系，确定映射于所述图片设置信息的待加载图片的属性，所述图片设置信息包括终端设备的网络类型信息、表征图片显示模式的显示模式信息和表征用户是否实施操作指令的操作信息；

向预设服务器发送图片加载请求，所述图片加载请求包含所述属性；

接收所述服务器反馈的具备所述属性的待加载图片，在所述页面上加载该待加载图片。

11.根据权利要求10所述的方法，其特征在于：

所述属性包含于所述图片加载请求的请求头中。

12.根据权利要求10所述的方法，其特征在于：

所述属性包括格式、尺寸、分辨率、饱和度、亮度、对比度、色阶和色调中的任意一种或多种组合。

13.一种页面的图片加载装置，其特征在于，包括：

第三获取模块，用于获取当前图片设置信息，依据预设的映射关系，确定映射于所述图片设置信息的待加载图片的属性，所述图片设置信息包括终端设备的网络类型信息、表征图片显示模式的显示模式信息和表征用户是否实施操作指令的操作信息；

第二发送模块，用于向预设服务器发送图片加载请求，所述图片加载请求包含所述属性；

第一接收模块，用于接收所述服务器反馈的具备所述属性的待加载图片，在所述页面上加载该待加载图片；

其中，所述装置还包括：

第四获取模块，用于获取用户施加于预设控制部件的操作指令，依据所述操作指令向所述服务器发送页面加载请求，所述页面加载请求包含满足预设条件的本机的网络类型信息和/或表征图片显示模式的显示模式信息；

第二接收模块，用于接收所述服务器反馈的未包含图片的页面数据，显示所述页面且在所述页面的图片位置显示预设图标或预设显示区域；

所述第三获取模块用于在检测到用户施加于所述图标或所述显示区域的操作指令时，获取当前图片设置信息。

14.根据权利要求13所述的装置，其特征在于：

所述属性包含于所述图片加载请求的请求头中。

15.根据权利要求13所述的装置，其特征在于：

所述属性包括格式、尺寸、分辨率、饱和度、亮度、对比度、色阶和色调中的任意一种或多种组合。

16.一种终端设备，其特征在于，包括：

触摸显示器以及一个或多个处理器，所述一个或多个处理被配置用于执行权利要求10-12任意一项所述的页面的图片加载方法的步骤。

Images