CN104391890A - 图片加载方法及系统 - Google Patents

Abstract

本发明公开了一种图片加载方法，包括如下步骤：接收客户端发送的图片加载请求；根据所述图片加载请求确定待加载图片，并将待加载图片划分为若干个不同优先级的子图片；向客户端发送所述待加载图片的尺寸信息，且按优先级顺序向客户端发送所述子图片以及对应的坐标和尺寸信息。由于子图片的数据量相对于整个待加载图片较小，所以子图片能够很快地在客户端上呈现，而且优先级越高的子图片其呈现越快，因此用户能在第一时间能看到优先级较高的子图片，而优先级较高的子图片也往往是整张待加载图片中用户较为感兴趣的部分，所以在网络环境较差的情况下采用本发明的方法也能保证用户优先看到想看的部分图片，极大提升了用户体验。

Description

图片加载方法及系统

【技术领域】

本发明涉及图形处理技术领域，特别涉及一种图片加载方法及系统。

【背景技术】

随着科技的高速发展，手机等移动终端凭借其日益强大的功能在日常生活中得到了广泛应用，人们经常通过移动终端访问网络，查看时事新闻，浏览最新资讯，或者利用移动终端进行即时通讯。但是在通过手机等移动终端访问网络时经常要考虑到带宽和流量问题，尤其是在加载图片时，由于图片比文本信息的数据量大，若带宽较低，图片加载速度会很慢，用户需要等待很长一段时间才能看到图片，给用户带来极大不便。现有技术中的解决办法是逐行加载图片，但当网络较差时只能显示图片的顶端或者底部等次要部分，明显不能满足用户需求。

【发明内容】

基于此，本发明提供一种图片加载方法及系统，将请求加载的图片按优先级划分为若干个子图片，然后按优先级次序传输，在网络环境不佳的情况下也能优先加载用户感兴趣的优先级较高的子图片。

本发明实施例的内容如下：

一种图片加载方法，包括如下步骤：

接收客户端发送的图片加载请求；

根据所述图片加载请求确定待加载图片，并将待加载图片划分为若干个不同优先级的子图片；

向客户端发送所述待加载图片的尺寸信息，且按优先级顺序向客户端发送所述子图片以及对应的坐标和尺寸信息。

一种图片加载方法，包括如下步骤：

向服务器发送图片加载请求；

接收服务器返回的待加载图片的尺寸信息，根据所述待加载图片的尺寸信息创建显示区域；所述待加载图片与所述图片加载请求相对应；

接收服务器发送的不同优先级的子图片以及对应的坐标和尺寸信息；所述子图片由服务器根据所述待加载图片划分而成；

根据所述子图片的坐标和尺寸信息确定所述子图片在所述显示区域内的显示位置，并进行显示。

一种图片加载系统，包括服务器，所述服务器包括：

接收模块，用于接收客户端发送的图片加载请求；

图片划分模块，用于根据所述图片加载请求确定待加载图片，并将待加载图片划分为若干个不同优先级的子图片；

发送模块，用于向客户端发送所述待加载图片的尺寸信息，且用于按优先级顺序向客户端发送所述子图片以及对应的坐标和尺寸信息。

一种图片加载系统，包括客户端，所述客户端包括：

指令发送模块，用于向服务器发送图片加载请求；

数据接收模块，用于接收服务器返回的待加载图片的尺寸信息，还用于接收服务器发送的不同优先级的子图片以及对应的坐标和尺寸信息；所述待加载图片与所述图片加载请求相对应，所述子图片由服务器根据所述待加载图片划分而成；

创建模块，用于根据所述待加载图片的尺寸信息创建显示区域；

显示模块，用于根据所述子图片的坐标和尺寸信息确定所述子图片在所述显示区域内的显示位置，并进行显示。

本发明方法通过将请求的待加载图片划分为不同优先级的多个子图片，然后按优先级顺序将子图片发送给客户端，而子图片的数据量相对于整个待加载图片较小，所以子图片能够很快地在客户端上呈现，而且优先级越高的子图片其呈现越快，因此用户能在第一时间能看到优先级较高的子图片，而优先级较高的子图片也往往是整张待加载图片中用户较为感兴趣的部分，所以在网络环境较差的情况下也能保证用户优先看到想看的部分图片，极大提到了用户体验。

【附图说明】

图1为本发明实施一中图片加载方法的流程示意图；

图2为本发明实施例一中划分待加载图片方法的流程示意图；

图3为本发明实施例一中从待加载图片中提取的前景图片的示意图；

图4为本发明实施例一中优先级最高的子图片的示意图；

图5为本发明实施例一中次高优先级的子图片的示意图；

图6为本发明实施例二中图片加载方法的流程示意图；

图7为本发明实施例三中图片加载方法的流程示意图；

图8为本发明的一种图片加载系统的结构示意图。

【具体实施方式】

下面结合附图对本发明的内容作进一步说明。本发明适用于手机、平板电脑等移动终端，也适用于其他各种智能显示终端设备。

实施例一

图1中示出了本发明的图片加载方法实施例一的流程示意图。在该实施例一中，是以服务器的处理过程为例进行说明。

如图1所示，服务器的处理过程包括如下步骤：

S11接收客户端发送的图片加载请求；

S12根据所述图片加载请求确定待加载图片，并将待加载图片划分为若干个不同优先级的子图片；

S13向客户端发送所述待加载图片的尺寸信息和优先级最高的所述子图片及其坐标和尺寸信息；

S14按优先级顺序向客户端发送余下的所述子图片以及对应的坐标和尺寸信息。

服务器在接收到客户端发送的图片加载请求后，确定待加载图片，然后将待加载图片划分为多个子图片，划分的方法可预先制定。本实施例提供一种划分方式。

如图2所示，将待加载图片划分为多个子图片的过程包括如下步骤：

S121根据待加载图片前景和背景的颜色差别，提取待加载图片的前景图片；

S122根据所述前景图片的形状从所述待加载图片中划分出优先级最高的子图片；

S123根据所述优先级最高的子图片和所述待加载图片的颜色差梯度，划分出其余不同优先级的子图片。

利用前景和背景的颜色差别，可以从待加载图片中提取出前景图片，目前有比较成熟的算法支持，此处不详细说明。图3所示待加载图片中的阴影部分即为提取的前景图片。由于前景图片的颜色与背景差距较大，因此在整个待加载图片中前景图片一般是用户最感兴趣的部分。

如图4所示，根据提取出的前景图片的形状，可生成一个矩形，使其恰好包括所述前景图片，可将该矩形区域对应的部分图片作为优先级最高的子图片，然后根据该优先级最高的子图片和待加载图片的颜色差梯度，基于该子图片扩大颜色容差，可以获取更大矩形部分的图片内容，逐步产生不同优先级的子图片。如图5所示的阴影部分即为次高优先级的子图片。

服务器将待加载图片划分为多个不同优先级的子图片后，首先向客户端发送优先级最高的子图片，同时一并将该子图片的坐标和尺寸信息发送给客户端。为了使客户端能够依据坐标和尺寸信息显示子图片，服务器还需要将待加载图片的尺寸信息发送给客户端。然后在按照优先级顺序序将余下的子图片及其坐标和尺寸信息发送给客户端。

较佳的，服务器在向客户端发送待加载图片的尺寸信息和优先级最高的子图片及其坐标和尺寸信息之后，且在发送余下的子图片之前，若接收到客户端返回的失败指令或超时指令，则需要重新向客户端发送待加载图片的尺寸信息和优先级最高的子图片及其坐标和尺寸信息。

同理，在按优先级顺序向客户端发送子图片时，在每发送一张子图片及其坐标和尺寸信息之后，若接收到客户端返回的失败指令或超时指令，则重新向客户端发送该张子图片及其坐标和尺寸信息，直至接收到客户端返回的成功指令时，才向客户端发送下一张子图片。

若在按优先级顺序向客户端发送余下的子图片以及对应的坐标和尺寸信息的过程中，接收到客户端返回的结束指令(可能是用户通过客户端已经确认看到了自己想看的部分图片，然后执行了退出查看操作，客户端由此发送结束指令)，则停止向客户端发送子图片以及对应的坐标和尺寸信息，避免流量的浪费。

根据本实施例中的方案，服务器将待加载图片划分为多个不同优先级的子图片，按优先级顺序向客户端发送，使得优先级较高的子图片能够迅速加载，即使在网络环境不佳时也能够带来良好的用户体验，而且优先级最高的子图片也是用户比较感兴趣的部分，用户在看到感兴趣的该部分图片后，可以无需等待其他子图片的加载，向服务器发送结束指令，服务器直接停止向客户端发送数据，从而帮用户节省了流量，避免资源浪费。

实施例二

图6中示出了本发明的图片加载方法实施例二的流程示意图。在该实施例二中，是以客户端的处理过程为例进行说明。

如图6所示，客户端的处理过程包括如下步骤：

S21向服务器发送图片加载请求；

S22接收服务器返回的待加载图片的尺寸信息和优先级最高的子图片及其坐标和尺寸信息；其中，所述待加载图片与所述图片加载请求相对应，所述子图片由服务器根据所述待加载图片划分而成；

S23根据所述待加载图片的尺寸信息创建显示区域；

S24根据子图片的坐标和尺寸信息确定子图片在所述显示区域内的显示位置，并进行显示；

S25接收服务器发送的余下的子图片以及对应的坐标和尺寸信息。

用户在需要查看图片时，通过客户端向服务器发送图片加载请求，服务器根据图片加载请求向客户端返回数据，返回的数据包括待加载图片的尺寸信息、优先级最高的子图片及其坐标和尺寸信息，该子图片为待加载图片的一部分。客户端在接收到返回数据后，根据返回数据中的待加载图片的尺寸信息创建显示区域，然后根据优先级最高的子图片的坐标和尺寸信息确定该优先级最高的子图片在显示区域内的显示位置，并进行显示。例如，待加载图片的尺寸信息(即图片大小)为600×800，则客户端以以左上角为坐标原点创建一个600×800的显示区域，然后接收到子图片的坐标为(100，200)，尺寸信息为400×500，则确定该子图片的左上角为(100，200)，然后依据其尺寸信息即可定位其显示位置并进行显示。这样该子图片在显示区域内的位置与该子图片在待加载图片中的位置保持一直，不会出现失真。

在显示完优先级最高的子图片后，客户端继续接收服务器发送的余下子图片及对应的坐标和尺寸信息，依据上述方法，各个优先级的子图片不断在客户端上显示，最终显示出完整的待加载图片。在加载子图片的过程中，若客户端已显示出用户比较感兴趣的子图片，则根据用户的操作，客户端可向服务器发送结束指令，服务器接收该结束指令后停止发送数据。

较佳的，在成功接收到待加载图片的尺寸信息和优先级最高的子图片及其坐标和尺寸信息之后，客户端向服务器发送成功指令；若接收失败则向服务器发送失败指令；若接收时间超过预设时间，则向服务器发送超时指令。这样可以通知服务器是否发送下一张子图片。至于判断接收成功与否以及接收超时与否，可采用现有技术中的方法，此处不进行赘述。

同理，在接收服务器发送的余下子图片的过程中，每成功接收一张子图片及其坐标和尺寸信息之后，客户端都向服务器发送成功指令；若接收失败，则向服务器发送失败指令；若接收时间超过预设时间，则向服务器发送超时指令，通知服务器是否继续发送下一张子图片。

根据本实施例中的方案，客户端按优先级次序显示子图片，优先级较高的子图片优先加载，使得图片加载更为合理，由于优先级较高的子图片往往是用户较为感兴趣的部分，因此在网络环境不佳的情况下，也能优先将用户感兴趣的部分图片加载出来，从而带来更好的用户体验。通过本实施例中的方案，用户在看到想看的子图片后，可以直接停止加载图片，从而节省流量，避免资源浪费。

实施例三

结合上述实施例一、实施例二中的方案，图7中示出了本发明的图片加载方法实施例三的流程示意图。在本实施例中，是以图片加载时服务器与客户端之间的双向交互过程为例进行说明，这种说明并不用以对本发明方案构成限定。

如图7所示，本实施例三中的方法包括步骤：

S31客户端向服务器发送图片加载请求；

S32服务器接收客户端发送的图片加载请求，根据所述图片加载请求确定待加载图片，并将所述待加载图片划分为若干个不同优先级的子图片；然后向客户端发送所述待加载图片的尺寸信息、优先级最高的所述子图片及其坐标和尺寸信息；

S33客户端接收服务器返回的待加载图片的尺寸信息和优先级最高的子图片及其坐标和尺寸信息；并根据所述待加载图片的尺寸信息创建显示区域，然后根据所述坐标和尺寸信息确定所述优先级最高的子图片在所述显示区域内的显示位置，并进行显示；

S34服务器按优先级顺序向客户端发送余下的所述子图片以及对应的坐标和尺寸信息；

S35客户端接收服务器发送的余下的所述子图片以及对应的坐标和尺寸信息。

用户在需要查看图片时，通过客户端向服务器发送图片加载请求，服务器根据图片加载请求确定待加载图片，并采用现有技术中的方法或者实施例一中的划分方法将待加载图片划分为不同优先级的子图片，然后向客户端返回数据，返回的数据包括待加载图片的尺寸信息、优先级最高的子图片及其坐标和尺寸信息。客户端在接收到返回数据后，根据返回数据中的待加载图片的尺寸信息创建显示区域，然后根据优先级最高的子图片的坐标和尺寸信息确定该优先级最高的子图片在显示区域内的显示位置，并进行显示。例如，待加载图片的尺寸信息(即图片大小)为600×800，则客户端创建一个600×800的显示区域并以该显示区域的左上角为坐标原点，假设接收到优先级最高的子图片的坐标为(100，200)，尺寸信息为400×500，则确定该子图片的左上角在该显示区域的坐标为(100，200)，然后依据该子图片的尺寸信息400×500即可定位其显示位置，并进行显示。这样优先级最高的子图片在显示区域内的位置与该优先级最高的子图片在待加载图片中的位置保持一直，保证不会失真。

在显示完优先级最高的子图片后，服务器继续向客户端发送余下的子图片以及对应的坐标和尺寸信息，发送时按优先级的次序进行。客户端接收服务器发送的余下子图片及对应的坐标和尺寸信息，依据上述方法，各个优先级的子图片不断在客户端上显示，最终显示出完整的待加载图片。

在加载子图片的过程中，若客户端已显示出用户比较感兴趣的子图片，则根据用户的操作，客户端可向服务器发送结束指令，服务器接收该结束指令后停止发送数据，从而为用户节省流量，避免资源浪费。

较佳的，客户端若成功接收到待加载图片的尺寸信息和优先级最高的子图片及其坐标和尺寸信息，则向服务器发送成功指令；若接收失败则向服务器发送失败指令；若接收时间超过预设时间，则向服务器发送超时指令，这样可以通知服务器是否发送下一张子图片。

同理，客户端在接收服务器发送的余下子图片的过程中，每成功接收一张子图片及其坐标和尺寸信息之后，都向服务器发送成功指令；若接收失败，则向服务器发送失败指令；若接收时间超过预设时间，则向服务器发送超时指令，服务器根据客户端发送的指令判断是否继续发送下一张子图片，例如，若当前子图片发送失败，则重新发送该子图片，直至接收到客户端返回的成功指令后，才向客户端发送下一张子图片。

本实施例中的方案可在客户端处于较差的网络环境下实行，或者根据用户的设定在所有网络环境下都采用本实施例中的方案。

综上所述，本发明的图片加载方法通过按优先级划分待加载图片，将一张完整图片的传输过程转化为若干个不同优先级的子图片的传输过程，这样相对于加载整张图片，可以较快地加载出优先级较高的子图片，该子图片一般是用户最想看的部分，而且加载优先级较高的子图片只需要较少的流量数据，因此通过本发明可以节省流量，避免资源浪费。在网络状况不佳时采用本发明的图片加载方法，能极大地提高用户体验。

根据上述本发明的图片加载方法，本发明还提供一种图片加载系统。本发明的图片加载系统，可以只包括客户端2000、服务器1000中的一个，也可以同时包括客户端2000、服务器1000。为方便说明，图8中以结合客户端2000和服务器1000为例，示出了本发明的图片加载系统实施例的结构示意图。

如图8所示，本实施例中的图片加载系统包括服务器1000，该服务器1000包括：

接收模块11，用于接收客户端发送的图片加载请求；

图片划分模块12，用于根据所述图片加载请求确定待加载图片，并将待加载图片划分为若干个不同优先级的子图片；

发送模块13，用于向客户端发送所述待加载图片的尺寸信息，且用于按优先级顺序向客户端发送所述子图片以及对应的坐标和尺寸信息。

在一种具体实施方式中，所述图片划分模块12包括：

前景提取模块121，用于根据待加载图片前景和背景的颜色差别，提取待加载图片的前景图片；

第一划分模块122，用于根据所述前景图片的形状从所述待加载图片中划分出优先级最高的子图片；

第二划分模块123，用于根据所述优先级最高的子图片和所述待加载图片的颜色差梯度，划分出其余不同优先级的子图片。

如图8所示，本实施例中的图片加载系统包括客户端2000，该客户端2000包括：

指令发送模块21，用于向服务器发送图片加载请求；

数据接收模块22，用于接收服务器返回的待加载图片的尺寸信息，还用于接收服务器发送的不同优先级的子图片以及对应的坐标和尺寸信息；所述待加载图片与所述图片加载请求相对应，所述子图片由服务器根据所述待加载图片划分而成；

创建模块23，用于根据所述待加载图片的尺寸信息创建显示区域；

显示模块24，用于根据所述子图片的坐标和尺寸信息确定所述子图片在所述显示区域内的显示位置，并进行显示。

在需要查看图片时，客户端2000通过指令发送模块21向服务器1000发送图片加载请求，服务器1000在通过接收模块11接收到该图片加载请求后，确定待加载图片，并利用图片划分模块12将待加载图片划分为不同优先级的子图片，在本实施例中图片划分模块12划分子图片的具体过程为：图片划分模块12中的前景提取模块121根据待加载图片前景和背景的颜色差别，提取出待加载图片的前景图片；第一划分模块122根据前景图片的形状从待加载图片中划分出优先级最高的子图片；然后第二划分模块123根据该优先级最高的子图片和待加载图片的颜色差梯度，划分出其余不同优先级的子图片，这样就生成了若干个不同优先级的子图片。图片划分模块12还可以采用其他的规则划分待加载图片，具体规则可在图片加载系统中事先制定。

服务器1000通过发送模块13向客户端2000返回数据，返回的数据包括待加载图片的尺寸信息、优先级最高的子图片及其坐标和尺寸信息，客户端2000通过数据接收模块22接收该返回的数据。创建模块23根据待加载图片的尺寸信息创建显示区域，显示模块24根据优先级最高的子图片的坐标和尺寸信息确定该优先级最高的子图片在显示区域内的显示位置，并进行显示，呈现给用户。

服务器1000通过发送模块13继续向客户端发送余下的子图片以及对应的坐标和尺寸信息，发送时按子图片的优先级顺序进行。数据接收模块22继续接收发送模块13发送的余下的子图片及对应的坐标和尺寸信息。参照上述过程，显示模块24根据子图片的坐标和尺寸信息确定子图片在显示区域内的显示位置，并进行显示，这样各个优先级的子图片不断在客户端上显示，最终加载出完整的待加载图片。

在加载子图片的过程中，若显示模块24已显示出用户比较感兴趣的子图片，则根据用户的操作，例如用户退出图片查看操作，则指令发送模块21向服务器发送结束指令，服务器1000的接收模块11接收该结束指令后，发送模块13停止发送数据，从而为用户节省流量，避免资源浪费。

较佳的，当待加载图片的尺寸信息是和优先级最高的子图片一起发送时，若数据接收模块22成功接收到待加载图片的尺寸信息和优先级最高的子图片及其坐标和尺寸信息，则指令发送模块21向服务器发送成功指令；若数据接收模块22接收失败，则指令发送模块21向服务器发送失败指令；若数据接收模块22接收时间超过预设时间，则指令发送模块21向服务器发送超时指令，这样可以通知服务器是否发送下一张子图片。其中判断接收成功与否以及判断接收是否超时均可采用现有技术中的方法，此处不进行赘述。

同理，在数据接收模块22接收发送模块13发送的余下子图片的过程中，每成功接收一张子图片及其坐标和尺寸信息之后，指令发送模块21向服务器1000发送成功指令；若数据接收模块22接收失败，则指令发送模块21向服务器发送失败指令；若数据接收模块22接收时间超过预设时间，则指令发送模块21向服务器发送超时指令，服务器1000根据客户端2000发送的指令判断是否继续发送下一张子图片，例如，若当前子图片发送失败，则通过发送模块13重新发送该子图片，直至接收到指令发送模块21发送的成功指令后，发送模块13才向客户端2000发送下一张子图片。

本实施例中的图片加载系统，其中各个模块具体功能的实现方法，均可参照上述实施例一至实施例三中所述的方法，此处不再进行赘述。

以上所述实施例仅表达了本发明的几种实施方式，其描述较为具体和详细，但并不能因此而理解为对本发明专利范围的限制。应当指出的是，对于本领域的普通技术人员来说，在不脱离本发明构思的前提下，还可以做出若干变形和改进，这些都属于本发明的保护范围。因此，本发明专利的保护范围应以所附权利要求为准。

Claims (11)

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

接收客户端发送的图片加载请求；

根据所述图片加载请求确定待加载图片，并将待加载图片划分为若干个不同优先级的子图片；

向客户端发送所述待加载图片的尺寸信息，且按优先级顺序向客户端发送所述子图片以及对应的坐标和尺寸信息。

2.根据权利要求1所述的图片加载方法，其特征在于，所述将待加载的图片划分为若干个不同优先级的子图片的过程包括如下步骤：

根据待加载图片前景和背景的颜色差别，提取待加载图片的前景图片；

根据所述前景图片的形状从所述待加载图片中划分出优先级最高的子图片；

根据所述优先级最高的子图片和所述待加载图片的颜色差梯度，划分出其余不同优先级的子图片。

3.根据权利要求1或2所述的图片加载方法，其特征在于，在向客户端发送所述待加载图片的尺寸信息和优先级最高的所述子图片及其坐标和尺寸信息之后，且在按优先级顺序向客户端发送余下的所述子图片以及对应的坐标和尺寸信息之前，若接收到客户端返回的失败指令或超时指令，则重新向客户端发送所述待加载图片的尺寸信息和优先级最高的所述子图片及其坐标和尺寸信息。

4.根据权利要求1或2所述的图片加载方法，其特征在于，在按优先级顺序向客户端发送所述子图片以及对应的坐标和尺寸信息时，在每发送一张所述子图片及其坐标和尺寸信息之后，若接收到客户端返回的失败指令或超时指令，则重新发送该张子图片及其坐标和尺寸信息，直至接收到客户端返回的成功指令时，才向客户端发送下一张所述子图片及其坐标和尺寸信息。

5.根据权利要求1或2所述的图片加载方法，其特征在于，若在按优先级顺序向客户端发送所述子图片以及对应的坐标和尺寸信息的过程中，接收到客户端返回的结束指令，则停止向客户端发送所述子图片以及对应的坐标和尺寸信息。

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

向服务器发送图片加载请求；

接收服务器返回的待加载图片的尺寸信息，根据所述待加载图片的尺寸信息创建显示区域；所述待加载图片与所述图片加载请求相对应；

接收服务器发送的不同优先级的子图片以及对应的坐标和尺寸信息；所述子图片由服务器根据所述待加载图片划分而成；

根据所述子图片的坐标和尺寸信息确定所述子图片在所述显示区域内的显示位置，并进行显示。

7.根据权利要求6所述的图片加载方法，其特征在于，在成功接收到所述待加载图片的尺寸信息和优先级最高的子图片及其坐标和尺寸信息之后，向服务器发送成功指令；若接收失败则向服务器发送失败指令；若接收时间超过预设时间，则向服务器发送超时指令。

8.根据权利要求6所述的图片加载方法，其特征在于，在接收服务器发送的不同优先级的子图片以及对应的坐标和尺寸信息时，每成功接收一张所述子图片及其坐标和尺寸信息之后，向服务器发送成功指令；若接收失败，则向服务器发送失败指令；若接收时间超过预设时间，则向服务器发送超时指令。

9.一种图片加载系统，其特征在于，包括服务器，所述服务器包括：

接收模块，用于接收客户端发送的图片加载请求；

图片划分模块，用于根据所述图片加载请求确定待加载图片，并将待加载图片划分为若干个不同优先级的子图片；

发送模块，用于向客户端发送所述待加载图片的尺寸信息，且用于按优先级顺序向客户端发送所述子图片以及对应的坐标和尺寸信息。

10.根据权利要求9所述的图片加载系统，其特征在于，所述图片划分模块包括：

前景提取模块，用于根据待加载图片前景和背景的颜色差别，提取待加载图片的前景图片；

第一划分模块，用于根据所述前景图片的形状从所述待加载图片中划分出优先级最高的子图片；

第二划分模块，用于根据所述优先级最高的子图片和所述待加载图片的颜色差梯度，划分出其余不同优先级的子图片。

11.一种图片加载系统，其特征在于，包括客户端，所述客户端包括：

指令发送模块，用于向服务器发送图片加载请求；

数据接收模块，用于接收服务器返回的待加载图片的尺寸信息，还用于接收服务器发送的不同优先级的子图片以及对应的坐标和尺寸信息；所述待加载图片与所述图片加载请求相对应，所述子图片由服务器根据所述待加载图片划分而成；

创建模块，用于根据所述待加载图片的尺寸信息创建显示区域；

显示模块，用于根据所述子图片的坐标和尺寸信息确定所述子图片在所述显示区域内的显示位置，并进行显示。