CN113010258A - 图片下发方法、装置、设备及存储介质 - Google Patents

Abstract

本申请公开了一种图片下发方法、装置、设备及存储介质，属于图片处理技术领域，该方法包括：终端基于页面图片组件和屏幕分辨率生成目标图片下发请求，目标图片下发请求包括目标图片标识和目标图片尺寸；将目标图片下发请求发送至服务器，服务器基于目标图片下发请求下发目标图片，目标图片为目标图片标识对应的具有目标图片尺寸的图片；接收服务器下发的目标图片，将目标图片显示于页面图片组件位置。该方法通过将不同屏幕分辨率下的页面图片组件对应的目标图片尺寸上报给服务器，使得服务器下发的图片尺寸与终端的页面图片组件相匹配，避免了下发图片在显示过程中由尺寸不匹配导致的图片拉伸问题，有效地提升了显示的图片的清晰度。

Description

图片下发方法、装置、设备及存储介质

技术领域

本申请涉及图片处理技术领域，特别涉及一种图片下发方法、装置、设备及存储介质。

背景技术

电子设备连接互联网对服务器进行访问，常常需要获取图片并显示在电子设备的屏幕上。目前，当电子设备显示不同页面的图片时，通常是根据预先设定好的不同页面的固定图片尺寸大小、图片压缩参数等需求生成图片下发请求，然后向服务器发送该图片下发请求以获取待显示的图片。

但是，由于电子设备市场的更新迭代速度越来越快，电子设备的屏幕分辨率各有不同，相关技术下发图片的方式会存在显示的图片被拉伸等情况，进而导致显示的图片出现模糊问题。

发明内容

本申请提供了一种图片下发方法、装置、设备及存储介质，能够解决相关技术中的问题。

第一方面，提供一种图片下发方法，所述方法包括：

基于终端的页面图片组件和屏幕分辨率生成目标图片下发请求，所述目标图片下发请求包括目标图片标识和目标图片尺寸，所述页面图片组件用于控制所述终端的页面显示图片，所述目标图片尺寸根据所述页面图片组件和所述屏幕分辨率得到；

将所述目标图片下发请求发送至服务器，所述服务器用于基于所述目标图片下发请求下发目标图片，所述目标图片为所述目标图片标识对应的具有所述目标图片尺寸的图片；

接收所述服务器下发的所述目标图片，将所述目标图片显示于所述页面图片组件位置。

在一种可能的实现方式中，所述基于终端的页面图片组件和屏幕分辨率生成目标图片下发请求，包括：

获取所述终端的页面图片组件参数和屏幕分辨率，所述页面图片组件参数包括页面图片标识、页面图片数量和页面留白总量；

根据所述页面图片组件参数和所述屏幕分辨率，获取所述目标图片标识和所述页面图片组件对应的所需图片尺寸；

根据所述所需图片尺寸，在页面尺寸集合中确定所述目标图片尺寸；

基于获取的所述目标图片标识和确定的所述目标图片尺寸，生成所述目标图片下发请求。

在一种可能的实现方式中，所述根据所述页面图片组件参数和所述屏幕分辨率，获取所述目标图片标识和所述页面图片组件对应的所需图片尺寸，包括：

基于所述页面图片标识获取所述目标图片标识；

将所述屏幕分辨率与所述页面留白总量做差值运算，根据所述差值运算的结果与所述页面图片数量确定所述页面图片组件对应的所需图片尺寸。

在一种可能的实现方式中，所述根据所述所需图片尺寸，在页面尺寸集合中确定所述目标图片尺寸，包括：

获取所述所需图片尺寸与所述页面尺寸集合中的图片尺寸的差值集合；

将所述差值集合中绝对值最小的差值对应的图片尺寸作为所述目标图片尺寸。

在一种可能的实现方式中，所述根据所述所需图片尺寸，在页面尺寸集合中确定所述目标图片尺寸之前，所述方法还包括：

收集不同终端的所述页面图片组件对应的所需图片尺寸，生成图片尺寸样本集，所述图片尺寸样本集包括多个图片尺寸，所述多个图片尺寸的值不同；

对所述图片尺寸样本集进行聚类处理，根据聚类结果得到所述页面尺寸集合。

第二方面，提供一种图片下发方法，所述方法包括：

接收终端发送的目标图片下发请求，所述目标图片下发请求包括目标图片标识和目标图片尺寸，所述目标图片尺寸根据所述终端的页面图片组件和屏幕分辨率得到；

根据所述目标图片下发请求，向所述终端下发目标图片，所述目标图片为所述目标图片标识对应的具有所述目标图片尺寸的图片。

在一种可能的实现方式中，所述根据所述目标图片下发请求，向所述终端下发目标图片包括：

响应于缓存有所述目标图片，向所述终端下发缓存的所述目标图片；

响应于未缓存有所述目标图片，通过源网站服务器获取所述目标图片，将获取的所述目标图片下发至所述终端。

在一种可能的实现方式中，所述响应于未缓存有所述目标图片，通过源网站服务器获取所述目标图片，将获取的所述目标图片下发至所述终端之后，所述方法还包括：

将获取的所述目标图片进行缓存。

第三方面，提供了一种图片下发装置，所述装置包括：

生成模块，用于基于终端的页面图片组件和屏幕分辨率生成目标图片下发请求，所述目标图片下发请求包括目标图片标识和目标图片尺寸，所述页面图片组件用于控制所述终端的页面显示图片，所述目标图片尺寸根据所述页面图片组件和所述屏幕分辨率得到；

发送模块，用于将所述目标图片下发请求发送至服务器，所述服务器用于基于所述目标图片下发请求下发目标图片，所述目标图片为所述目标图片标识对应的具有所述目标图片尺寸的图片；

接收模块，用于接收所述服务器下发的所述目标图片，将所述目标图片显示于所述页面图片组件位置。

在一种可能的实现方式中，所述生成模块，用于获取所述终端的页面图片组件参数和屏幕分辨率，所述页面图片组件参数包括页面图片标识、页面图片数量和页面留白总量；根据所述页面图片组件参数和所述屏幕分辨率，获取所述目标图片标识和所述页面图片组件对应的所需图片尺寸；根据所述所需图片尺寸，在页面尺寸集合中确定所述目标图片尺寸；基于获取的所述目标图片标识和确定的所述目标图片尺寸，生成所述目标图片下发请求。

在一种可能的实现方式中，所述生成模块，还用于基于所述页面图片标识获取所述目标图片标识；将所述屏幕分辨率与所述页面留白总量做差值运算，根据所述差值运算的结果与所述页面图片数量确定所述页面图片组件对应的所需图片尺寸。

在一种可能的实现方式中，所述生成模块，还用于获取所述所需图片尺寸与所述页面尺寸集合中的图片尺寸的差值集合；将所述差值集合中绝对值最小的差值对应的图片尺寸作为所述目标图片尺寸。

在一种可能的实现方式中，所述装置还包括：

收集模块，用于收集不同终端的所述页面图片组件对应的所需图片尺寸，生成图片尺寸样本集，所述图片尺寸样本集包括多个图片尺寸，所述多个图片尺寸的值不同；

获取模块，用于对所述图片尺寸样本集进行聚类处理，根据聚类结果得到所述页面尺寸集合。

第四方面，提供了一种图片下发装置，所述装置包括：

接收模块，用于接收终端发送的目标图片下发请求，所述目标图片下发请求包括目标图片标识和目标图片尺寸，所述目标图片尺寸根据所述终端的页面图片组件和屏幕分辨率得到；

下发模块，用于根据所述目标图片下发请求，向所述终端下发目标图片，所述目标图片为所述目标图片标识对应的具有所述目标图片尺寸的图片。

在一种可能的实现方式中，所述下发模块，用于响应于缓存有所述目标图片，向所述终端下发缓存的所述目标图片；响应于未缓存有所述目标图片，通过源网站服务器获取所述目标图片，将获取的所述目标图片下发至所述终端。

在一种可能的实现方式中，所述装置还包括：

缓存模块，用于将获取的所述目标图片进行缓存。

第五方面，还提供了一种计算机设备，所述计算机设备包括处理器和存储器，所述存储器中存储有至少一条程序代码，所述至少一条程序代码由所述处理器加载并执行，以使计算机设备实现上述任一项所述的图片下发方法。

第六方面，还提供了一种计算机可读存储介质，所述计算机可读存储介质中存储有至少一条程序代码，所述至少一条程序代码由处理器加载并执行，以使计算机实现上述任一项所述的图片下发方法。

第七方面，还提供了一种计算机程序产品或计算机程序，所述计算机程序产品或计算机程序包括计算机指令，所述计算机指令存储在计算机可读存储介质中。计算机设备的处理器从所述计算机可读存储介质读取所述计算机指令，处理器执行所述计算机指令，使得所述计算机设备执行上述任一所述的图片下发方法。

本申请提供的技术方案至少可以带来如下有益效果：

本申请实施例提供的技术方案，通过计算不同屏幕分辨率下的页面图片组件对应的目标图片尺寸，向服务器发送包括有目标图片标识和目标图片尺寸的目标图片下发请求，服务器根据该请求向终端下发该目标图片尺寸对应的目标图片，使得下发的目标图片的尺寸与终端的页面图片组件及屏幕分辨率相匹配，终端在页面图片组件位置显示该下发的图片的过程中不需拉伸或压缩，有效地提升了显示的图片的清晰度。

附图说明

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

图1是本申请实施例提供的一种图片下发方法的实施环境的示意图；

图2是本申请实施例提供的一种图片下发方法的流程图；

图3是本申请实施例提供的一种终端基于页面图片组件和屏幕分辨率生成目标图片下发请求的流程图；

图4是本申请实施例提供的一种图片下发装置的示意图；

图5是本申请实施例提供的一种图片下发装置的示意图；

图6是本申请实施例提供的一种图片下发装置的示意图；

图7是本申请实施例提供的一种图片下发装置的示意图；

图8是本申请实施例提供的一种计算机设备的结构示意图；

图9是本申请实施例提供的一种服务器的结构示意图。

具体实施方式

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

图1是本申请实施例提供的一种图片下发方法的实施环境示意图，如图1所示，该实施环境包括：终端101和服务器102。

其中，服务器102为用于为终端101提供待预览图片的服务器，在终端101的页面显示组件需要显示图片时，终端101就会将图片下发请求发送至服务器102，图片下发请求包括页面显示组件所需的图片尺寸。可选地，服务器102属于内容分发网络(ContentDelivery Network，CDN)，缓存有终端101所需的内容，包括不同终端的页面显示组件所需的图片尺寸对应的图片，能够为终端101提供快速的访问响应。这样，服务器102根据接收到的图片下发请求下发所需的图片尺寸对应的目标图片，保证图片清晰度的同时最大程度上保证CDN命中率。CDN命中率指的是服务器102的缓存内容被终端101的访问请求命中的概率。

在一种可能实现方式中，终端101可以是任何一种可与用户通过键盘、触摸板、触摸屏、遥控器、语音交互或手写设备等一种或多种方式进行人机交互的电子产品，例如PC(Personal Computer，个人计算机)、手机、智能手机、PDA(Personal Digital Assistant，个人数字助手)、可穿戴设备、掌上电脑PPC(Pocket PC)、平板电脑、智能车机、智能电视、智能音箱等。服务器102可以是一台服务器、若干台服务器组成的服务器集群、虚拟云存储或云计算中心中的任意一种。服务器102用于为终端101提供后台服务，且服务器102具有数据存储能力，可存储用于图片展示的相关数据。可以是一台服务器，也可以是由多台服务器组成的服务器集群，或者是一个云计算服务中心。终端101与服务器102通过有线或无线网络建立通信连接。

其中，终端101可以泛指多个终端中的一个，本实施例仅以终端101来举例说明。本领域技术人员可以知晓，上述终端101的数量可以更多或更少。比如上述终端101可以仅为一个，或者上述终端101为几十个或几百个，或者更多数量，本申请实施例对终端的数量和设备类型不加以限定。

本领域技术人员应能理解上述终端101和服务器102仅为举例，其他现有的或今后可能出现的终端或服务器如可适用于本申请，也应包含在本申请保护范围以内，并在此以引用方式包含于此。

基于上述实施环境，本申请实施例提供了一种图片下发方法，以图2所示的本申请实施例提供的一种图片下发方法的流程图为例，该方法可由图1中的终端101与服务器102交互执行。如图2所示，该方法包括下述步骤201至步骤205。

步骤201，终端基于页面图片组件和屏幕分辨率生成目标图片下发请求。

在本申请实施例中，目标图片下发请求包括目标图片标识和目标图片尺寸，目标图片尺寸包括图片高度和图片宽度中的至少一种。示例性地，图片高度和图片宽度为图片在高度方向所占的像素点个数和图片在宽度方向所占像素点个数，图片高度和图片宽度的单位为像素单位(pixels，px)，像素单位是一种相对单位，在不同终端的设备下像素单位的大小不同。

在一种可能的实现方式中，图片下发请求还携带有图片水印和图片压缩参数等信息，用于根据用户要求对请求的目标图片进行处理，从而展示满足用户要求的图片。其中，图片水印指的是加在图片上的防止他人盗图的半透明标识(logo)、图标、文字版权或者网址等；图片压缩参数指的是对图片进行压缩操作的参数值，用以得到满足用户需求的压缩后的图片。

在一种可能的实现方式中，终端的页面中包括多个页面图片组件，一个页面图片组件用于显示一张图片，具有一个所需的目标图片尺寸。也就是说，页面图片组件用于控制终端的页面显示图片，目标图片尺寸的大小由页面图片组件所需的图片尺寸大小确定。因此，终端发送的图片下发请求为当前页面中的任一页面图片组件对应的图片下发请求，本申请实施例对此不加以限定。页面中包括的页面图片组件的数量至少为一个，本申请实施例仅以页面中的页面图片组件的数量为一个为例进行图片下发的说明，当页面中的页面图片组件的数量为多个时，每个页面图片组件的处理过程与页面图片组件的数量为一个的图片下发的过程一致，此处不再赘述。

在一种可能的实现方式中，参见图3，终端基于页面图片组件和屏幕分辨率生成目标图片下发请求，包括如下步骤2011-步骤2014。

步骤2011，获取终端的页面图片组件参数和屏幕分辨率。

在一种可能的实现方式中，页面图片组件参数包括页面图片标识、页面图片数量和页面留白总量。其中，页面图片标识用于指示请求的图片的标识，即标识请求的某一张图片；页面图片数量为当前页面能够显示的图片的数量，例如，对于双列展示图片的页面，页面横向方向的页面图片数量为2；页面留白总量为当前页面除用于显示图片外的其他剩余的留白量，例如，对于单列展示图片的页面，在页面图片组件显示图片位置的左后两侧各有10设备独立像素(device independent pixels，dp)的留白量，那么页面留白总量为20dp。其中，dp为一种长度单位，是独立于px的单位，其换算关系为px等于dp与像素比的乘积。由于不同的终端设备的屏幕分辨率不同，因此像素比不同，导致px与dp的换算关系不同，本申请实施例不对页面留白量的单位进行限定。

步骤2012，根据页面图片组件参数和屏幕分辨率，获取目标图片标识和页面图片组件对应的所需图片尺寸。

在一种可能的实现方式中，根据页面图片组件参数和屏幕分辨率，获取目标图片标识和页面图片组件对应的所需图片尺寸，包括：基于页面图片标识获取目标图片标识；将屏幕分辨率与页面留白总量做差值运算，根据差值运算的结果与页面图片数量确定页面图片组件对应的所需图片尺寸。其中，确定的所需图片尺寸可以包括图片高度和图片宽度，也可以只包括图片高度，或只包括图片宽度。

在一种可能的实现方式中，页面显示图片以固定图片数量的方式显示图片，该页面的页面图片组件参数包括页面图片标识、页面图片数量和页面留白总量，其中页面图片数量包括页面横向图片数量和页面纵向图片数量、页面留白总量包括页面横向留白总量和页面纵向留白总量。将屏幕分辨率的高度尺寸与页面纵向留白总量做差值运算，将差值运算的结果与页面纵向图片数量的商作为页面图片组件对应的所需图片尺寸的图片高度；将屏幕分辨率的宽度尺寸与页面横向留白总量做差值运算，将差值运算的结果与页面横向图片数量的商作为页面图片组件对应的所需图片尺寸的图片宽度。由此，得到页面图片组件对应的所需图片尺寸，此时所需图片尺寸包括图片高度和图片宽度。

在一种可能的实现方式中，页面显示图片以宽自适应的方式显示，该页面的页面图片组件参数包括页面图片标识、页面图片数量和页面留白总量，其中页面图片数量为页面纵向图片数量、页面留白总量为页面纵向留白总量。将屏幕分辨率的高度尺寸与页面纵向留白总量做差值运算，将差值运算的结果与页面纵向图片数量的商作为页面图片组件对应的所需图片尺寸的图片高度。由此，得到页面图片组件对应的所需图片尺寸，此时所需图片尺寸只包括图片高度。

在一种可能的实现方式中，页面显示图片以高自适应的方式显示，该页面的页面图片组件参数包括页面图片标识、页面图片数量和页面留白总量，其中页面图片数量为页面横向图片数量、页面留白总量为页面横向留白总量。将屏幕分辨率的宽度尺寸与页面横向留白总量做差值运算，将差值运算的结果与页面横向图片数量的商作为页面图片组件对应的所需图片尺寸的图片宽度。由此，页面图片组件对应的所需图片尺寸，此时所需图片尺寸只包括图片宽度。

示例性地，以某应用程序的首页为例，首页的页面图片组件设置为双列图片展示形式，双列图片展示形式以纵向方向自适应的方式展示图片，首页展示列数为2列，则页面图片数量为2，屏幕的左右留白量各为10dp，中间留白量为5dp。那么，对于不同屏幕分辨率的终端，该首页所需的图片宽度不同，将屏幕的左右留白量与中间留白量做和得到留白总量为25dp，将手机屏幕分辨率的值与留白总量的值做差，再将差值的结果与页面图片数量的值做比值，比值的结果即为所需的图片宽度。当终端的屏幕分辨率是1920*1080px时，dp和px的转换倍率为2，即1dp＝2px，那么，留白总量为50px，得到所需的图片宽度为(1080-50)/2的值，即515px。当设备的屏幕分辨率是2208*1242px时，dp和px转换倍率为3，即1dp＝3px，那么，留白总量为75px，得到所需的图片宽度为(1242-75)/2的值，即583px。

步骤2013，根据所需图片尺寸，在页面尺寸集合中确定目标图片尺寸。

在一种可能的实现方式中，根据所需图片尺寸，在页面尺寸集合中确定目标图片尺寸之前，该方法还包括：收集不同终端的页面图片组件对应的所需图片尺寸，生成图片尺寸样本集，图片尺寸样本集包括多个图片尺寸，多个图片尺寸的值不同；对图片尺寸样本集进行聚类处理，根据聚类结果得到页面尺寸集合。

由于终端设备迭代更新的速度之快，终端设备的型号越来越多，设备的屏幕分辨率的类型也越来越多，据统计，目前包括的屏幕分辨率有180多种。同时，设备显示页面的页面类型也包括很多种，例如首页、评价列表页、商户相册页和关注页等。不同页面的页面图片组件类型也各不相同，比如单列展示、双列展示、左右留白和中间留白等。因此，不同终端设备在不同页面的情况下不同页面图片组件所需的图片尺寸不同，所需的不同的图片尺寸总量多达上千种，对于服务器来说，相比于根据固定尺寸缓存图片，根据页面图片组件所需的尺寸缓存图片会导致服务器缓存的图片量爆发式的增长上千倍，进而导致服务器命中率低、图片下载延迟增大。

在一种可能的实现方式中，通过聚类算法可以解决上述问题，聚类算法能够将大的样本集处理为具有代表性的小的样本集。示例性地，可以使用k均值(k-means)聚类算法，k-means聚类算法是一种迭代求解的聚类分析算法，算法的输入为一个样本集，算法步骤为：预先将样本集分为K(K为不小于1的整数)组，则随机选取K个对象作为初始的聚类中心，然后计算每个样本与各个种子聚类中心之间的距离，把每个样本分配给距离它最近的聚类中心。聚类中心以及分配给它们的样本就代表一个聚类。每分配一个样本，聚类的聚类中心会根据聚类中现有的样本被重新计算。这个过程将不断重复直到满足某个终止条件。终止条件可以是没有(或最小数目)样本被重新分配给不同的聚类，没有(或最小数目)聚类中心再发生变化，误差平方和局部最小。在本申请实施例中，通过聚类算法可以将样本集进行聚类，将具有相似特征的样本聚为一类，获取聚类后的小的样本集，本申请实施例不对使用聚类算法的方法进行限定。

在一种可能的实现方式中，以相册页为例，对于屏幕分辨率为1080px的终端，页面图片组件所需的图片尺寸的宽度包括：480px、481px、482px、483px、485px、486px、487px、485px和490px等。通过聚类方法处理后，可将上述页面图片组件所需的图片尺寸的宽度聚为500px这一类。这样，减小了图片尺寸样本集的数量，增加了服务器命中率的同时缩短了访问延迟。此外，通过聚类算法降低了所需的图片尺寸集合的维度，最大程度的提升了服务器缓存图片的命中率，降低了图片的下载延迟。

在一种可能的实现方式中，通过聚类算法处理得到的图片尺寸集合，可以进行人工审核，判断聚类结果是否合理，可根据实际情况做出适当调整，例如，有的类别间相距很小，则可以再次进行合并。提高图片尺寸集合的合理性，同时保证命中率尽可能的高。

在一种可能的实现方式中，根据所需图片尺寸，在页面尺寸集合中确定目标图片尺寸，包括：获取所需图片尺寸与页面尺寸集合中的图片尺寸的差值集合；将差值集合中绝对值最小的差值对应的图片尺寸作为目标图片尺寸。由此，得到了与所需图片尺寸最接近的图片尺寸的目标图片，一定程度上保证了下发图片的清晰度。

可选地，根据所需图片尺寸，在页面尺寸集合中确定目标图片尺寸，还包括：获取所需图片尺寸与页面尺寸集合中的图片尺寸的差值集合；将差值集合中小于0且绝对值最小的差值对应的图片尺寸作为目标图片尺寸。由此，在得到了与所需图片尺寸最接近的图片尺寸的目标图片的基础上，保证目标图片尺寸为大于或等于所需图片尺寸的值，能够确保下发图片的显示过程中不会出现拉伸现象。

在一种可能的实现方式中，对于获取的所需图片尺寸为包括图片高度与图片宽度的情况，获取的所需图片尺寸与页面尺寸集合中的图片尺寸的差值集合为二维数据，即所需图片尺寸与页面尺寸集合中的每一个图片尺寸的差值运算的结果为两个差值，包括图片高度差值与图片宽度差值。此时，将图片高度差值与图片宽度差值进行加和运算，将加和运算的结果作为该种情况下的差值集合。由此，根据该差值集合中绝对值最小的差值确定目标图片尺寸，或根据差值集合中小于0且绝对值最小的差值确定目标图片尺寸。可选地，对于获取的所需图片尺寸为只包括图片高度或只包括图片宽度的情况，获取的所需图片尺寸与页面尺寸集合中的图片尺寸的差值集合为一维数据，则直接将差值集合中绝对值最小的差值对应的图片尺寸作为目标图片尺寸即可，或直接将差值集合中小于0且绝对值最小的差值对应的图片尺寸作为目标图片尺寸即可。

示例性地，获取的所需图片尺只包括所需图片宽度，该所需图片宽度为508px，页面尺寸集合中包括的图片宽度有470px、480px、490px、500px、510px和520px，由此获取所需图片宽度与页面尺寸集合中的图片宽度的差值集合为：-38px、-28px、-18px、-8px和2px。可选地，可以将差值集合中绝对值最小的2px对应的图片宽度510px作为目标图片宽度，或将差值集合中小于0且绝对值最小的-8px对应的图片宽度500px作为目标图片宽度。

步骤2014，基于获取的目标图片标识和确定的目标图片尺寸，生成目标图片下发请求。

在一种可能的实现方式中，基于获取的目标图片标识和确定的目标图片尺寸，生成目标图片下发请求可以为：由图片处理工具生成目标图片下发请求。图片处理工具是对外提供的一个封装好的压缩包，能够将业务定制字段(如图片尺寸、水印、图片压缩参数等信息)对外提供给终端等业务方，业务方将需要的业务定制字段发送给图片处理工具，图片处理工具根据通用逻辑将该业务定制字段进行内部封装，生成图片下发请求，生成的图片下发请求支持对服务器的访问。

步骤202，终端将目标图片下发请求发送至服务器。

在一种可能的实现方式中，终端可以将生成的目标图片下发请求发送至服务器，用以通过服务器获取目标图片。

步骤203，服务器接收终端发送的目标图片下发请求。

在一种可能的实现方式中，服务器可以接收终端发送的目标图片下发请求，之后可以对目标图片下发请求进行处理。

步骤204，服务器根据目标图片下发请求，向终端下发目标图片。

在一种可能的实现方式中，根据目标图片下发请求，向终端下发目标图片包括：响应于缓存有目标图片，向终端下发缓存的目标图片；响应于未缓存有目标图片，通过源网站服务器获取目标图片，将获取的目标图片下发至终端。

在一种可能的实现方式中，响应于未缓存有目标图片，通过源网站服务器获取目标图片，将获取的目标图片下发至终端之后，该方法还包括：将获取的目标图片进行缓存。将由源网站服务器新获取的用户可能请求的图片进行缓存，当下次用户发起对该新获取的图片的下发请求时，即可直接进行下发，增加服务器的命中率，降低图片下载的延迟。

步骤205，终端接收服务器下发的目标图片，将目标图片显示于页面图片组件位置。

在本申请实施例中，由于终端接收到的服务器下发的目标图片的尺寸是根据页面图片组件对应的所需图片尺寸确定的，因此，目标图片显示于页面图片组件位置的时候不会造成拉伸等现象，使得页面图片组件位置显示尺寸最为合适的目标图片，保证了下发图片的显示不会模糊。

本申请实施例提供的方法，通过计算不同屏幕分辨率下的页面图片组件对应的目标图片尺寸，向服务器发送包括有目标图片标识和目标图片尺寸的目标图片下发请求，服务器根据该请求向终端下发该目标图片尺寸对应的目标图片，使得下发的目标图片的尺寸与终端的页面图片组件相匹配，终端在页面图片组件位置显示该下发的图片的过程中不需拉伸或压缩，有效地提升了下发图片显示的清晰度，进而提升了用户的使用体验。

本申请实施例还提供了一种图片下发装置，该装置可以是终端，如图4所示，该装置包括：

生成模块31，用于基于终端的页面图片组件和屏幕分辨率生成目标图片下发请求，目标图片下发请求包括目标图片标识和目标图片尺寸，页面图片组件用于控制终端的页面显示图片；

发送模块32，用于将目标图片下发请求发送至服务器，服务器用于基于目标图片下发请求下发目标图片，目标图片为目标图片标识对应的具有目标图片尺寸的图片；

接收模块33，用于接收服务器下发的目标图片，将目标图片显示于页面图片组件位置。

在一种可能的实现方式中，生成模块31，用于获取终端的页面图片组件参数和屏幕分辨率，页面图片组件参数包括页面图片标识、页面图片数量和页面留白总量；根据页面图片组件参数和屏幕分辨率，获取目标图片标识和页面图片组件对应的所需图片尺寸；根据所需图片尺寸，在页面尺寸集合中确定目标图片尺寸；基于获取的目标图片标识和确定的目标图片尺寸，生成目标图片下发请求。

在一种可能的实现方式中，生成模块31，还用于基于页面图片标识获取目标图片标识；将屏幕分辨率与页面留白总量做差值运算，将差值运算的值与页面图片数量的比值作为页面图片组件对应的所需图片尺寸。

在一种可能的实现方式中，生成模块31，还用于将页面尺寸集合中满足确定条件的图片尺寸作为目标图片尺寸，确定条件包括与所需图片尺寸的差值最小。

在一种可能的实现方式中，请参考图5，该装置还包括：

收集模块34，用于收集不同终端的页面图片组件对应的所需图片尺寸，生成图片尺寸样本集，图片尺寸样本集包括多个图片尺寸，多个图片尺寸的值不同；

获取模块35，用于对图片尺寸样本集进行聚类处理，根据聚类结果得到页面尺寸集合。

本申请实施例提供的装置，通过计算不同屏幕分辨率下的页面图片组件对应的目标图片尺寸，向服务器发送包括有目标图片标识和目标图片尺寸的目标图片下发请求，服务器根据该请求向终端下发该目标图片尺寸对应的目标图片，使得下发的目标图片的尺寸与终端的页面图片组件相匹配，终端在页面图片组件位置显示该下发的图片的过程中不需拉伸或压缩，有效地提升了下发图片显示的清晰度，进而提升了用户的使用体验。

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

本申请实施例还提供了一种图片下发装置，该装置可以是服务器，如图6所示，该装置包括：

接收模块51，用于接收终端发送的目标图片下发请求，目标图片下发请求包括目标图片标识和目标图片尺寸，目标图片尺寸根据终端的页面图片组件和屏幕分辨率得到；

下发模块52，用于根据目标图片下发请求，向终端下发目标图片，目标图片为目标图片标识对应的具有目标图片尺寸的图片。

在一种可能的实现方式中，下发模块51，用于响应于缓存有目标图片，向终端下发目标图片；响应于未缓存有目标图片，通过源网站服务器获取目标图片，将获取的目标图片下发至终端。

在一种可能的实现方式中，请参考图7，该装置还包括：

缓存模块53，用于将获取的目标图片进行缓存。

本申请实施例提供的装置，通过计算不同屏幕分辨率下的页面图片组件对应的目标图片尺寸，向服务器发送包括有目标图片标识和目标图片尺寸的目标图片下发请求，服务器根据该请求向终端下发该目标图片尺寸对应的目标图片，使得下发的目标图片的尺寸与终端的页面图片组件相匹配，终端在页面图片组件位置显示该下发的图片的过程中不需拉伸或压缩，有效地提升了下发图片显示的清晰度，进而提升了用户的使用体验。

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

请参考图8，其示出了本申请一个实施例提供的计算机设备的结构示意图。该设备可以为终端，例如可以是：智能手机、平板电脑、车载终端、笔记本电脑或台式电脑。终端还可能被称为用户设备、便携式终端、膝上型终端、台式终端等其他名称。

通常，终端包括有：处理器701和存储器702。

处理器701可以包括一个或多个处理核心，比如4核心处理器、8核心处理器等。处理器701可以采用DSP(Digital Signal Processing，数字信号处理)、FPGA(Field-Programmable Gate Array，现场可编程门阵列)、PLA(Programmable Logic Array，可编程逻辑阵列)中的至少一种硬件形式来实现。处理器701也可以包括主处理器和协处理器，主处理器是用于对在唤醒状态下的数据进行处理的处理器，也称CPU(Central ProcessingUnit，中央处理器)；协处理器是用于对在待机状态下的数据进行处理的低功耗处理器。在一些实施例中，处理器701可以集成有GPU(Graphics Processing Unit，图像处理器)，GPU用于负责显示屏所需要显示的内容的渲染和绘制。一些实施例中，处理器701还可以包括AI(Artificial Intelligence，人工智能)处理器，该AI处理器用于处理有关机器学习的计算操作。

存储器702可以包括一个或多个计算机可读存储介质，该计算机可读存储介质可以是非暂态的。存储器702还可包括高速随机存取存储器，以及非易失性存储器，比如一个或多个磁盘存储设备、闪存存储设备。在一些实施例中，存储器702中的非暂态的计算机可读存储介质用于存储至少一个指令，该至少一个指令用于被处理器701所执行以实现本申请中方法实施例提供的图片下发方法。

在一些实施例中，终端还可选包括有：***设备接口703和至少一个***设备。处理器701、存储器702和***设备接口703之间可以通过总线或信号线相连。各个***设备可以通过总线、信号线或电路板与***设备接口703相连。具体地，***设备包括：射频电路704、显示屏705、摄像头组件706、音频电路707、定位组件708和电源709中的至少一种。

***设备接口703可被用于将I/O(Input/Output，输入/输出)相关的至少一个***设备连接到处理器701和存储器702。在一些实施例中，处理器701、存储器702和***设备接口703被集成在同一芯片或电路板上；在一些其他实施例中，处理器701、存储器702和***设备接口703中的任意一个或两个可以在单独的芯片或电路板上实现，本实施例对此不加以限定。

射频电路704用于接收和发射RF(Radio Frequency，射频)信号，也称电磁信号。射频电路704通过电磁信号与通信网络以及其他通信设备进行通信。射频电路704将电信号转换为电磁信号进行发送，或者，将接收到的电磁信号转换为电信号。可选地，射频电路704包括：天线***、RF收发器、一个或多个放大器、调谐器、振荡器、数字信号处理器、编解码芯片组、用户身份模块卡等等。射频电路704可以通过至少一种无线通信协议来与其它终端进行通信。该无线通信协议包括但不限于：城域网、各代移动通信网络(2G、3G、4G及5G)、无线局域网和/或无线保真(Wireless Fidelity，WiFi)网络。在一些实施例中，射频电路704还可以包括NFC(Near Field Communication，近距离无线通信)有关的电路，本申请对此不加以限定。

显示屏705用于显示UI(User Interface，用户界面)。该UI可以包括图形、文本、图标、视频及其它们的任意组合。当显示屏705是触摸显示屏时，显示屏705还具有采集在显示屏705的表面或表面上方的触摸信号的能力。该触摸信号可以作为控制信号输入至处理器701进行处理。此时，显示屏705还可以用于提供虚拟按钮和/或虚拟键盘，也称软按钮和/或软键盘。在一些实施例中，显示屏705可以为一个，设置在终端的前面板；在另一些实施例中，显示屏705可以为至少两个，分别设置在终端的不同表面或呈折叠设计；在再一些实施例中，显示屏705可以是柔性显示屏，设置在终端的弯曲表面上或折叠面上。甚至，显示屏705还可以设置成非矩形的不规则图形，也即异形屏。显示屏705可以采用LCD(LiquidCrystal Display，液晶显示屏)、OLED(Organic Light-Emitting Diode，有机发光二极管)等材质制备。

摄像头组件706用于采集图像或视频。可选地，摄像头组件706包括前置摄像头和后置摄像头。通常，前置摄像头设置在终端的前面板，后置摄像头设置在终端的背面。在一些实施例中，后置摄像头为至少两个，分别为主摄像头、景深摄像头、广角摄像头、长焦摄像头中的任意一种，以实现主摄像头和景深摄像头融合实现背景虚化功能、主摄像头和广角摄像头融合实现全景拍摄以及VR(Virtual Reality，虚拟现实)拍摄功能或者其它融合拍摄功能。在一些实施例中，摄像头组件706还可以包括闪光灯。闪光灯可以是单色温闪光灯，也可以是双色温闪光灯。双色温闪光灯是指暖光闪光灯和冷光闪光灯的组合，可以用于不同色温下的光线补偿。

音频电路707可以包括麦克风和扬声器。麦克风用于采集用户及环境的声波，并将声波转换为电信号输入至处理器701进行处理，或者输入至射频电路704以实现语音通信。出于立体声采集或降噪的目的，麦克风可以为多个，分别设置在终端的不同部位。麦克风还可以是阵列麦克风或全向采集型麦克风。扬声器则用于将来自处理器701或射频电路704的电信号转换为声波。扬声器可以是传统的薄膜扬声器，也可以是压电陶瓷扬声器。当扬声器是压电陶瓷扬声器时，不仅可以将电信号转换为人类可听见的声波，也可以将电信号转换为人类听不见的声波以进行测距等用途。在一些实施例中，音频电路707还可以包括耳机插孔。

定位组件708用于定位终端的当前地理位置，以实现导航或LBS(Location BasedService，基于位置的服务)。定位组件708可以是基于美国的GPS(Global PositioningSystem，全球定位***)、中国的北斗***、俄罗斯的格雷纳斯***或欧盟的伽利略***的定位组件。

电源709用于为终端中的各个组件进行供电。电源709可以是交流电、直流电、一次性电池或可充电电池。当电源709包括可充电电池时，该可充电电池可以支持有线充电或无线充电。该可充电电池还可以用于支持快充技术。

在一些实施例中，终端还包括有一个或多个传感器710。该一个或多个传感器710包括但不限于：加速度传感器711、陀螺仪传感器712、压力传感器713、指纹传感器714、光学传感器715以及接近传感器716。

加速度传感器711可以检测以终端建立的坐标系的三个坐标轴上的加速度大小。比如，加速度传感器711可以用于检测重力加速度在三个坐标轴上的分量。处理器701可以根据加速度传感器711采集的重力加速度信号，控制显示屏705以横向视图或纵向视图进行用户界面的显示。加速度传感器711还可以用于游戏或者用户的运动数据的采集。

陀螺仪传感器712可以检测终端的机体方向及转动角度，陀螺仪传感器712可以与加速度传感器711协同采集用户对终端的3D动作。处理器701根据陀螺仪传感器712采集的数据，可以实现如下功能：动作感应(比如根据用户的倾斜操作来改变UI)、拍摄时的图像稳定、游戏控制以及惯性导航。

压力传感器713可以设置在终端的侧边框和/或显示屏705的下层。当压力传感器713设置在终端的侧边框时，可以检测用户对终端的握持信号，由处理器701根据压力传感器713采集的握持信号进行左右手识别或快捷操作。当压力传感器713设置在显示屏705的下层时，由处理器701根据用户对显示屏705的压力操作，实现对UI界面上的可操作性控件进行控制。可操作性控件包括按钮控件、滚动条控件、图标控件、菜单控件中的至少一种。

指纹传感器714用于采集用户的指纹，由处理器701根据指纹传感器714采集到的指纹识别用户的身份，或者，由指纹传感器714根据采集到的指纹识别用户的身份。在识别出用户的身份为可信身份时，由处理器701授权该用户执行相关的敏感操作，该敏感操作包括解锁屏幕、查看加密信息、下载软件、支付及更改设置等。指纹传感器714可以被设置在终端的正面、背面或侧面。当终端上设置有物理按键或厂商Logo时，指纹传感器714可以与物理按键或厂商Logo集成在一起。

光学传感器715用于采集环境光强度。在一个实施例中，处理器701可以根据光学传感器715采集的环境光强度，控制显示屏705的显示亮度。具体地，当环境光强度较高时，调高显示屏705的显示亮度；当环境光强度较低时，调低显示屏705的显示亮度。在另一个实施例中，处理器701还可以根据光学传感器715采集的环境光强度，动态调整摄像头组件706的拍摄参数。

接近传感器716，也称距离传感器，通常设置在终端的前面板。接近传感器716用于采集用户与终端的正面之间的距离。在一个实施例中，当接近传感器716检测到用户与终端的正面之间的距离逐渐变小时，由处理器701控制显示屏705从亮屏状态切换为息屏状态；当接近传感器716检测到用户与终端的正面之间的距离逐渐变大时，由处理器701控制显示屏705从息屏状态切换为亮屏状态。

本领域技术人员可以理解，图8中示出的结构并不构成对计算机设备的限定，可以包括比图示更多或更少的组件，或者组合某些组件，或者采用不同的组件布置。

图9是根据本申请实施例提供的一种服务器的结构示意图，该服务器800可因配置或性能不同而产生比较大的差异，能够包括一个或一个以上处理器(Central ProcessingUnits，CPU)801和一个或一个以上的存储器802，其中，该存储器802中存储有至少一条程序代码，该至少一条程序代码由处理器801加载并执行以实现上述各个方法实施例提供的图片下发方法。当然，该服务器还能够具有有线或无线网络接口、键盘以及输入输出接口等部件，以便进行输入输出，该服务器还能够包括其他用于实现设备功能的部件，在此不做赘述。

在示例性实施例中，还提供了一种计算机设备，该计算机设备包括处理器和存储器，该存储器中存储有至少一条程序代码。该至少一条程序代码由一个或者一个以上处理器加载并执行，以使计算机设备实现上述任一种图片下发方法。

在示例性实施例中，还提供了一种计算机可读存储介质，该计算机可读存储介质中存储有至少一条程序代码，该至少一条程序代码由计算机设备的处理器加载并执行，以使计算机实现上述任一种图片下发方法。

可选地，上述计算机可读存储介质可以是只读存储器(Read-Only Memory，ROM)、随机存取存储器(Random Access Memory，RAM)、只读光盘(Compact Disc Read-OnlyMemory，CD-ROM)、磁带、软盘和光数据存储设备等。

在示例性实施例中，还提供了一种计算机程序产品或计算机程序，该计算机程序产品或计算机程序包括计算机指令，该计算机指令存储在计算机可读存储介质中。计算机设备的处理器从计算机可读存储介质读取该计算机指令，处理器执行该计算机指令，使得该计算机设备执行上述任一种图片下发方法。

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

Claims (12)

1.一种图片下发方法，其特征在于，所述方法包括：

基于终端的页面图片组件和屏幕分辨率生成目标图片下发请求，所述目标图片下发请求包括目标图片标识和目标图片尺寸，所述页面图片组件用于控制所述终端的页面显示图片，所述目标图片尺寸根据所述页面图片组件和所述屏幕分辨率得到；

将所述目标图片下发请求发送至服务器，所述服务器用于基于所述目标图片下发请求下发目标图片，所述目标图片为所述目标图片标识对应的具有所述目标图片尺寸的图片；

接收所述服务器下发的所述目标图片，将所述目标图片显示于所述页面图片组件位置。

2.根据权利要求1所述的方法，其特征在于，所述基于终端的页面图片组件和屏幕分辨率生成目标图片下发请求，包括：

获取所述终端的页面图片组件参数和屏幕分辨率，所述页面图片组件参数包括页面图片标识、页面图片数量和页面留白总量；

根据所述页面图片组件参数和所述屏幕分辨率，获取所述目标图片标识和所述页面图片组件对应的所需图片尺寸；

根据所述所需图片尺寸，在页面尺寸集合中确定所述目标图片尺寸；

基于获取的所述目标图片标识和确定的所述目标图片尺寸，生成所述目标图片下发请求。

3.根据权利要求2所述的方法，其特征在于，所述根据所述页面图片组件参数和所述屏幕分辨率，获取所述目标图片标识和所述页面图片组件对应的所需图片尺寸，包括：

基于所述页面图片标识获取所述目标图片标识；

将所述屏幕分辨率与所述页面留白总量做差值运算，根据所述差值运算的结果与所述页面图片数量确定所述页面图片组件对应的所需图片尺寸。

4.根据权利要求2所述的方法，其特征在于，所述根据所述所需图片尺寸，在页面尺寸集合中确定所述目标图片尺寸，包括：

获取所述所需图片尺寸与所述页面尺寸集合中的图片尺寸的差值集合；

将所述差值集合中绝对值最小的差值对应的图片尺寸作为所述目标图片尺寸。

5.根据权利要求2-4任一所述的方法，其特征在于，所述根据所述所需图片尺寸，在页面尺寸集合中确定所述目标图片尺寸之前，所述方法还包括：

收集不同终端的所述页面图片组件对应的所需图片尺寸，生成图片尺寸样本集，所述图片尺寸样本集包括多个图片尺寸，所述多个图片尺寸的值不同；

对所述图片尺寸样本集进行聚类处理，根据聚类结果得到所述页面尺寸集合。

6.一种图片下发方法，其特征在于，所述方法包括：

接收终端发送的目标图片下发请求，所述目标图片下发请求包括目标图片标识和目标图片尺寸，所述目标图片尺寸根据所述终端的页面图片组件和屏幕分辨率得到；

根据所述目标图片下发请求，向所述终端下发目标图片，所述目标图片为所述目标图片标识对应的具有所述目标图片尺寸的图片。

7.根据权利要求6所述的方法，其特征在于，所述根据所述目标图片下发请求，向所述终端下发目标图片包括：

响应于缓存有所述目标图片，向所述终端下发缓存的所述目标图片；

响应于未缓存有所述目标图片，通过源网站服务器获取所述目标图片，将获取的所述目标图片下发至所述终端。

8.根据权利要求7所述的方法，其特征在于，所述响应于未缓存有所述目标图片，通过源网站服务器获取所述目标图片，将获取的所述目标图片下发至所述终端之后，所述方法还包括：

将获取的所述目标图片进行缓存。

9.一种图片下发装置，其特征在于，所述装置包括：

生成模块，用于基于终端的页面图片组件和屏幕分辨率生成目标图片下发请求，所述目标图片下发请求包括目标图片标识和目标图片尺寸，所述页面图片组件用于控制所述终端的页面显示图片；

发送模块，用于将所述目标图片下发请求发送至服务器，所述服务器用于基于所述目标图片下发请求下发目标图片，所述目标图片为所述目标图片标识对应的具有所述目标图片尺寸的图片；

接收模块，用于接收所述服务器下发的所述目标图片，将所述目标图片显示于所述页面图片组件位置。

10.一种图片下发装置，其特征在于，所述装置包括：

接收模块，用于接收终端发送的目标图片下发请求，所述目标图片下发请求包括目标图片标识和目标图片尺寸，所述目标图片尺寸根据所述终端的页面图片组件和屏幕分辨率得到；

下发模块，用于根据所述目标图片下发请求，向所述终端下发目标图片，所述目标图片为所述目标图片标识对应的具有所述目标图片尺寸的图片。

11.一种计算机设备，其特征在于，所述计算机设备包括处理器和存储器，所述存储器中存储有至少一条程序代码，所述至少一条程序代码由所述处理器加载并执行，以使所述计算机设备实现如权利要求1至5任一所述的图片下发方法，或者如权利要求6至8任一所述的图片下发方法。

12.一种计算机可读存储介质，其特征在于，所述计算机可读存储介质中存储有至少一条程序代码，所述至少一条程序代码由处理器加载并执行，以使计算机实现如权利要求1至5任一所述的图片下发方法，或者如权利要求6至8任一所述的图片下发方法。

Images