CN109003313B - 一种传输网页图片的方法、装置和系统 - Google Patents

Abstract

本发明实施例公开了一种传输网页图片的方法、装置和系统，属于电子技术领域。所述方法包括：获取目标网页中包含的多个网页图片；对所述多个网页图片进行排序，得到所述每个网页图片的排列顺序；根据每个网页图片的排列顺序及图片间的相关性，将所述每个网页图片作为视频图像帧进行压缩处理，得到压缩后的网页图片；当接收到终端发送的对目标网页的获取请求时，向所述终端发送所述压缩后的网页图片。采用本发明，可以防止流量浪费。

Description

一种传输网页图片的方法、装置和系统

技术领域

本发明涉及电子技术领域，特别涉及一种传输网页图片的方法、装置和系统。

背景技术

随着电子技术的发展，各种各样的终端得到了广泛的应用，相应的，终端上的应用程序的种类越来越多、功能越来越丰富。浏览器即是一种比较常用的应用程序。用户可以通过浏览器浏览各种网页，具体的，用户想要浏览某网页时，可以通过操作，触发终端向服务器发送对该网页的获取请求，服务器接收到获取请求后，可以向终端发送该网页的网页信息，终端接收到网页信息后，可以对其进行显示以供用户进行浏览。

目前，网页中往往包含有较多的图片(可称为网页图片)，为了节约流量，服务器往往会根据每个网页图片的图片数据，对每个网页图片中相同的部分进行压缩(比如，网页图片的前10个像素点的像素值相同，则可以将这10个像素点压缩为一个像素点)，进而，接收到终端发送的获取请求后，向终端发送每个压缩后的网页图片。

在实现本发明的过程中，发明人发现现有技术至少存在以下问题：

基于上述服务器压缩网页图片的处理方式，每张压缩后的网页图片的数据量一般还是比较大，往往发送对网页的获取请求的终端的数量较多，从而，导致服务器的流量浪费严重。

发明内容

为了解决相关技术中服务器的流量浪费严重的问题，本发明实施例提供了一种传输网页图片的方法、装置和系统。所述技术方案如下：

第一方面，提供了一种传输网页图片的方法，所述方法包括：

获取目标网页中包含的多个网页图片；

对所述多个网页图片进行排序，得到所述每个网页图片的排列顺序；

根据每个网页图片的排列顺序及图片间的相关性，将所述每个网页图片作为视频图像帧进行压缩处理，得到压缩后的网页图片；

当接收到终端发送的对目标网页的获取请求时，向所述终端发送所述压缩后的网页图片。

第二方面，提供了一种传输网页图片的方法，所述方法包括：

向服务器发送对目标网页的获取请求；

接收所述服务器发送的压缩后的网页图片；

根据网页图片的图片间的相关性，将所述压缩后的网页图片作为视频图像帧进行解压缩处理，得到每个网页图片；

按照每个网页图片的排列顺序在所述目标网页中显示每个网页图片。

第三方面，提供了一种服务器，所述服务器包括：

获取模块，用于获取目标网页中包含的多个网页图片；

排序模块，用于对所述多个网页图片进行排序，得到所述每个网页图片的排列顺序；

压缩模块，用于根据每个网页图片的排列顺序及图片间的相关性，将所述每个网页图片作为视频图像帧进行压缩处理，得到压缩后的网页图片；

发送模块，用于当接收到终端发送的对目标网页的获取请求时，向所述终端发送所述压缩后的网页图片。

第四方面，提供了一种终端，所述终端包括：

发送模块，用于向服务器发送对目标网页的获取请求；

接收模块，用于接收所述服务器发送的压缩后的网页图片；

解压缩模块，用于根据网页图片的图片间的相关性，将所述压缩后的网页图片作为视频图像帧进行解压缩处理，得到每个网页图片；

显示模块，用于按照每个网页图片的排列顺序在所述目标网页中显示每个网页图片。

第五方面，提供了一种服务器，所述服务器包括处理器和存储器，所述存储器中存储有至少一条指令，所述指令由所述处理器加载并执行以实现第一方面所述的传输网页图片的方法。

第六方面，提供了一种计算机可读存储介质，所述存储介质中存储有至少一条指令，所述指令由处理器加载并执行以实现第一方面所述的传输网页图片的方法。

第七方面，提供了一种终端，所述终端包括处理器和存储器，所述存储器中存储有至少一条指令，所述指令由所述处理器加载并执行以实现第二方面所述的传输网页图片的方法。

第八方面，提供了一种计算机可读存储介质，所述存储介质中存储有至少一条指令，所述指令由处理器加载并执行以实现第二方面所述的传输网页图片的方法。

第九方面，提供了一种传输网页图片的系统，所述系统包括服务器和终端，其中：

所述服务器，如第三方面所述的服务器；所述终端，如所述第四方面所述的终端。

本发明实施例提供的技术方案带来的有益效果是：

本发明实施例中，服务器在对目标网页中包含的多个网页图片进行压缩时，将多个网页图片作为视频图像帧，根据图片间的相关性，对多个图片中包含的相同部分进行压缩，不只是对每个图片中的相同部分进行压缩，从而，可以减少多个网页图片的总数据量，进而，服务器在向终端发送压缩后的网页图片时，可以防止流量浪费。

附图说明

为了更清楚地说明本发明实施例中的技术方案，下面将对实施例描述中所需要使用的附图作简单地介绍，显而易见地，下面描述中的附图仅仅是本发明的一些实施例，对于本领域普通技术人员来讲，在不付出创造性劳动的前提下，还可以根据这些附图获得其他的附图。

图1是本发明实施例提供的一种系统框架示意图；

图2是本发明实施例提供的一种传输网页图片的方法流程图；

图3是本发明实施例提供的一种目标网页的示意图；

图4是本发明实施例提供的一种传输网页图片的方法流程图；

图5是本发明实施例提供的一种系统框架示意图；

图6是本发明实施例提供的一种显示顺序的示意图；

图7是本发明实施例提供的一种服务器结构示意图；

图8是本发明实施例提供的一种服务器结构示意图；

图9是本发明实施例提供的一种终端结构示意图；

图10是本发明实施例提供的一种服务器结构示意图；

图11是本发明实施例提供的一种终端结构示意图。

具体实施方式

为使本发明的目的、技术方案和优点更加清楚，下面将结合附图对本发明实施方式作进一步地详细描述。

本发明实施例提供了一种传输网页图片的方法，该方法可以由终端101和服务器102共同实现，实现该方法的系统框架图如图1所示。其中，终端101可以是具有显示网页功能的任意终端，比如，可以是安装有浏览器的个人电脑或者手机、平板电脑等移动终端。服务器102可以是显示网页功能的后台服务器，比如是浏览器的后台服务器，也可以是提供网页信息的服务器，比如是某网站的网站服务器。终端101中可以设置有处理器、收发器和显示器，处理器可以用于进行解压缩的相关处理，收发器可以用于接收和发送数据，显示器可以用于显示目标网页等信息，显示器可以是液晶显示器、也可以是触摸屏显示器。还可以设置有存储器，存储器可以用于存储下述处理过程中终端101需要和产生的数据。服务器102中可以设置有处理器、收发器和存储器，处理器可以用于对网页图片进行压缩处理，收发器可以用于接收和发送数据，存储器可以用于存储下述处理过程中服务器102需要和产生的数据。

相关技术中，服务器在对网页中包含的网页图片进行压缩时，往往对每个网页图片分别进行压缩，即对于每个网页图片，服务器可以对该网页图片中的相同的部分进行压缩，例如，网页图片的前10个像素点的像素值相同，则可以将这10个像素点压缩为一个像素点。每当接收到终端发送的对网页的获取请求后，可以向终端发送压缩后的网页图片。对于每个网页图片单独进行压缩，往往压缩后的网页图片的数据量还是比较大，往往发送对网页的获取请求的终端的数量较多，从而，导致服务器的流量浪费严重。

本发明实施例提供的方案中，服务器在对网页图片进行压缩时，会综合对多个网页图片进行压缩，对多个图片中包含的相同部分进行压缩，具体可采用帧内压缩-帧间压缩算法对多个图片进行压缩，例如，第一帧网页图片与第二帧图片具有很大的相关性，即包含相同的图片区域，采用本发明实施例提供的帧内压缩-帧间压缩算法，对第二帧网页图片进行压缩时，可以将第二帧网页图片中与第一帧网页图片中的相同图片区域压缩掉，即压缩后的第二帧网页图片只包含与第一帧图片的差异信息。这样，将多个网页图片中相同的图片区域压缩掉后，可以减少多个网页图片的总数据量，进而，服务器在向终端发送压缩后的网页图片时，可以防止流量浪费。

为了便于对本发明实施例的理解，在详细介绍本发明实施例提供的方法之前，下面首先介绍本发明实施例涉及的基本概念。

一.I帧：帧内编码帧

I帧特点：

1.它是一个全帧压缩编码帧。它将全帧图片信息进行JPEG(Joint PhotographicExperts Group，联合图片专家小组)压缩编码及传输；

2.解码时仅用I帧的数据就可重构完整图片；

3.I帧是P帧和B帧的参考帧(其质量直接影响到同帧组中以后各帧的质量)；

4.I帧是帧组内的基础帧(第一帧)，在一组中只有一个I帧；

5.I帧所占数据的信息量比较大。

二.P帧：前向预测编码帧

P帧的预测与重构:P帧是以I帧为参考帧。在对P帧进行解压缩时，需要将P帧对应的压缩数据与I帧的数据叠加，得到完整的P帧图片。

P帧特点：

1.P帧是I帧后面相隔1～2帧的编码帧；

2.解码时必须将I帧中的预测值与预测误差求和后才能重构完整的P帧图片；

3.P帧属于前向预测的帧间编码，它只参考前面最靠近它的I帧或P帧；

4.P帧可以是其后面P帧的参考帧，也可以是其前后的B帧的参考帧；

5.由于是差值传送，P帧的压缩比较高。

三.B帧：双向预测内插编码帧

B帧的预测与重构：B帧以前面的I或P帧和后面的P帧为参考帧,既考虑与帧组内前面已编码帧，也顾及帧组内后面已编码帧之间的时间冗余信息来压缩传输数据量的编码图片，也叫双向预测帧。

B帧特点

1.B帧是由前面的I或P帧和后面的P帧来进行预测的；

2.B帧相对比I帧和P帧压缩比最高。

下面将结合具体实施方式，对图2所示的服务器对网页图片进行压缩的处理流程进行详细的说明，内容可以如下：

步骤201，服务器获取目标网页中包含的多个网页图片。

其中，目标网页可以是服务器中预先存储的任一网页。

在实施中，服务器中可以预先设置有对目标网页包含的网页图片的压缩触发事件，其中，压缩触发事件可以是接收到终端发送的对目标网页的获取请求，也可以是预设的压缩周期(具体可以是达到预设的压缩周期，且目标网页包含的网页图片未被压缩过)，也可以是生成目标网页。当服务器检测到压缩触发事件发生时，服务器可以获取目标网页中包含的各个网页图片。

可选的，服务器获取到的网页图片可能不是原始网页图片，而是压缩过的网页图片，针对此种情况，服务器还可以进行如下处理：根据多个网页图片的压缩格式，对每个网页图片进行解压缩处理，得到每个网页图片对应的原始网页图片。

在实施中，针对服务器获取到的网页图片是经过压缩过的网页图片的情况，服务器获取到目标网页中的多个网页图片后，对于每个网页图片，服务器可以采用与多个网页图片的压缩格式相对应解压缩处理，得到每个网页图片对应的原始网页图片，即确定每个网页图片的每个像素点的像素值。

步骤202，对多个网页图片进行排序，得到每个网页图片的排列顺序。

在实施中，服务器获取到目标网页中包含的多个网页图片后，可以按照预设的排序方式，对多个网页图片进行排序，得到每个网页图片的排列顺序，例如，服务器可以随机对多个网页进行排序。针对上述确定网页图片对应的原始网页图片的情况，每个网页图片的排列顺序即是每个网页图片对应的原始网页图片的排列顺序。

可选的，服务器可以按照每个网页图片在目标网页中的显示位置，对多个网页图片进行排序，相应的，步骤202的处理过程可以如下：确定多个网页图片中的每个网页图片在目标网页中的显示位置；根据每个网页图片在目标网页中的显示位置，对多个网页图片进行排序，得到每个网页图片的排列顺序。

在实施中，服务器获取到目标网页中包含的多个网页图片后，还可以确定每个图片在目标网页中的显示位置，其中，显示位置可以是网页图片在目标网页中的相对显示位置、或者是在目标网页中的显示顺序。获取到每个网页图片在目标网页中的显示位置后，服务器可以按照每个网页图片在目标网页中的显示位置，对多个网页图片进行排序，得到每个网页图片的排列顺序。

可选的，基于每个网页图片在目标网页中的显示位置，对多个网页图片进行排序的具体处理过程可以如下：根据每个网页图片在目标网页中的显示位置，按照在目标页面中的显示位置由上到下、由左到右的顺序，对多个网页图片进行排序，得到每个网页图片的排列顺序。

在实施中，服务器确定出每个网页图片在目标网页中的显示位置后，在对多个网页图片进行排序时，首先排列显示位置在目标网页的上方位置的网页图片，再排列显示位置在目标网页的下方位置的网页图片，当目标网页的上下方向中的某个位置，在左右不同位置均有网页图片时，可以按照由左到右的顺序排列。例如，目标网页中包含a、b、c、d四个网页图片，且这个四个网页图片的在目标网页中的显示位置如图3所示，则服务器对多个网页图片的排列顺序依次可以是a、d、c、b。

可选的，获取到多个网页图片后，服务器可以进一步判断多个网页图片是否满足预设压缩条件，相应的，步骤202的处理过程可以如下：当多个网页图片满足预设压缩条件时，对多个网页图片进行排序，得到每个网页图片的排列顺序，预设压缩条件为：多个网页图片中存在至少一个网页图片组合，其中，每个网页图片组合包含的网页图片之间包含相同的图片区域，且相同的图片区域的尺寸达到预设尺寸阈值。

其中，预设压缩条件可以是用于判断多个网页图片是否需要被压缩的条件。

在实施中，服务器中可以预先存储有压缩条件，以便获取到目标网页中包含的多个网页图片时，判断是否需要进行后续的压缩处理。具体的，服务器获取到目标网页中包含的多个网页图片后，可以确定多个网页图片是否满足预设压缩条件，例如，可以根据每个网页图片的各个像素值，确定各个网页图片的相关性，即可以确定各个网页图片是否包含相同的图片区域，以及相同的图片区域的尺寸(即可以确定多个网页图片中包含的相同的像素值的数目)。如果确定出多个网页图片满足预设压缩条件，则服务器可以进行后续操作，即可以对多个网页图片进行排序，得到每个网页图片的排列顺序。

具体的，服务器获取到多个网页图片后，可以判断多个网页图片之间是否包含相同的图片区域，如果包含相同的图片区域，则确定多个网页图片中存在至少一个网页图片组合，则服务器可以进行对多个网页图片进行排序的处理，其中，网页图片组合包含的网页图片之间包含相同的图片区域，且相同的图片区域的尺寸大于或等于预设尺寸阈值(预设尺寸阈值可以是技术人员预先设置的数值)，其中，图片区域的尺寸可以是图片区域包含的像素点的数目，不同网页图片组合对应的图片区域不同。如果多个网页图片中不存在满足上述条件的网页图片组合，则服务器可以不进行上述对多个网页图片进行排序的处理。例如，目标网页中包含的多个网页图片分别为a、b、c、d、e，a和b包含相同的图片区域，且包含的相同的图片区域达到预设尺寸阈值，则此种情况下，a和b即是多个网页图片中包含的一个网页图片组合，服务器可以对a、b、c、d、e进行排序。又例如，a和b包含相同的图片区域，且包含的相同的图片区域达到预设尺寸阈值，以及d和e也包含相同的图片区域，且包含的相同的图片区域达到预设尺寸阈值，此种情况下，a和b即是多个网页图片中包含的一个网页图片组合、d和e即是多个网页图片中包含的另一个网页图片组合，服务器可以对a、b、c、d、e进行排序。由于在多个网页图片具有相关性的情况下，采用本方案中的压缩算法对多个网页图片进行压缩处理时，才能更好的减少多个网页图片的数据量，因此，首先对多个网页图片的相关性进行判断，在多个网页图片满足一定的条件下，再进行本方案中的处理，这样，可以避免在多个网页图片不满足条件的情况下，还进行本方案中的处理，造成服务器资源的浪费。

步骤203，服务器根据每个网页图片的排列顺序及图片间的相关性，将每个网页图片作为视频图像帧进行压缩处理，得到压缩后的网页图片。

在实施中，对多个网页图片排序后，服务器可以基于每个网页图片的排列顺序及图片间的相关性，将排序后的多个网页图片作为视频图像帧进行压缩处理，得到压缩后的网页图片，其中，具体可以通过帧内压缩-帧间压缩算法来实现对网页图像的压缩，即可以通过用于对视频图像帧进行压缩处理的H265算法或H264算法来实现对网页图像的压缩。

可选的，上述步骤203的具体处理过程可以如下：根据每个网页图片的排列顺序将多个网页图片进行分组；根据每组网页图片的图片间的相关性，将网页图片之间包含相同的图片区域进行压缩，得到压缩后的网页图片。

在实施中，服务器得到每个网页图片的排列顺序后，可以通过帧内压缩-帧间压缩算法，首先根据每个网页图片的排列顺序将多个网页图片进行分组，得到每个帧组。然后，对于每个帧组，服务器可以确定每个网页图片的类型，即可以将帧组内的第一帧网页图片作为I帧，将帧组内的其他网页图片作为P帧或者B帧(具体为P帧还是B帧是由网页图片之间的相关性决定的)。最后，服务器可以根据每个网页图片的类型，对每个网页图片进行压缩，得到压缩后的网页图片。其中，I帧、P帧或者B帧是三种类型，其对应的压缩方式不同，对类型为I帧的网页图片进行压缩时，可以只对本帧网页图片中的冗余信息进行压缩(即此种压缩方式为帧内压缩)。对类型为P帧的网页图片进行压缩时，可以参考前一帧网页图片(即类型为I帧的网页图片)，即可以将P帧网页图片中与I帧相同的图片部分压缩掉，压缩后的数据只包括P帧网页图片与I帧网页图片的差异信息。对类型为B帧的网页图片进行压缩时，可以参考前后两帧的网页图片，压缩后的数据只包括与前后两帧网页图片的差异信息，其中，P帧和B帧对应的压缩方式为帧间压缩。

可选的，针对上述确定多个网页图片对应的原始网页图片的情况，相应的，步骤203的处理过程可以如下：根据每个网页图片的排列顺序及图片间的相关性，将每个网页图片对应的原始网页图片作为视频图像帧进行压缩处理，得到压缩后的网页图片。

在实施中，服务器得到每个网页图片对应的原始网页图片后，在根据每个网页图片的排列顺序及图片间的相关性，对各个网页图片进行压缩时，服务器可以对每个网页图片对应的原始网页图片进行压缩，即可以将每个网页图片对应的原始网页图片作为视频图像帧进行压缩处理，得到压缩后的网页图片，即得到多个网页图片对应的压缩数据，服务器可以将所有压缩数据存储成文件，即相当于得到了多个视频图像帧对应的视频流数据。

另外，本发明实施例还提供了一种终端向服务器获取目标网页的处理流程，如图4所示，下面将结合具体实施方式，对图4所示的处理流程进行详细的说明，内容可以如下：

步骤401，终端向服务器发送对目标网页的获取请求。

在实施中，终端中可以安装有浏览器，用户可以通过浏览器浏览某网页(可称为目标网页)。具体的，用户可以通过操作，触发终端向服务器发送对目标网页的获取请求，如图5所示。

步骤402，当接收到终端发送的对目标网页的获取请求时，服务器向终端发送压缩后的网页图片。

在实施中，终端向服务器发送对目标网页的获取请求后，服务器可以接收终端发送的对目标网页的获取请求。接收到对目标网页的获取请求后，服务器可以获取目标网页对应的网页信息，即可以获取目标网页中包含的多个网页图片对应的压缩后的网页图片，以及目标网页包含的除多个网页图片之外的其他网页信息，进而，可以向终端发送压缩后的网页图片以及目标网页包含的除多个网页图片之外的其他网页信息。

步骤403，终端接收服务器发送的压缩后的网页图片。

在实施中，服务器向终端发送压缩后的网页图片以及目标网页包含的除多个网页图片之外的其他网页信息后，终端可以接收服务器发送的压缩后的网页图片以及目标网页包含的除多个网页图片之外的其他网页信息。

步骤404，终端根据网页图片的图片间的相关性，将压缩后的网页图片作为视频图像帧进行解压缩处理，得到每个网页图片。

在实施中，终端接收到除多个网页图片之外的其他网页信息后，可以对其进行显示。接收到压缩后的网页图片后，可以网页图片的图片间的相关性(具体可以根据帧内压缩-帧间解压缩算法)，将压缩后的网页图片作为视频图像帧进行解压缩处理，得到每个网页图片，其中，终端可以采用支持帧内压缩-帧间解压缩算法的ffmpeg(其中，ffmpeg是一套可以用来记录、转换数字音频、视频，并能将其转化为流的开源计算机程序)对压缩后的网页图片进行解压缩。其中，对每个压缩后的网页图片的解压缩顺序与网页图片的类型有关。例如，其中的一个帧组包含15帧网页图片，每帧网页图片对应的类型，相应的解压缩顺序、显示顺序(即排列顺序)可以如图6所示。

步骤405，按照每个网页图片的排列顺序在目标网页中显示每个网页图片。

在实施中，终端得到每个网页图片后，可以在目标网页中显示每个网页图片。其中，终端可以根据每个网页图片的显示顺序，在目标网页中显示每个网页图片。具体的，服务器向终端发送压缩后的网页图片时，压缩后的网页图片可以按照每个网页图片对应的显示顺序进行排列，这样，终端在显示目标网页中的某个标签对应的网页图片时，可以根据该标签在目标网页中的顺序，对应的获取相应顺序的网页图片进行显示。

本发明实施例中，服务器在对目标网页中包含的多个网页图片进行压缩时，将多个网页图片作为视频图像帧，根据图片间的相关性，对多个图片中包含的相同部分进行压缩，不只是对每个图片中的相同部分进行压缩，从而，可以减少多个网页图片的总数据量，进而，服务器在向终端发送压缩后的网页图片时，可以防止流量浪费。

另外，由于压缩后的多个网页图片的数据量较小，终端在接收多个压缩后的网页图片时，所需要的流量相应的也会较少，从而，可以节约终端的流量。压缩后的网页图片的数据量小，也可以加快终端获取压缩后的网页图片的速度，从而，可以提高终端的加载速度。

基于相同的技术构思，本发明实施例还提供了一种服务器，如图7所示，该服务器包括：

获取模块710，用于获取目标网页中包含的多个网页图片；

排序模块720，用于对所述多个网页图片进行排序，得到所述每个网页图片的排列顺序；

压缩模块730，用于根据每个网页图片的排列顺序及图片间的相关性，将所述每个网页图片作为视频图像帧进行压缩处理，得到压缩后的网页图片；

发送模块740，用于当接收到终端发送的对目标网页的获取请求时，向所述终端发送所述压缩后的网页图片。

可选的，如图8所示，所述服务器还包括：

解压缩模块750，用于根据所述多个网页图片的压缩格式，对所述每个网页图片进行解压缩处理，得到所述每个网页图片对应的原始网页图片；

所述压缩模块730，用于：

根据每个网页图片的排列顺序及图片间的相关性，将所述每个网页图片对应的原始网页图片作为视频图像帧进行压缩处理，得到压缩后的网页图片。

可选的，排序模块720，用于：

确定所述多个网页图片中的每个网页图片在所述目标网页中的显示位置；

根据所述每个网页图片在所述目标网页中的显示位置，对所述多个网页图片进行排序，得到所述每个网页图片的排列顺序。

可选的，排序模块720，用于：

根据所述每个网页图片在所述目标网页中的显示位置，按照在所述目标页面中的显示位置由上到下、由左到右的顺序，对所述多个网页图片进行排序，得到所述每个网页图片的排列顺序。

可选的，排序模块720，用于：

当所述多个网页图片满足预设压缩条件时，对所述多个网页图片进行排序，得到所述每个网页图片的排列顺序。

所述预设压缩条件为：所述多个网页图片中存在至少一个网页图片组合，其中，每个网页图片组合包含的网页图片之间包含相同的图片区域，且相同的图片区域的尺寸达到预设尺寸阈值。

可选的，压缩模块730，用于：

根据每个网页图片的排列顺序将所述多个网页图片进行分组；

根据每组网页图片的图片间的相关性，将网页图片之间包含相同的图片区域进行压缩，得到压缩后的网页图片。

需要说明的是，上述获取模块710、排序模块720、压缩模块730、发送模块740、解压缩模块750可以由处理器实现，或者处理器配合存储器来实现，或者，处理器执行存储器中的程序指令来实现。

基于相同的技术构思，本发明实施例还提供了一种终端，如图9所示，所述终端包括:

发送模块910，用于向服务器发送对目标网页的获取请求；

接收模块920，用于接收所述服务器发送的压缩后的网页图片；

解压缩模块930，用于根据网页图片的图片间的相关性，将所述压缩后的网页图片作为视频图像帧进行解压缩处理，得到每个网页图片；

显示模块940，用于按照每个网页图片的排列顺序在所述目标网页中显示每个网页图片。

需要说明的是，上述发送模块910、接收模块920、解压缩模块930、显示模块940可以由处理器实现，或者处理器配合存储器来实现，或者，处理器执行存储器中的程序指令来实现。

本发明实施例中，服务器在对目标网页中包含的多个网页图片进行压缩时，将多个网页图片作为视频图像帧，根据图片间的相关性，对多个图片中包含的相同部分进行压缩，不只是对每个图片中的相同部分进行压缩，从而，可以减少多个网页图片的总数据量，进而，服务器在向终端发送压缩后的网页图片时，可以防止流量浪费。

需要说明的是：上述实施例提供的传输网页图片的装置在传输网页图片时，仅以上述各功能模块的划分进行举例说明，实际应用中，可以根据需要而将上述功能分配由不同的功能模块完成，即将设备的内部结构划分成不同的功能模块，以完成以上描述的全部或者部分功能。另外，上述实施例提供的传输网页图片的装置与传输网页图片的方法实施例属于同一构思，其具体实现过程详见方法实施例，这里不再赘述。

基于相同的技术构思，本发明实施例还提供了一种传输网页图片的系统，该系统包括服务器和终端，其中，该服务器可以是图7和图8所示的服务器，终端可以是图9所示的终端。

本发明实施例中，服务器在对目标网页中包含的多个网页图片进行压缩时，将多个网页图片作为视频图像帧，根据图片间的相关性，对多个图片中包含的相同部分进行压缩，不只是对每个图片中的相同部分进行压缩，从而，可以减少多个网页图片的总数据量，进而，服务器在向终端发送压缩后的网页图片时，可以防止流量浪费。

图10是本发明实施例提供的服务器的结构示意图。该服务器1900可因配置或性能不同而产生比较大的差异，可以包括一个或一个以上中央处理器(central processingunits，CPU)1922(例如，一个或一个以上处理器)和存储器1932，一个或一个以上存储应用程序1942或数据1944的存储介质1930(例如一个或一个以上海量存储设备)。其中，存储器1932和存储介质1930可以是短暂存储或持久存储。存储在存储介质1930的程序可以包括一个或一个以上模块(图示没标出)，每个模块可以包括对服务器中的一系列指令操作。更进一步地，中央处理器1922可以设置为与存储介质1930通信，在服务器1900上执行存储介质1930中的一系列指令操作。

服务器1900还可以包括一个或一个以上电源1926，一个或一个以上有线或无线网络接口1950，一个或一个以上输入输出接口1958，一个或一个以上键盘1956，和/或，一个或一个以上操作系统1941，例如Windows ServerTM，Mac OS XTM，UnixTM，LinuxTM，FreeBSDTM等等。

服务器1900可以包括有存储器，以及一个或者一个以上的程序，其中一个或者一个以上程序存储于存储器中，且经配置以由一个或者一个以上处理器执行所述一个或者一个以上程序包含服务器执行传输网页图片的指令。

在示例性实施例中，还提供了一种包括指令的非临时性计算机可读存储介质，例如包括指令的存储器，上述指令可由服务器的处理器执行以完成上述传输网页图片的方法。例如，所述非临时性计算机可读存储介质可以是ROM(Read-Only Memory，只读存储器)、RAM(Random-Access Memory，随机存取存储器)、CD-ROM(Compact Disc Read-OnlyMemory，光盘只读存储器)、磁带、软盘和光数据存储设备等。

请参考图11，其示出了本发明实施例所涉及的具有触敏表面的终端结构示意图，该终端可以用于实施上述实施例中提供的进行验证码验证的方法。具体来讲：

终端1100可以包括RF(Radio Frequency，射频)电路110、包括有一个或一个以上计算机可读存储介质的存储器120、输入单元130、显示单元140、传感器150、音频电路160、WiFi(wireless fidelity，无线保真)模块170、包括有一个或者一个以上处理核心的处理器180、以及电源190等部件。本领域技术人员可以理解，图11中示出的终端结构并不构成对终端的限定，可以包括比图示更多或更少的部件，或者组合某些部件，或者不同的部件布置。其中：

RF电路110可用于收发信息或通话过程中，信号的接收和发送，特别地，将基站的下行信息接收后，交由一个或者一个以上处理器180处理；另外，将涉及上行的数据发送给基站。通常，RF电路110包括但不限于天线、至少一个放大器、调谐器、一个或多个振荡器、用户身份模块(SIM)卡、收发信机、耦合器、LNA(Low Noise Amplifier，低噪声放大器)、双工器等。此外，RF电路110还可以通过无线通信与网络和其他设备通信。所述无线通信可以使用任一通信标准或协议，包括但不限于GSM(Global System of Mobile communication，全球移动通讯系统)、GPRS(General Packet Radio Service，通用分组无线服务)、CDMA(CodeDivision Multiple Access，码分多址)、WCDMA(Wideband Code Division MultipleAccess,宽带码分多址)、LTE(Long Term Evolution,长期演进)、电子邮件、SMS(ShortMessaging Service，短消息服务)等。

存储器120可用于存储软件程序以及模块，处理器180通过运行存储在存储器120的软件程序以及模块，从而执行各种功能应用以及数据处理。存储器120可主要包括存储程序区和存储数据区，其中，存储程序区可存储操作系统、至少一个功能所需的应用程序(比如声音播放功能、图像播放功能等)等；存储数据区可存储根据终端1100的使用所创建的数据(比如音频数据、电话本等)等。此外，存储器120可以包括高速随机存取存储器，还可以包括非易失性存储器，例如至少一个磁盘存储器件、闪存器件、或其他易失性固态存储器件。相应地，存储器120还可以包括存储器控制器，以提供处理器180和输入单元130对存储器120的访问。

输入单元130可用于接收输入的数字或字符信息，以及产生与用户设置以及功能控制有关的键盘、鼠标、操作杆、光学或者轨迹球信号输入。具体地，输入单元130可包括触敏表面131以及其他输入设备132。触敏表面131，也称为触摸显示屏或者触控板，可收集用户在其上或附近的触摸操作(比如用户使用手指、触笔等任何适合的物体或附件在触敏表面131上或在触敏表面131附近的操作)，并根据预先设定的程式驱动相应的连接装置。可选的，触敏表面131可包括触摸检测装置和触摸控制器两个部分。其中，触摸检测装置检测用户的触摸方位，并检测触摸操作带来的信号，将信号传送给触摸控制器；触摸控制器从触摸检测装置上接收触摸信息，并将它转换成触点坐标，再送给处理器180，并能接收处理器180发来的命令并加以执行。此外，可以采用电阻式、电容式、红外线以及表面声波等多种类型实现触敏表面131。除了触敏表面131，输入单元130还可以包括其他输入设备132。具体地，其他输入设备132可以包括但不限于物理键盘、功能键(比如音量控制按键、开关按键等)、轨迹球、鼠标、操作杆等中的一种或多种。

显示单元140可用于显示由用户输入的信息或提供给用户的信息以及终端1100的各种图形用户接口，这些图形用户接口可以由图形、文本、图标、视频和其任意组合来构成。显示单元140可包括显示面板141，可选的，可以采用LCD(Liquid Crystal Display，液晶显示器)、OLED(Organic Light-Emitting Diode,有机发光二极管)等形式来配置显示面板141。进一步的，触敏表面131可覆盖显示面板141，当触敏表面131检测到在其上或附近的触摸操作后，传送给处理器180以确定触摸事件的类型，随后处理器180根据触摸事件的类型在显示面板141上提供相应的视觉输出。虽然在图11中，触敏表面131与显示面板141是作为两个独立的部件来实现输入和输入功能，但是在某些实施例中，可以将触敏表面131与显示面板141集成而实现输入和输出功能。

终端1100还可包括至少一种传感器150，比如光传感器、运动传感器以及其他传感器。具体地，光传感器可包括环境光传感器及接近传感器，其中，环境光传感器可根据环境光线的明暗来调节显示面板141的亮度，接近传感器可在终端1100移动到耳边时，关闭显示面板141和/或背光。作为运动传感器的一种，重力加速度传感器可检测各个方向上(一般为三轴)加速度的大小，静止时可检测出重力的大小及方向，可用于识别手机姿态的应用(比如横竖屏切换、相关游戏、磁力计姿态校准)、振动识别相关功能(比如计步器、敲击)等；至于终端1100还可配置的陀螺仪、气压计、湿度计、温度计、红外线传感器等其他传感器，在此不再赘述。

音频电路160、扬声器161，传声器162可提供用户与终端1100之间的音频接口。音频电路160可将接收到的音频数据转换后的电信号，传输到扬声器161，由扬声器161转换为声音信号输出；另一方面，传声器162将收集的声音信号转换为电信号，由音频电路160接收后转换为音频数据，再将音频数据输出处理器180处理后，经RF电路110以发送给比如另一终端，或者将音频数据输出至存储器120以便进一步处理。音频电路160还可能包括耳塞插孔，以提供外设耳机与终端1100的通信。

WiFi属于短距离无线传输技术，终端1100通过WiFi模块170可以帮助用户收发电子邮件、浏览网页和访问流式媒体等，它为用户提供了无线的宽带互联网访问。虽然图11示出了WiFi模块170，但是可以理解的是，其并不属于终端1100的必须构成，完全可以根据需要在不改变发明的本质的范围内而省略。

处理器180是终端1100的控制中心，利用各种接口和线路连接整个手机的各个部分，通过运行或执行存储在存储器120内的软件程序和/或模块，以及调用存储在存储器120内的数据，执行终端1100的各种功能和处理数据，从而对手机进行整体监控。可选的，处理器180可包括一个或多个处理核心；优选的，处理器180可集成应用处理器和调制解调处理器，其中，应用处理器主要处理操作系统、用户界面和应用程序等，调制解调处理器主要处理无线通信。可以理解的是，上述调制解调处理器也可以不集成到处理器180中。

终端1100还包括给各个部件供电的电源190(比如电池)，优选的，电源可以通过电源管理系统与处理器180逻辑相连，从而通过电源管理系统实现管理充电、放电、以及功耗管理等功能。电源190还可以包括一个或一个以上的直流或交流电源、再充电系统、电源故障检测电路、电源转换器或者逆变器、电源状态指示器等任意组件。

尽管未示出，终端1100还可以包括摄像头、蓝牙模块等，在此不再赘述。具体在本实施例中，终端1100的显示单元是触摸屏显示器，终端1100还包括有存储器，以及一个或者一个以上的程序，其中一个或者一个以上程序存储于存储器中，且经配置以由一个或者一个以上处理器执行述一个或者一个以上程序包含终端执行传输网页图片的方法的指令。

在示例性实施例中，还提供了一种包括指令的非临时性计算机可读存储介质，例如包括指令的存储器，上述指令可由终端的处理器执行以完成上述传输网页图片的方法。例如，所述非临时性计算机可读存储介质可以是ROM、RAM、CD-ROM、磁带、软盘和光数据存储设备等。

本领域普通技术人员可以理解实现上述实施例的全部或部分步骤可以通过硬件来完成，也可以通过程序来指令相关的硬件完成，所述的程序可以存储于一种计算机可读存储介质中，上述提到的存储介质可以是只读存储器，磁盘或光盘等。

以上所述仅为本发明的较佳实施例，并不用以限制本发明，凡在本发明的精神和原则之内，所作的任何修改、等同替换、改进等，均应包含在本发明的保护范围之内。

Claims (10)

1.一种传输网页图片的方法，其特征在于，所述方法包括：

获取目标网页中包含的多个网页图片；

确定所述多个网页图片中的每个网页图片在所述目标网页中的显示位置；

当所述多个网页图片满足预设压缩条件时，根据所述每个网页图片在所述目标网页中的显示位置，按照在所述目标网页中的显示位置由上到下、由左到右的顺序，对所述多个网页图片进行排序，得到所述每个网页图片的排列顺序；所述预设压缩条件为：所述多个网页图片中存在至少一个网页图片组合，其中，每个网页图片组合包含的网页图片之间包含相同的图片区域，且相同的图片区域的尺寸达到预设尺寸阈值；

根据每个网页图片的排列顺序将所述多个网页图片进行分组；

根据每组网页图片的图片间的相关性，将网页图片之间包含相同的图片区域进行压缩，得到压缩后的网页图片；

当接收到终端发送的对所述目标网页的获取请求时，向所述终端发送所述压缩后的网页图片。

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

根据所述多个网页图片的压缩格式，对所述每个网页图片进行解压缩处理，得到所述每个网页图片对应的原始网页图片；

所述根据每个网页图片的排列顺序及图片间的相关性，将所述每个网页图片作为视频图像帧进行压缩处理，得到压缩后的网页图片，包括：

根据每个网页图片的排列顺序及图片间的相关性，将所述每个网页图片对应的原始网页图片作为视频图像帧进行压缩处理，得到压缩后的网页图片。

3.一种传输网页图片的方法，其特征在于，所述方法包括：

向服务器发送对目标网页的获取请求；

接收所述服务器发送的压缩后的网页图片；

根据网页图片的图片间的相关性，将所述压缩后的网页图片作为视频图像帧进行解压缩处理，得到每个网页图片；

按照每个网页图片的排列顺序在所述目标网页中显示每个网页图片；

其中，所述服务器压缩得到所述压缩后的网页图片的过程如下：获取目标网页中包含的多个网页图片；确定所述多个网页图片中的每个网页图片在所述目标网页中的显示位置；当所述多个网页图片满足预设压缩条件时，根据所述每个网页图片在所述目标网页中的显示位置，按照在所述目标网页中的显示位置由上到下、由左到右的顺序，对所述多个网页图片进行排序，得到所述每个网页图片的排列顺序；所述预设压缩条件为：所述多个网页图片中存在至少一个网页图片组合，其中，每个网页图片组合包含的网页图片之间包含相同的图片区域，且相同的图片区域的尺寸达到预设尺寸阈值；根据每个网页图片的排列顺序将所述多个网页图片进行分组；根据每组网页图片的图片间的相关性，将网页图片之间包含相同的图片区域进行压缩，得到压缩后的网页图片。

4.一种服务器，其特征在于，所述服务器包括：

获取模块，用于获取目标网页中包含的多个网页图片；

排序模块，用于确定所述多个网页图片中的每个网页图片在所述目标网页中的显示位置；

当所述多个网页图片满足预设压缩条件时，根据所述每个网页图片在所述目标网页中的显示位置，按照在所述目标网页中的显示位置由上到下、由左到右的顺序，对所述多个网页图片进行排序，得到所述每个网页图片的排列顺序；所述预设压缩条件为：所述多个网页图片中存在至少一个网页图片组合，其中，每个网页图片组合包含的网页图片之间包含相同的图片区域，且相同的图片区域的尺寸达到预设尺寸阈值；

压缩模块，用于根据每个网页图片的排列顺序将所述多个网页图片进行分组；根据每组网页图片的图片间的相关性，将网页图片之间包含相同的图片区域进行压缩，得到压缩后的网页图片；

发送模块，用于当接收到终端发送的对所述目标网页的获取请求时，向所述终端发送所述压缩后的网页图片。

5.一种终端，其特征在于，所述终端包括：

发送模块，用于向服务器发送对目标网页的获取请求；

接收模块，用于接收所述服务器发送的压缩后的网页图片；

解压缩模块，用于根据网页图片的图片间的相关性，将所述压缩后的网页图片作为视频图像帧进行解压缩处理，得到每个网页图片；

显示模块，用于按照每个网页图片的排列顺序在所述目标网页中显示每个网页图片；

其中，所述服务器压缩得到所述压缩后的网页图片的过程如下：获取目标网页中包含的多个网页图片；确定所述多个网页图片中的每个网页图片在所述目标网页中的显示位置；当所述多个网页图片满足预设压缩条件时，根据所述每个网页图片在所述目标网页中的显示位置，按照在所述目标网页中的显示位置由上到下、由左到右的顺序，对所述多个网页图片进行排序，得到所述每个网页图片的排列顺序；所述预设压缩条件为：所述多个网页图片中存在至少一个网页图片组合，其中，每个网页图片组合包含的网页图片之间包含相同的图片区域，且相同的图片区域的尺寸达到预设尺寸阈值；根据每个网页图片的排列顺序将所述多个网页图片进行分组；根据每组网页图片的图片间的相关性，将网页图片之间包含相同的图片区域进行压缩，得到压缩后的网页图片。

6.一种服务器，其特征在于，所述服务器包括处理器和存储器，所述存储器中存储有至少一条指令，所述指令由所述处理器加载并执行以实现如权利要求1至2任一所述的传输网页图片的方法。

7.一种计算机可读存储介质，其特征在于，所述存储介质中存储有至少一条指令，所述指令由处理器加载并执行以实现如权利要求1至2任一所述的传输网页图片的方法。

8.一种终端，其特征在于，所述终端包括处理器和存储器，所述存储器中存储有至少一条指令，所述指令由所述处理器加载并执行以实现如权利要求3所述的传输网页图片的方法。

9.一种计算机可读存储介质，其特征在于，所述存储介质中存储有至少一条指令，所述指令由处理器加载并执行以实现如权利要求3所述的传输网页图片的方法。

10.一种传输网页图片的系统，其特征在于，所述系统包括服务器和终端，其中：

所述服务器，如所述权利要求4中所述的服务器；

所述终端，如所述权利要求5中所述的终端。

Images