CN110784621A

CN110784621A - 图像传输方法、装置、服务器、终端设备及系统

Info

Publication number: CN110784621A
Application number: CN201810882698.2A
Authority: CN
Inventors: 王晓振
Original assignee: Ucweb Inc
Current assignee: Alibaba China Co Ltd
Priority date: 2018-07-31
Filing date: 2018-07-31
Publication date: 2020-02-11
Anticipated expiration: 2038-07-31
Also published as: CN110784621B

Abstract

本发明公开了一种图像传输方法、装置、服务器、终端设备及系统。该图像传输方法包括：服务器获取待显示的第一图像和第二图像，其中，第一图像和第二图像的尺寸相同；服务器比较第二图像和第一图像，得到第二图像中与第一图像存在差异的图像单元，作为第一图像单元；服务器确定第一图像单元在第二图像中的位置；服务器将第一图像、第一图像单元、及第一图像单元在第二图像中的位置发送至终端设备；终端设备接收服务器发送的第一图像、第一图像单元、及第一图像单元在第二图像中的位置；终端设备根据第一图像、第一图像单元、及第一图像单元在第二图像中的位置生成第二图像；终端设备显示第一图像和第二图像。

Description

图像传输方法、装置、服务器、终端设备及系统

技术领域

本发明涉及互联网技术领域，更具体地，涉及一种用于服务器的图像传输方法、用于终端设备的图像传输方法、用于服务器的图像传输装置、用于终端设备的图像传输装置、服务器、终端设备及图像传输系统。

背景技术

随着互联网技术不断进步，不断更新，基于新技术的互联网页面的体验也越来越好。如今的互联网页面构成除了文字外，还包括图像、动画、视频、音频等。其中，尤其以图像和动画给用户带来的体验提升更直接。相比文字，图像和动画可以给用户带来更直接的信息。不过图像、动画的尺寸也要远远大于文字。据统计，当前的网络中有60％以上的流量属于图像或动画。无论网页提供者还是用户，图像和动画尺寸过大带来的影响都是负面的。对于网页提供者来说，过大的图像尺寸会导致服务器负载过高，带宽压力过大，直接导致更高的成本。对于用户来说，过大的图像尺寸会导致消耗的流量增加，网页显示速度变慢，直接导致更高的使用成本以及更差的使用体验。

因此，提出一种能够对多张图像进行压缩传输的技术方案是十分有价值的。

发明内容

本发明的一个目的是提供一种对多张图像进行压缩传输的新技术方案。

根据本发明的第一方面，提供了一种用于服务器的图像传输方法，包括：

获取待显示的第一图像和第二图像，其中，所述第一图像和所述第二图像的尺寸相同；

比较所述第二图像和所述第一图像，得到所述第二图像中与所述第一图像存在差异的图像单元，作为第一图像单元；

确定所述第一图像单元在所述第二图像中的位置；

将所述第一图像、所述第一图像单元、及所述第一图像单元在所述第二图像中的位置发送至终端设备，以使所述终端设备显示所述第一图像和所述第二图像。

可选的是，所述比较所述第二图像和所述第一图像，得到所述第二图像中与所述第一图像存在差异的图像单元，作为第一图像单元的步骤包括：

比较所述第一图像和所述第二图像中对应像素点的像素值；

将所述第二图像中相对于所述第一图像存在差异的像素点作为差异像素点；

根据所有差异像素点确定所述第一图像单元。

可选的是，所述确定所述第二图像中相对于所述第一图像存在差异的像素点作为差异像素点的步骤包括：

如果所述第二图像的任意一个像素点的像素值与所述第一图像中对应像素点的像素值的差值超过预先设定的像素阈值，则将所述任意一个像素点作为差异像素点。

可选的是，所述根据所有差异像素点确定所述第一差异区域包括：

确定包含所有所述差异像素点的最小矩形；

将所述最小矩形内的图像内容作为所述第一图像单元。

可选的是，所述将所述第一图像、所述第一图像单元、及所述第一图像单元在所述第二图像中的位置发送至终端设备进行显示的步骤包括：

将所述第一图像、所述第一图像单元、及所述第一图像单元在所述第二图像中的位置进行打包处理，得到打包文件；

将所述打包文件发送至所述终端设备。

可选的是，所述图像传输方法还包括：

获取所述第一图像的显示参数和所述第二图像的显示参数；其中，所述显示参数至少包括编码格式、和/或显示路径、和/或编号。

将所述第一图像的显示参数和所述第二图像的显示参数打包至所述打包文件中。

可选的是，所述图像传输方法还包括：

获取待显示的第三图像，所述第三图像和所述第二图像的尺寸相同；

比较所述第三图像和所述第二图像，确定所述第三图像中与所述第二图像存在差异的图像单元，作为第一临时图像单元；比较所述第三图像和所述第一图像，确定所述第三图像中与所述第一图像存在差异的图像单元，作为第二临时图像单元；

在所述第一临时图像单元包含的像素点数小于第二临时图像单元包含的像素点数的情况下，将所述第一临时图像单元作为第二图像单元，并将所述第三图像与所述第二图像进行关联；在所述第一临时图像单元包含的像素点数大于第一临时图像单元中包含的像素点数的情况下，将所述第二临时图像单元作为第二图像单元，并将所述第三图像与所述第一图像进行关联；

确定所述第二图像单元在所述第三图像中的位置；

将所述第二图像单元、所述第二图像单元在所述第三图像中的位置、及所述第三图像的关联信息发送至所述终端设备，以使所述终端设备显示所述第三图像。

根据本发明的第二方面，提供了一种用于终端设备的图像传输方法，包括：

接收服务器发送的第一图像、第一图像单元、及所述第一图像单元在第二图像中的位置；

根据所述第一图像、所述第一图像单元、及所述第一图像单元在第二图像中的位置生成所述第二图像；

显示所述第一图像和所述第二图像。

可选的是，所述接收服务器发送的第一图像、第一图像单元、及所述第一图像单元在第二图像中的位置包括：

接收所述服务器发送的打包文件；

解析所述打包文件，得到所述第一图像、所述第一图像单元、及所述第一图像单元在第二图像中的位置。

可选的是，根据所述第一图像、所述第一图像单元、及所述第一图像单元在第二图像中的位置生成所述第二图像的步骤包括：

根据所述第一图像单元在所述第二图像中的位置，确定第一图像单元在所述第一图像中的替换位置；所述替换位置与所述第一图像单元在所述第二图像中的位置相同；

在所述替换位置上显示所述第一图像单元，得到所述第二图像。

可选的是，所述图像传输方法还包括：

接收所述服务器发送的第二图像单元、所述第三图像的关联信息、及所述第二图像单元在第三图像中的位置；

根据所述第三图像的关联信息确定与所述第三图像关联的图像；

根据所述与第三图像关联的图像、所述第二图像单元、及所述第二图像单元在第三图像中的位置生成所述第三图像；

显示所述第三图像。

根据本发明的第三方面，提供了一种服务器，包括处理器和存储器，所述存储器用于存储指令，所述指令用于控制所述处理器执行根据本发明第一方面所述的图像传输方法。

根据本发明的第四方面，提供了一种终端设备，包括处理器和存储器，所述存储器用于存储指令，所述指令用于控制所述处理器执行根据本发明第二方面所述的图像传输方法。

根据本发明的第五方面，提供了一种图像传输系统，包括根据本发明第三方面所述的服务器、及根据本发明第四方面所述的终端设备。

本发明的一个有益效果在于，在服务器向终端设备传输图像文件、以使终端设备显示第一图像和第二图像时，服务器将第一图像和第二图像进行关联，向终端设备发送第一图像、及第二图像中与第一图像中存在差异的图像单元，而无需将完整的第二图像发送至终端设备，就可以使得终端设备显示第一图像和第二图像。这样，可以减少图像文件的尺寸，降低图像文件传输占用的带宽，减少图像文件传输消耗的时间。此外，还可以减小终端设备接收图像文件耗费的流量，提升用户体验。

通过以下参照附图对本发明的示例性实施例的详细描述，本发明的其它特征及其优点将会变得清楚。

附图说明

被结合在说明书中并构成说明书的一部分的附图示出了本发明的实施例，并且连同其说明一起用于解释本发明的原理。

图1是显示可用于实现本发明的实施例的图像传输系统的硬件配置的例子的框图；

图2为本发明的第一实施例提供的用于服务器的图像传输方法的流程图；

图3为本发明的第一实施例提供的确定第一图像单元的步骤的流程图；

图4为本发明的第一实施例提供的传输第三图像的步骤的流程图；

图5a为第一图像的示意图；

图5b为第二图像的示意图；

图5c为第三图像的示意图；

图5d为第一图像单元的示意图；

图5e为第一临时图像单元的示意图；

图6为本发明的第一实施例提供的服务器的框图；

图7为本发明第二实施例提供的用于终端设备的图像传输方法的流程图；

图8为本发明第二实施例提供的传输第三图像的步骤的流程图；

图9为本发明的第二实施例提供的终端设备的框图；

图10为本发明的第三实施例提供的图像传输系统的框图；

图11为本发明的第三实施例提供的图像传输系统实施图像传输方法的例子的示意图。

具体实施方式

现在将参照附图来详细描述本发明的各种示例性实施例。应注意到：除非另外具体说明，否则在这些实施例中阐述的部件和步骤的相对布置、数字表达式和数值不限制本发明的范围。

以下对至少一个示例性实施例的描述实际上仅仅是说明性的，决不作为对本发明及其应用或使用的任何限制。

对于相关领域普通技术人员已知的技术、方法和设备可能不作详细讨论，但在适当情况下，所述技术、方法和设备应当被视为说明书的一部分。

在这里示出和讨论的所有例子中，任何具体值应被解释为仅仅是示例性的，而不是作为限制。因此，示例性实施例的其它例子可以具有不同的值。

应注意到：相似的标号和字母在下面的附图中表示类似项，因此，一旦某一项在一个附图中被定义，则在随后的附图中不需要对其进行进一步讨论。

<硬件配置>

如图1所示，图像传输系统1000包括服务器1100、终端设备1200以及网络1300。

服务器1100例如可以是刀片服务器等。在一个例子中，服务器1100可以是一台计算机。在在另一个例子中，服务器1100可以如图1所示，包括处理器1110、存储器1120、接口装置1130、通信装置1140、显示装置1150、输入装置1160。尽管服务器也可以包括扬声器、麦克风等等，但是，这些部件与本发明无关，故在此省略。其中，处理器1110例如可以是中央处理器CPU、微处理器MCU等。存储器1120例如包括ROM(只读存储器)、RAM(随机存取存储器)、诸如硬盘的非易失性存储器等。接口装置1130例如包括USB接口、串行接口等。通信装置1140例如能够进行有线或无线通信。显示装置1150例如是液晶显示屏。输入装置1160例如可以包括触摸屏、键盘等。

终端设备1200可以是便携式电脑(1200-1)、台式计算机(1200-2)、手机(1200-3)、平板电脑(1200-4)等。如图1所示，终端设备1200可以包括处理器1210、存储器1220、接口装置1230、通信装置1240、显示装置1250、输入装置1260、扬声器1270、麦克风1280，等等。其中，处理器1210可以是中央处理器CPU、微处理器MCU等。存储器1220例如包括ROM(只读存储器)、RAM(随机存取存储器)、诸如硬盘的非易失性存储器等。接口装置1230例如包括USB接口、耳机接口等。通信装置1240例如能够进行有线或无线通信。显示装置1250例如是液晶显示屏、触摸显示屏等。输入装置1260例如可以包括触摸屏、键盘等。用户可以通过扬声器1270和麦克风1280输入/输出语音信息。

通信网络1300可以是无线网络也可以网络，可以是局域网也可以是广域网。在图1所示的配置环境1000中，终端设备1200-1、1200-2、1200-3、1200-4以及服务器1100可以通过通信网络1300进行通信。

图1所示的配置环境1100仅是解释性的，并且决不是为了要限制本发明、其应用或用途。

应用于本发明的实施例中，服务器1100的所述存储器1120用于存储指令，所述指令用于控制所述处理器1110进行操作以执行本发明实施例提供的任意一项用于服务器的图像传输方法。

终端设备1200的所述存储器1220用于存储指令，所述指令用于控制所述处理器1210进行操作以执行本发明实施例提供的任意一项用于终端设备的图像传输方法。本领域技术人员应当理解，尽管在图1中对服务器1100以及终端设备1200都示出了多个装置，但是，本发明可以仅涉及其中的部分装置，例如，服务器1100只涉及处理器1110和存储装置1120，或者终端设备1200只涉及处理器1210和存储装置1220等。技术人员可以根据本发明所公开方案设计指令。指令如何控制处理器进行操作，这是本领域公知，故在此不再详细描述。

本发明实施例的总体构思，是提供一种新的图像传输的技术方案，在服务器向终端设备传输图像文件、以使终端设备显示第一图像和第二图像时，服务器将第一图像和第二图像进行关联，向终端设备发送第一图像、及第二图像中与第一图像中存在差异的图像单元，而无需将完整的第二图像发送至终端设备，就可以使得终端设备显示第一图像和第二图像。这样，可以减少图像文件的尺寸，降低图像文件传输占用的带宽，减少图像文件传输消耗的时间。此外，还可以减小终端设备接收图像文件耗费的流量，提升用户体验。

<第一实施例>

<方法>

在本实施例中，提供一种用于服务器的图像传输方法。

该服务器可以任意具有处理器和存储器的电子设备，例如，可以是台式计算机、刀片服务器、云端服务器等。在一个例子中，服务器可以是图1所示的服务器1100。

图2为本发明第一实施例提供的用于服务器的图像传输方法的流程图。

根据图2所示，该图像传输方法包括如下步骤S2100～S2400。

步骤S2100，获取待显示的第一图像和第二图像。

其中，第一图像和第二图像的尺寸相同。

第一图像和第二图像的尺寸相同具体可以包括：第一图像在高度方向上具有的像素点数和第二图像在高度方向上具有的像素点数相同，第一图像在宽度方向上具有的像素点数和第二图像在宽度方向上具有的像素点数相同，第一图像的像素点总数与第二图像的像素点总数相同。

步骤S2200，比较第二图像和第一图像，得到第二图像中与第一图像存在差异的图像单元，作为第一图像单元。

在本发明的一个实施例中，执行步骤S2200的方法可以包括如图3所示的步骤S2210～S2230。

步骤S2210，比较第一图像和第二图像中对应像素点的像素值。

第一图像和第二图像例如可以均为位图文件(bitmap)。如果第一图像和第二图像为其他格式，则可以将其他格式的图像解压缩为bitmap格式。

那么，第一图像和第二图像可以是像素点阵列，第一图像和第二图像的像素点阵列中，位于相同位置的像素点相对应。例如，第一图像的像素点阵列中位于第M行第N列的像素点，与第二图像的像素点阵列中位于第M行第N列的像素点相对应。其中，M和N均为正整数。

这样，比较第一图像和第二图像中对应像素点的像素值例如可以是：比较第一图像的像素点阵列中位于第M行第N列的像素点的像素值、与第二图像的像素点阵列中位于第M行第N列的像素点的像素值。

在本实施例中，可以是比较第一图像和第二图像中所有对应像素点的像素值。例如，可以是逐行逐列对第一图像中的每一个像素点与第二图像中对应的像素点的像素值进行比较。

步骤S2220，将第二图像中相对于第一图像存在差异的像素点作为差异像素点。

如果第二图像中的其中一个像素点的像素值与第一图像中对应像素点的像素值之间的差值超过预先设定的像素阈值，则将第二图像中的该像素点作为差异像素点。

像素阈值可以是预先根据应用场景设定，例如可以是4。那么，在第二图像中第三行第二列的像素点的像素值与第一图像中第三行第二列的像素点的像素值之间的差值超过像素阈值4的情况下，第二图像中第三行第二列的像素点则可以是差异像素点。

将第二图像中相对于第一图像相同的像素点作为相同像素点。如果第二图像中的其中一个像素点的像素值与第一图像中对应像素点的像素值之间的差值小于或者等于预先设定的像素阈值，则可以将第二图像中的该像素点作为相同像素点。

步骤S2230，根据所有差异像素点确定第一图像单元。

具体的，第一图像单元中可以包含所有差异像素点的像素值、及所有差异像素点在第一图像单元中的位置。

在一个例子中，第一图像单元中不包含相同像素点。即第一图像单元中包含的差异像素点可以是离散的。

在另一个例子中，第一图像单元中包含所有的差异像素点和部分相同像素点。

那么，根据所有差异像素点确定第一图像单元的步骤可以包括如下步骤：S2231～S2232。

步骤S2231，确定包含所有差异像素点的最小矩形。

具体的，该最小矩形内包含所有的差异像素点，且该最小矩形的每个边上均包含至少一个差异像素点。该最小矩形的宽度方向与第二图像的宽度方向平行，该最小矩形的高度方向与第二图像的高度方向平行。

因此，确定包含所有差异像素点的最小矩形的方式可以包括：确定距离第二图像中每个边界最近的像素点，作为边界像素点；根据边界像素点确定最小矩形。

步骤S2232，将最小矩形内的图像内容作为第一图像单元。

最小矩形内的图像内容至少包括：最小矩形内的所有的像素点的像素值、及最小矩形内的每一个像素点在最小矩形中的位置。

步骤S2300，确定第一图像单元在第二图像中的位置。

具体的，可以是确定第一图像单元中任意一个像素点在第二图像中的位置。

例如，在第一图像单元为包含最小矩形内所有像素点的图像内容的情况下，可以选取最小矩形中任意一个顶点在第二图像中的位置。

步骤S2400，将第一图像、第一图像单元、及第一图像单元在第二图像中的位置发送至终端设备，以使该终端设备显示第一图像和第二图像。

服务器将第一图像、第一图像单元、及第一图像单元在第二图像中的位置发送至终端设备，以使终端设备可以根据第一图像、第一图像单元、及第一图像单元在第二图像中的位置来显示第一图像和第二图像。

通过本发明的实施例，在服务器向终端设备传输图像文件、以使终端设备显示第一图像和第二图像时，服务器将第一图像和第二图像进行关联，向终端设备发送第一图像、及第二图像中与第一图像中存在差异的图像单元，而无需将完整的第二图像发送至终端设备，就可以使得终端设备显示第一图像和第二图像。这样，可以减少图像文件的尺寸，降低图像文件传输占用的带宽，减少图像文件传输消耗的时间。此外，还可以减小终端设备接收图像文件耗费的流量，提升用户体验。

在本发明的一个实施例中，执行步骤S2400的步骤还可以包括：将第一图像、第一图像单元、及第一图像单元在第二图像中的位置进行打包处理，得到打包文件；将打包文件发送至终端设备，以使终端设备根据接收到的打包文件显示第一图像和第二图像。

在此基础上，该图像传输方法还可以包括如下步骤S3100～S3200：

步骤S3100，获取第一图像的显示参数和第二图像的显示参数；其中，显示参数至少包括编码格式、和/或显示路径、和/或编号。

步骤S3200，将第一图像的显示参数和第二图像的显示参数打包至打包文件中。

例如，可以通过以下格式对服务器发送的第一图像、第一图像单元、及第一图像单元在第二图像中的位置进行压缩打包处理：

签名

文件头

文件体

文件尾

其中，签名用于标记该打包文件为图像文件压缩包；文件头用于记录该打包文件的必要信息，例如可以包括文件体的长度、文件体中带有图像块的个数等；文件体由多个文件块组成，每个文件块包含用于表示对应图像的信息；文件尾用于标记该打包文件结束。

在终端设备根据接收的打包文件显示第一图像和第二图像的情况下，打包文件中包括用于表示第一图像的图像信息的文件块、及用于表示第二图像的图像信息的文件块。其中，第一图像单元、及第一图像单元在第二图像中的位置用于表示第二图像的图像信息。

文件块的结构格式可以为：

长度	类型	编号	关联编号
				编码格式	图像位置坐标x	图像位置坐标y	图像宽度w
图像高度h	图像内容长度	图像内容	图像路径长度
				图像路径	校验位CRC

长度(4bytes)表示该文件块的长度。类型(4bytes)标记了该文件块的作用是承载图像内容。编号(4bytes)标记了该文件块的编号。在文件体内，所有的文件块的编号都是唯一的。关联编号(4bytes)标记了该文件块需要基于关联编号的文件块构成图像文件。

如果关联编号与编号值相同，意味着该文件块承载的图像是独立的。图像位置坐标x可以是0，坐标y也可以是0，宽高即为最终图像的宽高。

如果关联编号与编号值不同，意味着该文件块承载的图像是基于关联编号的文件构成的。在关联编号的图像中的位置(x，y)上再绘制一个区域(w，h)，绘制后的新的图像即为该编号文件块所代表的图像内容。关联编号的图像的宽高即为该文件的宽高。

例如，在第一图像对应的文件块中的编号为1，第二图像对应的文件块的编号为2的情况下，第一图像对应的文件块中的关联编号可以是1，表明该文件块承载的第一图像时独立的、完整的。第二图像对应的文件块中的关联编号可以是1，表明该文件块承载的第一图像单元是基于第一图像的构成的。

编码格式(4bytes)是该文件块内承载的图像内容的编码格式，例如可以是PNG、WebP、JPEG、bitmap等。图像位置坐标x(4bytes)是该文件块内的图像内容需要叠加在关联编号文件块的图像内容的横坐标。图像位置坐标y(4bytes)是该文件块内的图像内容需要叠加在关联编号文件块的图像内容的纵坐标。图像宽度w(4bytes)是该文件块内的图像内容需要叠加在关联编号文件块指定位置的宽度。图像高度h(4bytes)是该文件块内的图像内容需要叠加在关联编号文件块指定位置的高度。图像内容长度(4bytes)是该图像内容的数据长度。图像内容(图像内容长度)是该图像内容。图像路径长度(4bytes)记录了图像路径内容的长度。图像路径(图像路径长度)记录了该图像的原始路径，用于页面中的图像展示。校验位CRC(4bytes)用于确认整个文件块的数据完整性。

这样，通过本实施例的方法对服务器传输至终端设备的图像文件进行打包处理，可以进一步减小传输的图像文件的尺寸，进一步降低图像文件传输占用的带宽，可以减少图像文件传输消耗的时间。此外，还可以进一步减小终端设备接收图像文件耗费的流量，提升用户体验。

在本发明的一个实施例中，服务器还可以传输第三图像。那么，该图像传输方法还可以包括如图4所示的步骤S4100～S4500。

步骤S4100，获取待显示的第三图像。

其中，第三图像和第二图像的尺寸相同。由于第二图像的尺寸和第一图像的尺寸相同，因此，第一图像、第二图像、第三图像的尺寸均相同。

第一图像、二图像和第三图像的尺寸相同具体可以包括：第一图像在高度方向上具有的像素点数、第二图像在高度方向上具有的像素点数和第三图像在高度方向上具有的像素点数相同；第一图像在宽度方向上具有的像素点数、第二图像在宽度方向上具有的像素点数、和第三图像在宽度方向上具有的像素点数相同，第一图像的像素点总数、第二图像的像素点总数、和第三图像的像素点总数相同。

步骤S4200，比较第三图像和第二图像，确定第三图像中与第二图像存在差异的图像单元，作为第一临时图像单元；比较第三图像和第一图像，确定第三图像中与第一图像存在差异的图像单元，作为第二临时图像单元。

具体的，确定第一临时图像单元和第二临时图像单元的方式可以参照前述的确定第一图像单元的方式，在此不再赘述。

步骤S4300，在第一临时图像单元包含的像素点数小于第二临时图像单元包含的像素点数的情况下，将第一临时图像单元作为第二图像单元，并将第三图像与第二图像进行关联；在第一临时图像单元包含的像素点数大于第二临时图像单元包含的像素点数的情况下，将第二临时图像单元作为第二图像单元，并将第三图像与第一图像进行关联。

在第一临时图像单元包含的像素点数等于第二临时图像单元包含的像素点数的情况下，可以将第一临时图像单元作为第二图像单元，并将第三图像与第二图像进行关联；或者也可以将第二临时图像单元作为第二图像单元，并将第三图像与第一图像进行关联。

关联信息例如可以是在前述的文件块中的关联编号。

例如，在第一图像对应的文件块中的编号为1，第二图像对应的文件块的编号为2，第三图像对应的文件块的编号为3的情况下，第一图像对应的文件块中的关联编号可以是1，表明该文件块承载的图像时独立的、完整的第一图像。第二图像对应的文件块中的关联编号可以是1，表明该文件块承载的图像是基于第一图像构成的。在第三图像与第二图像关联的情况下，第三图像对应的文件块中的关联编号可以是2，表明该文件块承载的图像是基于第二图像构成的。在第三图像与第一图像单元关联的情况下，第三图像对应的文件块中的关联编号可以是1，表明该文件块承载的图像是基于第一图像构成的。

步骤S4400，确定第二图像单元在第三图像中的位置。

在本实施例中，确定第二图像单元在第三图像中的位置的方式，可以参考前述的确定第一图像单元在第一图像中的位置的方式，在此不再赘述。

步骤S4500，将第二图像单元、第二图像单元在第三图像中的位置、第三图像的关联信息发送至终端设备，以使终端设备显示第三图像。

在服务器还将第三图像传输至终端设备的情况下，在执行上述的步骤S2400之前，还需将第二图像与第一图像进行关联，并将第二图像的关联信息发送至终端设备，以使终端设备能够根据第二图像的关联信息生成并显示第二图像。

进一步地，可以是将第二图像单元、第二图像单元在第三图像中的位置、第二图像的关联信息、第三图像的关联信息均打包至打包文件中。

<例子>

在第一图像为如图5a所示，第二图像为如图5b所示，第三图像为如图5c所示的情况下，打包文件的内容可以为：

签名：“CompressPictures”

文件头：3。表示文件体内有3个文件块，每一个文件块最终会解码出一个图像。

文件块1的结构(文件块1用于还原第一图像)

长度：略

类型：”Pict”

编号：0001

关联编号：0001

编码格式：png

图像位置坐标x：0

图像位置坐标y：0

图像宽度：210

图像高度：289

图像内容长度：2441

图像内容：如图5a所示(包含每个像素点的位置和像素值)

图像路径长度：6

图像路径：“第一图像”

校验位CRC：略

文件块2的结构(文件块2用于还原第二图像)：

长度：略

类型：”Pict”

编号：0002

关联编号：0001

编码格式：png

图像位置坐标x：83

图像位置坐标y：102

图像宽度：48

图像高度：41

图像内容长度：1393

图像内容：如图5d所示(包含每个像素点的位置和像素值)

图像路径长度：6

图像路径：“第二图像”

校验位CRC：略

文件块3结构(文件块3用于还原第三图像)：

长度：略

类型：”Pict”

编号：0003

关联编号：0002

编码格式：png

图像位置坐标x：83

图像位置坐标y：163

图像宽度：48

图像高度：41

图像内容长度：1393

图像内容：如图5e所示(包含每个像素点的位置和像素值)

图像路径长度：6

图像路径：“第三图像”

校验位CRC：略

文件尾：略

这样，待显示的第一图像、第二图像和第三图像的总大小为：

2441(第一图像)+3757(第二图像)+5038(第三图像)＝11236

使用本实施例的图像传输方法传输的图像总大小为：

2441(第一图像)+1393(第一图像单元)+1393(第一临时图像单元)＝5227

由此可见，通过本发明的实施例，可以减少图像文件的尺寸，降低图像文件传输占用的带宽，减少图像文件传输消耗的时间。此外，还可以减小终端设备接收图像文件耗费的流量，提升用户体验。

<服务器>

在本例中，还提供一种服务器200，如图6所示，包括：处理器210和存储器220。存储器220用于存储指令；该指令用于控制处理器210执行本实施例中任意一项所述的图像传输方法。

在本实施例中，服务器200还可以包括其他的装置或者模块，例如，如图1所示的服务器1100。

在本实施例中，服务器200并不局限于实体实施形式，服务器200可以是计算机、刀片服务器、云端服务器、服务器群组等。服务器200还可以将部分功能通过外部设备实现，例如，服务器200可以外设通信服务器，用于管理服务器与多个终端设备之间的通信连接；服务器200可以外设信息服务器，用于协助服务器200管理多个终端设备的设备信息，等等。

本领域技术人员应当明白，可以通过各种方式来实现服务器200。例如，可以通过指令配置处理器来实现服务器200。例如，可以将指令存储在ROM中，并且当启动设备时，将指令从ROM读取到可编程器件中来实现服务器200。例如，可以将服务器200固化到专用器件(例如ASIC)中。可以将服务器200分成相互独立的单元，或者可以将它们合并在一起实现。服务器200可以通过上述各种实现方式中的一种来实现，或者可以通过上述各种实现方式中的两种或更多种方式的组合来实现。

以上已经结合附图描述了本实施例，根据本实施例，提供一种图像传输方法及服务器，在服务器向终端设备传输图像文件、以使终端设备显示第一图像和第二图像时，服务器将第一图像和第二图像进行关联，向终端设备发送第一图像、及第二图像中与第一图像中存在差异的图像单元，而无需将完整的第二图像发送至终端设备，就可以使得终端设备显示第一图像和第二图像。这样，可以减少图像文件的尺寸，降低图像文件传输占用的带宽，减少图像文件传输消耗的时间。此外，还可以减小终端设备接收图像文件耗费的流量，提升用户体验。

<第二实施例>

<方法>

在本实施例中，提供一种用于终端设备的图像传输方法。

该终端设备可以任意具有显示装置、处理器和存储器的电子设备，例如，可以是手机、平板电脑、掌上电脑、台式计算机等。在一个例子中，终端设备可以是图1所示的终端设备1200。

图7为本发明第二实施例提供的用于终端设备的图像传输方法的流程图。

根据图7所示，该图像传输方法包括如下步骤S7100～S7300。

步骤S7100，接收服务器发送的第一图像、第一图像单元、及第一图像单元在第二图像中的位置。

在本发明的一个实施例中，服务器是将第一图像、第一图像单元、及第一图像单元在第二图像中的位置进行打包处理，并将得到的打包文件发送至终端设备的。那么执行步骤S7100的步骤可以进一步包括：

步骤S7110，接收服务器发送的打包文件。

步骤S7120，根据预先设定的格式解析该打包文件，得到第一图像、第一图像单元、及第一图像单元在第二图像中的位置。

具体的，终端设备和服务器预先约定好对应的打包格式和解析格式，以使服务器根据预设的打包格式对第一图像、第一图像单元、及第一图像单元在第二图像中的位置进行打包处理得到打包文件时，终端设备可以根据预设的解析格式能够解析该打包文件，重新得到第一图像、第一图像单元、及第一图像单元在第二图像中的位置。

步骤S7200，根据第一图像、第一图像单元、及第一图像单元在第二图像中的位置生成第二图像。

在本发明的一个实施例中，步骤S7200可以进一步包括步骤S7210～S7220。

步骤S7210，根据第一图像单元在第二图像中的位置，确定第一图像单元在第一图像中的替换位置。

由于第一图像和第二图像的尺寸相同，因此，第一图像单元在第一图像中的替换位置与第一图像单元在第一临时图像单元中的位置相同。

例如，在第一图像单元在第二图像中的位置为像素点A在第二图像中的位置，那么，第一图像单元在第一图像中的替换位置可以是第一图像单元中的像素点A在第一图像中的位置。

步骤S7220，在第一图像的替换位置上显示第一图像单元，得到第二图像。

在一个例子中，执行步骤S7220的方式可以包括：

根据第一图像单元在第一图像中的替换位置，可以确定第一图像单元中每一个像素点在第一图像中的替换像素点，第一图像单元中的像素点与第一图像中的替换像素点一一对应，第一图像单元中每一个像素点与对应的替换像素点在第一图像中的位置相同。将第一图像中每一个替换像素点的像素值替换为第一图像单元中对应像素点的像素值，这样就可以得到第二图像。

在本发明的一个例子中，终端设备还可以接收服务器发送的第二图像的关联信息。那么，终端设备还可以根据第二图像的关联信息确定与第二图像关联的图像(即第一图像)、第一图像单元、及第一图像单元在第二图像中的位置生成第二图像。

步骤S7300，显示第一图像和第二图像。

进一步地，终端设备接收的打包文件中还可以包括第一图像的显示路径和第二图像的显示路径，那么，显示第一图像和第二图像则可以为：根据第一图像的显示路径查找第一图像并显示；根据第二图像的显示路径查找第二图像并显示。

在本发明的一个实施例中，该图像传输方法还可以包括如图8所示的步骤S8100～S8400。

步骤S8100，接收服务器发送的第二图像单元、第三图像的关联信息、及第二图像单元在第三图像中的位置。

步骤S8200，根据第三图像的关联信息确定与第三图像关联的图像。终端设备接收到了服务器发送的内容包括：第一图像、第一图像单元、及第一图像单元在第二图像中的位置、第二图像的关联信息、第二图像单元、第三图像的关联信息、及第二图像单元在第三图像中的位置。

根据第二图像的关联信息，可以确定第二图像是与第一图像关联的，因此，可以根据与第二图像关联的第一图像、第一图像单元、及第一图像单元在第二图像中的位置生成第二图像。

根据第三图像的关联信息，可以确定第三图像是与第一图像或第二图像关联的。步骤S8300，根据与第三图像关联的图像、第二图像单元、及第二图像单元在第三图像中的位置生成第三图像。

在第三图像是与第一图像关联的情况下，可以根据关联的第一图像、第二图像单元、及第二图像单元在第三图像中的位置生成第三图像。

在第三图像是与第二图像关联的情况下，可以根据关联的第二图像、第二图像单元、及第二图像单元在第三图像中的位置生成第三图像。

根据与第三图像关联的图像、第二图像单元、及第二图像单元在第三图像中的位置生成第三图像的具体方式，可以参考前述的根据关联的第一图像、第一图像单元、及第一图像单元在第二图像中的位置生成第二图像的实施例，在此不再赘述。

步骤S8400，显示第三图像。

进一步地，终端设备接收的打包文件中还可以包括第三图像的显示路径，那么，显示第三图像则可以为：根据第三图像的显示路径查找第三图像并显示。

通过本实施例的图像传输方法，在服务器向终端设备传输图像文件、以使终端设备显示第一图像和第二图像时，终端设备接收服务器发送的第一图像、及第二图像中与第一图像中存在差异的图像单元，就可以生成第二图像，并显示第一图像和第二图像。这样，可以减少图像文件的尺寸，降低图像文件传输占用的带宽，减少图像文件传输消耗的时间。此外，还可以减小终端设备接收图像文件耗费的流量，提升用户体验。

<例子>

在终端设备接收到第一实施例中所示的用于传输第一图像、第二图像、第三图像的打包文件时，可以根据预设的解析格式来解析打包文件，得到3个文件块。进一步地，可以根据下述方式对3个文件块进行解析，得到第一图像、第二图像和第三图像。

对于编号为0001的文件块，编号和关联编号相同，因此文件块内对应的图像宽度w和高度h即为解码后的图像宽高。客户端根据图像编码格式对图像内容进行解码。解码后的图像格式为bitmap，保存为第一图像。第一图像的记录信息可以为：

编号：0001

图像路径：第一图像

图像宽度：210

图像高度：289

图像格式：bitmap

图像内容：如图5a所示(包含每个像素点的位置和像素值)

终端设备可以根据文件块中的图像路径找到第一图像并进行显示。

对于编号为0002的文件块，根据图像编码格式对图像内容进行解码，解码后的图像格式为bitmap，宽度为48，高度为41的第一图像单元。获取位置p(83，102)该文件块的关联编号为0001，通过指定的关联编号“0001”匹配图像解码对象的编号，找到第一图像。在第一图像的位置p(83，102)上绘制区域48*41的第一图像单元，叠加后的图像即为第二图像，保存第二图像。第二图像的记录信息可以为：

编号：0002

图像路径：第二图像

图像宽度：210

图像高度：289

图像格式：bitmap

图像内容：如图5b所示(包含每个像素点的位置和像素值)

终端设备可以根据文件块中的图像路径找到第二图像并进行显示。

对于编号为0003的文件块，根据图像编码格式对图像内容进行解码，解码后的图像格式为bitmap，宽度为48，高度为41的第一临时图像单元。获取位置p(83，163)该文件块的关联编号为0002，通过指定的关联编号“0002”匹配图像解码对象的编号，找到第二图像。在第二图像的位置p(83，163)上绘制区域48*41的第一临时图像单元，叠加后的图像即为第三图像，保存第三图像。第三图像的记录信息可以为：

编号：0003

图像路径：第三图像

图像宽度：210

图像高度：289

图像格式：bitmap

图像内容：如图5c所示(包含每个像素点的位置和像素值)

终端设备可以根据文件块中的图像路径找到第三图像并进行显示。

<终端设备>

在本实施例中，还提供一种终端设备300，如图9所示，包括处理器310和存储器320。存储器320用于存储指令；该指令用于控制处理器310执行本实施例中提供的任意一项的图像传输方法。

在本实施例中，终端设备还可以包括其他的装置或者模块，例如，如图1所示的终端设备1200。终端设备300也可以具有多种实体形式，例如，终端设备可以是手机、平板电脑、掌上电脑、台式计算机等。

本领域技术人员应当明白，可以通过各种方式来实现终端设备300。例如，可以通过指令配置处理器来实现终端设备300。例如，可以将指令存储在ROM中，并且当启动设备时，将指令从ROM读取到可编程器件中来实现终端设备300。例如，可以将终端设备300固化到专用器件(例如ASIC)中，可以将终端设备300分成相互独立的单元，或者可以将它们合并在一起实现。终端设备300可以通过上述各种实现方式中的一种来实现，或者可以通过上述各种实现方式中的两种或更多种方式的组合来实现。

以上已经结合附图描述了本实施例，根据本实施例，提供一种图像传输方法及终端设备，在服务器向终端设备传输图像文件、以使终端设备显示第一图像和第二图像时，终端设备接收服务器发送的第一图像、及第二图像中与第一图像中存在差异的图像单元，就可以生成第二图像，并显示第一图像和第二图像。这样，可以减少图像文件的尺寸，降低图像文件传输占用的带宽，减少图像文件传输消耗的时间。此外，还可以减小终端设备接收图像文件耗费的流量，提升用户体验。

<第三实施例>

<系统>

在本实施例中，提供一种图像传输系统400，如图10所示，包括：

第一实施例中提供的服务器200；

以及第二实施例中提供的终端设备300。

在本实施例中，图像传输系统400还可以包括其他设备，例如，还可以包括通信服务器，用于管理服务器200与终端设备300之间的通信连接；或者，还可以包括信息服务器，用于协助服务器200管理终端设备300，等等。

在一个例子中，图像传输系统400中的服务器还可以是如图1所示的图像传输系统1000。

以下将结合图10举例进一步说明通过本实施例中的图像传输系统400实施的图像传输方法。

该图像传输方法，如图11所示，包括：步骤S401～S409。

步骤S401，服务器200获取待显示的第一图像和第二图像。

步骤S402，服务器200比较第二图像和第一图像，得到第二图像中与第一图像存在差异的图像单元，作为第一图像单元。

步骤S403，服务器200确定第一图像单元在第二图像中的位置。

步骤S404，服务器200将第一图像、第一图像单元、及第一图像单元在第二图像中的位置发送至终端设备。

服务器200执行的图像传输方法的步骤在第一实施例中已经详细说明，在此不再赘述。

步骤S405，终端设备300接收服务器200发送的第一图像、第一图像单元、及第一图像单元在第二图像中的位置。

步骤S406，终端设备300根据第一图像、第一图像单元、及第一图像单元在第二图像中的位置生成第二图像。

步骤S407，终端设备300显示第一图像和第二图像。

终端设备300执行的图像传输方法的步骤在第一实施例中已经详细说明，在此不再赘述。

在本例中，在服务器向终端设备传输图像文件、以使终端设备显示第一图像和第二图像时，服务器将第一图像和第二图像进行关联，向终端设备发送第一图像、及第二图像中与第一图像中存在差异的图像单元，而无需将完整的第二图像发送至终端设备，终端设备接收服务器发送的第一图像、及第二图像中与第一图像中存在差异的图像单元，就可以生成第二图像，并显示第一图像和第二图像。这样，可以减少图像文件的尺寸，降低图像文件传输占用的带宽，减少图像文件传输消耗的时间。此外，还可以减小终端设备接收图像文件耗费的流量，提升用户体验。

本发明可以是系统、方法和/或计算机程序产品。计算机程序产品可以包括计算机可读存储介质，其上载有用于使处理器实现本发明的各个方面的计算机可读程序指令。

计算机可读存储介质可以是可以保持和存储由指令执行设备使用的指令的有形设备。计算机可读存储介质例如可以是——但不限于——电存储设备、磁存储设备、光存储设备、电磁存储设备、半导体存储设备或者上述的任意合适的组合。计算机可读存储介质的更具体的例子(非穷举的列表)包括：便携式计算机盘、硬盘、随机存取存储器(RAM)、只读存储器(ROM)、可擦式可编程只读存储器(EPROM或闪存)、静态随机存取存储器(SRAM)、便携式压缩盘只读存储器(CD-ROM)、数字多功能盘(DVD)、记忆棒、软盘、机械编码设备、例如其上存储有指令的打孔卡或凹槽内凸起结构、以及上述的任意合适的组合。这里所使用的计算机可读存储介质不被解释为瞬时信号本身，诸如无线电波或者其他自由传播的电磁波、通过波导或其他传输媒介传播的电磁波(例如，通过光纤电缆的光脉冲)、或者通过电线传输的电信号。

这里所描述的计算机可读程序指令可以从计算机可读存储介质下载到各个计算/处理设备，或者通过网络、例如因特网、局域网、广域网和/或无线网下载到外部计算机或外部存储设备。网络可以包括铜传输电缆、光纤传输、无线传输、路由器、防火墙、交换机、网关计算机和/或边缘服务器。每个计算/处理设备中的网络适配卡或者网络接口从网络接收计算机可读程序指令，并转发该计算机可读程序指令，以供存储在各个计算/处理设备中的计算机可读存储介质中。

用于执行本发明操作的计算机程序指令可以是汇编指令、指令集架构(ISA)指令、机器指令、机器相关指令、微代码、固件指令、状态设置数据、或者以一种或多种编程语言的任意组合编写的源代码或目标代码，所述编程语言包括面向对象的编程语言-诸如Smalltalk、C++等，以及常规的过程式编程语言-诸如“C”语言或类似的编程语言。计算机可读程序指令可以完全地在用户计算机上执行、部分地在用户计算机上执行、作为一个独立的软件包执行、部分在用户计算机上部分在远程计算机上执行、或者完全在远程计算机或服务器上执行。在涉及远程计算机的情形中，远程计算机可以通过任意种类的网络-包括局域网(LAN)或广域网(WAN)-连接到用户计算机，或者，可以连接到外部计算机(例如利用因特网服务提供商来通过因特网连接)。在一些实施例中，通过利用计算机可读程序指令的状态信息来个性化定制电子电路，例如可编程逻辑电路、现场可编程门阵列(FPGA)或可编程逻辑阵列(PLA)，该电子电路可以执行计算机可读程序指令，从而实现本发明的各个方面。

这里参照根据本发明实施例的方法、装置(系统)和计算机程序产品的流程图和/或框图描述了本发明的各个方面。应当理解，流程图和/或框图的每个方框以及流程图和/或框图中各方框的组合，都可以由计算机可读程序指令实现。

这些计算机可读程序指令可以提供给通用计算机、专用计算机或其它可编程数据处理装置的处理器，从而生产出一种机器，使得这些指令在通过计算机或其它可编程数据处理装置的处理器执行时，产生了实现流程图和/或框图中的一个或多个方框中规定的功能/动作的装置。也可以把这些计算机可读程序指令存储在计算机可读存储介质中，这些指令使得计算机、可编程数据处理装置和/或其他设备以特定方式工作，从而，存储有指令的计算机可读介质则包括一个制造品，其包括实现流程图和/或框图中的一个或多个方框中规定的功能/动作的各个方面的指令。

也可以把计算机可读程序指令加载到计算机、其它可编程数据处理装置、或其它设备上，使得在计算机、其它可编程数据处理装置或其它设备上执行一系列操作步骤，以产生计算机实现的过程，从而使得在计算机、其它可编程数据处理装置、或其它设备上执行的指令实现流程图和/或框图中的一个或多个方框中规定的功能/动作。

附图中的流程图和框图显示了根据本发明的多个实施例的系统、方法和计算机程序产品的可能实现的体系架构、功能和操作。在这点上，流程图或框图中的每个方框可以代表一个模块、程序段或指令的一部分，所述模块、程序段或指令的一部分包含一个或多个用于实现规定的逻辑功能的可执行指令。在有些作为替换的实现中，方框中所标注的功能也可以以不同于附图中所标注的顺序发生。例如，两个连续的方框实际上可以基本并行地执行，它们有时也可以按相反的顺序执行，这依所涉及的功能而定。也要注意的是，框图和/或流程图中的每个方框、以及框图和/或流程图中的方框的组合，可以用执行规定的功能或动作的专用的基于硬件的系统来实现，或者可以用专用硬件与计算机指令的组合来实现。对于本领域技术人员来说公知的是，通过硬件方式实现、通过软件方式实现以及通过软件和硬件结合的方式实现都是等价的。

以上已经描述了本发明的各实施例，上述说明是示例性的，并非穷尽性的，并且也不限于所披露的各实施例。在不偏离所说明的各实施例的范围和精神的情况下，对于本技术领域的普通技术人员来说许多修改和变更都是显而易见的。本文中所用术语的选择，旨在最好地解释各实施例的原理、实际应用或对市场中的技术改进，或者使本技术领域的其它普通技术人员能理解本文披露的各实施例。本发明的范围由所附权利要求来限定。

Claims

1.一种用于服务器的图像传输方法，其特征在于，包括：

确定所述第一图像单元在所述第二图像中的位置；

2.根据权利要求1所述的图像传输方法，其特征在于，所述比较所述第二图像和所述第一图像，得到所述第二图像中与所述第一图像存在差异的图像单元，作为第一图像单元的步骤包括：

比较所述第一图像和所述第二图像中对应像素点的像素值；

根据所有差异像素点确定所述第一图像单元。

3.根据权利要求2所述的图像传输方法，其特征在于，所述确定所述第二图像中相对于所述第一图像存在差异的像素点作为差异像素点的步骤包括：

4.根据权利要求2所述的图像传输方法，其特征在于，所述根据所有差异像素点确定所述第一差异区域包括：

确定包含所有所述差异像素点的最小矩形；

将所述最小矩形内的图像内容作为所述第一图像单元。

5.根据权利要求1所述的图像传输方法，其特征在于，所述将所述第一图像、所述第一图像单元、及所述第一图像单元在所述第二图像中的位置发送至终端设备进行显示的步骤包括：

将所述打包文件发送至所述终端设备。

6.根据权利要求5所述的图像传输方法，其特征在于，所述图像传输方法还包括：

7.根据权利要求1所述的图像传输方法，其特征在于，所述图像传输方法还包括：

确定所述第二图像单元在所述第三图像中的位置；

8.一种用于终端设备的图像传输方法，其特征在于，包括：

显示所述第一图像和所述第二图像。

9.根据权利要求8所述的图像传输方法，其特征在于，所述接收服务器发送的第一图像、第一图像单元、及所述第一图像单元在第二图像中的位置包括：

接收所述服务器发送的打包文件；

10.根据权利要求8所述的图像传输方法，其特征在于，根据所述第一图像、所述第一图像单元、及所述第一图像单元在第二图像中的位置生成所述第二图像的步骤包括：

11.根据权利要求8所述的图像传输方法，其特征在于，所述图像传输方法还包括：

显示所述第三图像。

12.一种服务器，其特征在于，包括处理器和存储器，所述存储器用于存储指令，所述指令用于控制所述处理器执行根据权利要求1-7中任一项所述的图像传输方法。

13.一种终端设备，其特征在于，包括处理器和存储器，所述存储器用于存储指令，所述指令用于控制所述处理器执行根据权利要求8-11中任一项所述的图像传输方法。

14.一种图像传输系统，其特征在于，包括根据权利12所述的服务器、及根据权利要求13所述的终端设备。