缩略图展示控制方法、装置、设备及存储介质与流程

1.本公开涉及图像处理技术领域，具体涉及图像缩放、缩略图生成、缩略图展示等技术领域，可应用于在网页展示缩略图、在论坛文章目录列表展示缩略图等场景下，尤其涉及一种缩略图展示控制方法、装置、设备及存储介质。


背景技术：

2.随着数字技术和网络技术的发展，图片在各大app(application，应用软件)中的使用率越来越高，越来越多的阅读场景都伴随着图片的出现，但是图片在屏幕上所占据的篇幅往往都是很大的，一张图片就可能占据整个屏幕，为了使一个屏幕内装下更多的图片以呈现更多的信息，往往都会使用缩略图代替原图。
3.目前展示缩略图的方式可以包括：从原图的固定位置裁剪出标准尺寸的图片作为缩略图进行展示，或者，对原图进行填充和缩放得到标准尺寸的图像作为缩略图进行展示。
4.但是，目前展示缩略图的方式中，缩略图不能较好地表达原图所包含的信息、且缩略图在前端页面的展示效果不好。


技术实现要素：

5.本公开提供了一种缩略图展示控制方法、装置、设备及存储介质，可以方便快捷的对每个不同的前端页面生成不同尺寸的高质量缩略图，缩略图能够较好地表达原图所包含的信息，且大大提升了缩略图在前端页面的展示效果。
6.根据本公开的第一方面，提供了一种缩略图展示控制方法，所述方法包括：
7.对原始图像进行显著性检测，得到所述原始图像的显著性区域；根据所述显著性区域和前端页面的尺寸，对所述原始图像进行裁剪和缩放，得到所述原始图像对应的目标缩略图；在所述前端页面展示所述目标缩略图。
8.根据本公开的第二方面，提供了一种缩略图展示控制装置，所述装置包括：检测单元、缩放单元、展示单元。
9.检测单元，用于对原始图像进行显著性检测，得到所述原始图像的显著性区域。缩放单元，用于根据所述显著性区域和前端页面的尺寸，对所述原始图像进行裁剪和缩放，得到所述原始图像对应的目标缩略图。展示单元，用于在所述前端页面展示所述目标缩略图。
10.根据本公开的第三方面，提供了一种电子设备，包括：至少一个处理器；以及与至少一个处理器通信连接的存储器；其中，存储器存储有可被至少一个处理器执行的指令，指令被至少一个处理器执行，以使至少一个处理器能够执行如第一方面的方法。
11.根据本公开的第四方面，提供了一种存储有计算机指令的非瞬时计算机可读存储介质，计算机指令用于使计算机执行根据第一方面的方法。
12.根据本公开的第五方面，提供了一种计算机程序产品，包括计算机程序，计算机程序在被处理器执行时实现根据第一方面的方法。
13.应当理解，本部分所描述的内容并非旨在标识本公开的实施例的关键或重要特
征，也不用于限制本公开的范围。本公开的其它特征将通过以下的说明书而变得容易理解。
附图说明
14.附图用于更好地理解本方案，不构成对本公开的限定。其中：
15.图1为本公开实施例提供的缩略图展示控制方法的流程示意图；
16.图2为本公开实施例提供的s102的一种实现流程示意图；
17.图3为本公开实施例提供的缩略图展示控制方法的又一流程示意图；
18.图4为本公开实施例提供的缩略图展示控制方法应用于用于显示前端页面的终端设备的一种实现流程示意图；
19.图5为本公开实施例提供的缩略图展示控制装置的组成示意图；
20.图6为本公开实施例提供的可以用来实施本公开的实施例的示例电子设备600的示意性框图。
具体实施方式
21.以下结合附图对本公开的示范性实施例做出说明，其中包括本公开实施例的各种细节以助于理解，应当将它们认为仅仅是示范性的。因此，本领域普通技术人员应当认识到，可以对这里描述的实施例做出各种改变和修改，而不会背离本公开的范围和精神。同样，为了清楚和简明，以下的描述中省略了对公知功能和结构的描述。
22.应当理解，在本公开各实施例中，字符“/”一般表示前后关联对象是一种“或”的关系。术语“第一”、“第二”等仅用于描述目的，而不能理解为指示或暗示相对重要性或者隐含指明所指示的技术特征的数量。
23.随着数字技术和网络技术的发展，图片在各大应用软件(application，app)中的使用率越来越高，越来越多的阅读场景都伴随着图片的出现，但是图片在屏幕上所占据的篇幅往往都是很大的，一张图片就可能占据整个屏幕，为了使一个屏幕内装下更多的图片以呈现更多的信息，往往都会使用缩略图代替原图。
24.示例性地，相较于原图，缩略图的尺寸更小，而且缩略图包含的信息和原图大致相同，可以概括地表达出原图的内容信息。例如，将一张某种动物的图像等比例缩放至原图大小的二分之一，在可以辨识到图片上动物种类的同时，缩小了图像，减小了图片占据的屏幕的面积，可以使整个屏幕呈现更多的图片。
25.目前展示缩略图的方式可以包括：从原图的固定位置裁剪出标准尺寸的图片作为缩略图进行展示，或者，对原图进行填充和缩放得到标准尺寸的图像作为缩略图进行展示。
26.示例性地，从原图的固定位置裁剪出标准尺寸的图片作为缩略图进行展示是指以原图上某个点为中心，从原图上裁剪标准大小的部分图像作为原图的缩略图进行展示；对原图进行填充和缩放得到标准尺寸的图像作为缩略图进行展示是指使用纯色对原图的背景进行填充至合适的大小比例，然后再将填充后的的图片等比缩放至标准尺寸的图像作为缩略图进行展示。
27.但是，目前展示缩略图的方式中，缩略图不能较好地表达原图所包含的信息、且缩略图在前端页面的展示效果不好。
28.示例性地，从原图的固定位置裁剪出标准尺寸的图片作为缩略图进行展示这种方
式简单直接，但生成的缩略图质量不太好，因为缩略图的尺寸一般和原图都不一致，对原图进行裁剪而得到的缩略图很有可能只是原图的一小部分，不能完全包含原图的信息，进而导致用户不能从缩略图中获取到充足的信息并忽略对应的相关内容；对原图先进行填充再缩放的方式生成的缩略图，虽然包含了整幅原图，但是因为有填充色的存在，整体展示的视觉效果会不够和谐，并且将整个原图的内容缩放至很小的缩略图里面，其内容也会变得模糊不清，不能较好的表达原图所包含的信息。
29.在此背景技术下，本公开提供了一种缩略图展示控制方法，能够方便快捷的对每个不同的前端页面生成不同尺寸的高质量缩略图，缩略图能够较好地表达原图所包含的信息，且大大提升了缩略图在前端页面的展示效果。
30.示例性地，该缩略图展示控制方法的执行主体可以是计算机或服务器，或者还可以是其他具有数据处理能力的设备。在此对该方法的执行主体不作限制。
31.一些实施例中，服务器可以是单独的一个服务器，或者，也可以是由多个服务器构成的服务器集群。部分实施方式中，服务器集群还可以是分布式集群。本公开对服务器的具体实现方式也不作限制。
32.图1为本公开实施例提供的缩略图展示控制方法的流程示意图。如图1所示，该方法可以包括：
33.s101、对原始图像进行显著性检测，得到原始图像的显著性区域。
34.示例性地，可以使用深度学习算法或者图片显著性算法对原始图像进行显著性检测，得到原始图像的显著性区域和显著性区域在原始图像中对应的位置信息。其中，原始图像可以是用户上传至图片存储服务器中存储的图像，也可以是从某段视频中截取的某一帧图像。显著性区域在原始图像中对应的位置信息可以是显著性区域在原始图像中的像素点坐标。
35.例如，对某个人的图像进行显著性检测，可以得到这个图像的显著性区域为人脸区域。
36.s102、根据显著性区域和前端页面的尺寸，对原始图像进行裁剪和缩放，得到原始图像对应的目标缩略图。
37.示例性地，以后端服务器为执行主体为例，前端的显示设备可以向后端服务器发送浏览缩略图的请求。后端服务器收到浏览缩略图的请求时，先判断是否存在对应的缩略图，若不存在，后端服务器根据检测出的显著性区域、显著性区域在原始图像中对应的位置信息、和前端页面的尺寸，从对应的原始图像中裁剪出合适大小的图像作为缩略图；其中，前端页面的尺寸指的是浏览缩略图的请求来源页面的尺寸信息，浏览缩略图的请求中包含该请求来源页面的尺寸信息，即浏览缩略图的请求中包含前端页面的尺寸信息。
38.例如，在收到浏览某个人的图像的缩略图的请求时，这个人的图像就是原始图像，如果判断此时服务器不存在对应的缩略图，检测到这个图像的显著性区域为人脸区域，人脸区域的中点即为这个图像的中点，前端页面宽高比为200mm:100mm，假设服务器根据以上信息确定缩略图宽高比为20mm:10mm，服务器将以原始图像的中点为中心，裁剪出宽高比为20mm:10mm的矩形图像作为原始图像的缩略图返回至前端进行展示。
39.s103、在前端页面展示目标缩略图。
40.示例性地，后端服务器将裁剪后的缩略图返回给前端，前端无需进行其他裁剪操
作直接对接收到的缩略图进行展示。
41.本公开通过采用显著性检测的方法可以得到原始图像的显著性区域以及显著性区域在原始图像中的位置信息，通过根据检测出的显著性区域、显著性区域在原始图像中对应的位置信息以及浏览缩略图请求中包含的前端页面的尺寸信息，从对应的原始图像中裁剪出合适大小的图像作为缩略图进行展示，能够方便快捷的对每个不同的前端页面生成不同尺寸的高质量缩略图，缩略图能够较好地表达原图所包含的信息，且大大提升了缩略图在前端页面的展示效果。
42.图2为本公开实施例提供的s102的一种实现流程示意图。如图2所示，s102还可以包括：
43.s201、获取前端页面的尺寸和缩略图样式配置文件，缩略图样式配置文件包括前端页面对应的缩略图的尺寸比例。
44.示例性地，可以预设一个配置文件，配置文件里可以包括根据不同前端页面尺寸人为预设的相应的不同缩略图的样式，比如，配置文件里可以规定前端页面的宽与对应的缩略图的宽比为2:1，前端页面的高与对应的缩略图的高比为3:1等。
45.例如，可以预设宽高比为200mm:100mm前端页面对应的缩略图宽高比为20mm:10mm，即前端页面的宽与对应的缩略图的宽比为10:1，前端页面的高与对应的缩略图的高比为10:1；宽高比为100mm:100mm的前端页面对应的缩略图宽高比为50mm:20mm等，前端页面的宽与对应的缩略图的宽比为2:1，前端页面的高与对应的缩略图的高比为5:1。
46.s202、根据显著性区域、前端页面的尺寸、前端页面对应的缩略图的尺寸比例，对原始图像进行裁剪和缩放，得到原始图像对应的目标缩略图。
47.示例性地，服务器在收到浏览缩略图请求后，根据浏览请求中包含的前端页面尺寸，从预设的配置文件中读取该前端页面尺寸对应的缩略图尺寸，然后服务器根据检测出的显著性区域、显著性区域在原图中对应的位置信息、前端页面的尺寸以及从配置文件中读取到前端页面的尺寸对应的的缩略图尺寸，从对应的原图中裁剪出合适大小的图像作为缩略图。
48.例如，服务器收到一个浏览缩略图请求，该浏览请求中包含的前端页面宽高比为100mm:80mm，读取到配置文件中规定的前端页面宽高比为100mm:80mm时对应的缩略图宽高比为25mm:20mm，然后服务器根据检测出的显著性区域、显著性区域在原图中对应的位置信息将原图裁剪为宽高比为25mm:20mm的图像作为原图的缩略图。
49.本实施例通过预设一个配置文件，配置文件中可以包含根据不同前端页面尺寸人为预设的相应的不同缩略图的样式，可以灵活的为不同尺寸的前端页面配置合适的的缩略图样式，同时可以在一个配置文件中统一管理不同前端页面的缩略图的样式，无需更多额外的操作就能控制各个页面的缩略图显示效果，提高了生成缩略图的工作效率，减少了将缩略图返回前端所用的时间，提升了用户的体验感。
50.一些实施例中，缩略图样式配置文件还包括第一指示信息；第一指示信息用于指示是否对原始图像进行裁剪和缩放；根据显著性区域、前端页面的尺寸、前端页面对应的缩略图的尺寸比例，对原始图像进行裁剪和缩放，得到原始图像对应的目标缩略图，包括：
51.当第一指示信息指示对原始图像进行裁剪和缩放时，根据显著性区域、前端页面的尺寸、前端页面对应的缩略图的尺寸比例，对原始图像进行裁剪和缩放，得到原始图像对
应的目标缩略图。
52.示例性地，第一指示信息用于指示是否对原始图像进行裁剪和缩放，当第一指示信息指示对原始图像进行裁剪和缩放时，服务器根据检测出的显著性区域、显著性区域在原图中对应的位置信息、前端页面的尺寸、前端页面对应的缩略图的尺寸比例，对原始图像进行裁剪和缩放，得到原始图像对应的目标缩略图；当第一指示信息指示对原始图像不进行裁剪和缩放时，服务器直接将原始图像返回至前端进行展示。
53.例如，在手机端，手机屏幕较小，某个原始图像尺寸较大，需要展示缩略图，第一指示信息指示对原始图像进行裁剪和缩放，服务器根据检测出的显著性区域、显著性区域在原图中对应的位置信息、前端页面的尺寸、前端页面对应的缩略图的尺寸比例，对原始图像进行裁剪和缩放，得到原始图像对应的目标缩略图；在电脑端，电脑屏幕较大，某个原始图像尺寸较小，不需要展示缩略图，第一指示信息指示对原始图像不进行裁剪和缩放，服务器直接将原始图像返回至前端进行展示。
54.本实施例通过第一指示信息根据不同尺寸的前端页面指示是否对原始图像进行裁剪和缩放，可以生成与每个前端页面尺寸贴合的缩略图，能够加强前端页面的整体展示效果。
55.例如，以后端服务器为执行主体为例，前端的显示设备可以向后端服务器发送浏览缩略图的请求，可以使后端服务器能够根据缩略图浏览请求的不同来源返回不同样式的缩略图。
56.一些实施例中，根据显著性区域、前端页面的尺寸、前端页面对应的缩略图的尺寸比例，对原始图像进行裁剪和缩放，得到原始图像对应的目标缩略图，包括：
57.当原始图像的尺寸大于第一尺寸、且小于第二尺寸时，根据显著性区域、前端页面的尺寸、前端页面对应的缩略图的尺寸比例，对原始图像进行裁剪和缩放，得到原始图像对应的目标缩略图。
58.该缩略图展示控制方法还可以包括：
59.当原始图像的尺寸小于第一尺寸、或者大于第二尺寸时，根据前端页面的尺寸、前端页面对应的缩略图的尺寸比例，对原始图像进行缩放，得到原始图像对应的目标缩略图。
60.示例性地，第一尺寸和第二尺寸可以是一个预设值，在大于第一尺寸、且小于第二尺寸这个范围内对原始图像进行裁剪得到的缩略图可以达到预期的效果，即在这个范围内对原始图像进行裁剪得到的缩略图可以比较完整的表达出原始图像的内容信息，同时整体展示的视觉效果也较好。
61.当原始图像的尺寸小于第一尺寸时，代表原始图像尺寸过小，无法再进行裁剪，当原始图像的尺寸大于第二尺寸时，代表原始图像尺寸过大，此时再怎样裁剪也无法得到高质量的缩略图；所以，当原始图像的尺寸小于第一尺寸、或者大于第二尺寸时，第二指示信息指示对原始图像不进行裁剪，根据前端页面的尺寸、前端页面对应的缩略图的尺寸比例，直接对原始图像进行缩放，得到原始图像对应的目标缩略图。其中，第二指示信息用于当原始图像的尺寸小于第一尺寸、或者大于第二尺寸时对原始图像不进行裁剪。
62.例如，可以规定第一尺寸宽与前端页面宽比例为1:50，第一尺寸高与前端页面高比例为1:80，第二尺寸宽与前端页面宽比例为40:1，第二尺寸高与前端页面高比例为20:1，若前端页面宽高比为100mm:240mm，那么第一尺寸为宽高比是2mm:3mm，第二尺寸为宽高比
是4000mm:4800mm；此时当原始图像的宽大于2mm小于4000mm，原始图像的高大于3mm小于4800mm时，可以根据显著性区域、前端页面的尺寸、前端页面对应的缩略图的尺寸比例，对原始图像进行裁剪和缩放，得到原始图像对应的目标缩略图；当原始图像的宽小于2mm或者大于4000mm、原始图像的高小于3mm或者大于4800mm时，即原始图像的尺寸小于第一尺寸、或者大于第二尺寸时，第二指示信息指示对原始图像不进行裁剪，根据前端页面的尺寸、前端页面对应的缩略图的尺寸比例，直接对原始图像进行缩放，得到原始图像对应的目标缩略图。
63.本实施例通过在原始图像的尺寸小于第一尺寸、或者大于第二尺寸时，第二指示信息指示对原始图像不进行裁剪，根据前端页面的尺寸、前端页面对应的缩略图的尺寸比例，直接对原始图像进行缩放，得到原始图像对应的目标缩略图，覆盖了当图片过大或过小时的一些特殊情况，可以全面的根据各种不同的前端页面为各个不同的原始图像生成相应的缩略图。
64.一些实施例中，保存原始图像的显著性区域的位置信息和目标缩略图。
65.示例性地，可以在检测出原始图像的显著性区域在原始图像中对应的位置信息后，将原始图像的显著性区域的位置信息保存在数据库中。还可以在后端将裁剪后得到的目标缩略图返回给前端的同时，将目标缩略图进行存储。
66.本实施例通过将原始图像的显著性区域的位置信息保存在数据库中，可以方便后续对显著性区域的位置信息数据的使用，能够提高生成目标缩略图的工作效率。在后端将裁剪后得到的目标缩略图返回给前端的时，通过同步存储目标缩略图，可以在下次有相同的缩略图浏览请求到达后端服务器时，直接将之前存储的缩略图返回给前端，无需二次计算，简化了展示缩略图的步骤，提高了展示缩略图的效率。
67.图3为本公开实施例提供的缩略图展示控制方法的又一流程示意图。
68.如图3所示，该缩略图展示控制方法还可以包括：
69.s301、对每张目标缩略图进行识别，得到每张目标缩略图的清晰度、以及至少一种内容属性信息。
70.示例性地，可以对每张目标缩略图分别进行文字识别和分类识别，得到每张目标缩略图的清晰度、图片类别和文字内容等信息。其中，图片类别、文字内容等信息可以称为内容属性信息。
71.例如，在论坛文章目录列表展示的场景下，每个文章所包含的图片可能远比页面所能展示的缩略图数量多很多，所以只能选取部分图片来进行展示，比如，对某个文章所包含的每张目标缩略图进行文字识别和分类识别，得到每张目标缩略图的清晰度、图片类别和文字内容等信息。
72.s302、根据至少一种内容属性信息和前端页面的内容信息，对目标缩略图和前端页面进行相关性检测，得到每张目标缩略图与前端页面的相似度。
73.示例性地，可以将每张目标缩略图的图片类别和图片所包含的文字内容分别和文章标题及内容做文本相关性检测，做文本相关性检测时，先使用bert预训练模型生成句向量，然后先计算出每张目标缩略图的图片类别和所属文章标题及内容的相似度为第一相似度，再计算出每张目标缩略图包含的文字内容和所属文章标题及内容的相似度为第二相似度，最后计算出第一相似度和第二相似度的平均数作为每张目标缩略图与前端页面的相似
度。
74.例如，假设计算出每张目标缩略图的图片类别和所属文章标题及内容的相似度为80％，即第一相似度为80％，再计算出每张目标缩略图包含的文字内容和所属文章标题及内容的相似度为90％，即第二相似度为90％，可以得到第一相似度和第二相似度的平均数为85％，所以每张目标缩略图与前端页面的相似度就是85％。
75.s303、根据目标缩略图与前端页面的相似度、目标缩略图的清晰度，确定目标缩略图的质量分数。
76.示例性地，可以计算s302得到的相似度和s301检测出的清晰度的平均数，根据计算的平均数得到最终该图片的分数。
77.例如，假设检测出某张目标缩略图清晰度为90％，同时计算出这张目标缩略图相似度为85％，得出该目标缩略图清晰度和相似度平均数为87.5％，可以确定目标缩略图的质量分数为87.5。
78.s304、从至少两张目标缩略图中筛选出质量分数符合预设条件的目标缩略图，在前端页面进行展示。
79.示例性地，预设条件可以是分数排名前三的三张图片，也可以是分数高于90分的图片等。
80.例如，假设预设条件是分数排名前三的三张图片，如果有五张目标缩略图，图1分数为90，图2分数为98，图3分数为76，图4分数为80，图5分数为87，那么选择图1、图2、图5在前端页面进行展示。
81.本实施例通过对每张目标缩略图进行文字识别及分类识别，得到每张目标缩略图的清晰度、图片类别和文字内容等信息，然后分别计算出每张目标缩略图的图片类别和所属文章标题及内容的相似度为第一相似度、每张目标缩略图包含的文字内容和所属文章标题及内容的相似度为第二相似度，以第一相似度和第二相似度的平均数作为每张目标缩略图与前端页面的相似度，再根据目标缩略图与前端页面的相似度、目标缩略图的清晰度，确定目标缩略图的质量分数，最后从至少两张目标缩略图中筛选出质量分数符合预设条件的目标缩略图，在前端页面进行展示，可以在类似论坛文章目录列表展示的场景下，准确选取和前端页面展示内容相关性较高的缩略图进行展示，提升前端页面所展示的整体内容的质量，增加用户点击率。
82.图4为本公开实施例提供的缩略图展示控制方法应用于用于显示前端页面的终端设备的一种流程示意图。如图4所示，该缩略图展示控制方法还可以包括：
83.s401、接收服务器下发的原始图像、以及原始图像的显著性区域的位置信息。
84.示例性地，可以在部分前端页面设置为服务器直接下发原始图像以及原始图像的显著性区域的位置信息。
85.例如，假设原始图像为某张人物图像，这张人物图像的显著性区域的位置信息为以原始图像中点为中点的宽高比为1：1.5的矩形区域，当前端页面需要展示这张人物图像时，服务器会将这张人物图像和这张人物图像的显著性区域的位置信息，即以原始图像中点为中点的宽高比为1：1.5的矩形区域，一起下发给前端页面。
86.s402、根据原始图像的显著性区域的位置信息，确定原始图像的显著性区域。
87.示例性地，根据服务器下发的原始图像以及原始图像的显著性区域的位置信息，
确定原始图像的显著性区域，前端页面根据原始图像的显著性区域将部分原图作为目标缩略图进行展示。
88.例如，服务器会将某张人物图像和这张人物图像的显著性区域的位置信息，即以原始图像中点为中点的宽高比为1：1.5的矩形区域，一起下发给前端页面，前端页面会将以原始图像中点为中点的宽高比为1：1.5的这个矩形区域作为目标缩略图进行展示。
89.s403、响应于用户在前端页面点击目标缩略图的操作，从本地显示原始图像。
90.示例性地，当用户点击缩略图查看大图时，前端页面会直接展示原始图像。
91.本实施例通过服务器直接将原始图像、以及原始图像的显著性区域的位置信息下发给前端页面，前端页面根据服务器下发的原始图像以及原始图像的显著性区域的位置信息，确定原始图像的显著性区域，并根据原始图像的显著性区域将部分原图作为目标缩略图进行展示，当用户点击缩略图查看大图时，前端页面会直接展示原始图像，不用重新发起网络请求再去下载原图并展示，能够减少对网络资源的浪费，同时可以提高部分前端页面展示目标缩略图和原始图像的速度和效率。
92.示例性实施例中，本公开实施例还提供一种缩略图展示控制装置，可以用于实现如前述实施例的缩略图展示控制方法。图5为本公开实施例提供的缩略图展示控制装置的组成示意图。如图5所示，该装置可以包括：检测单元501、缩放单元502、展示单元503。
93.检测单元501，用于对原始图像进行显著性检测，得到原始图像的显著性区域。
94.缩放单元502，用于根据显著性区域和前端页面的尺寸，对原始图像进行裁剪和缩放，得到原始图像对应的目标缩略图。
95.展示单元503，用于在前端页面展示目标缩略图。
96.可选地，缩放单元502，还用于获取前端页面的尺寸和缩略图样式配置文件，缩略图样式配置文件包括前端页面对应的缩略图的尺寸比例；根据显著性区域、前端页面的尺寸、前端页面对应的缩略图的尺寸比例，对原始图像进行裁剪和缩放，得到原始图像对应的目标缩略图。
97.可选地，缩放单元502，还用于当第一指示信息指示对原始图像进行裁剪和缩放时，根据显著性区域、前端页面的尺寸、前端页面对应的缩略图的尺寸比例，对原始图像进行裁剪和缩放，得到原始图像对应的目标缩略图。
98.可选地，缩放单元502，还用于当原始图像的尺寸大于第一尺寸、且小于第二尺寸时，根据显著性区域、前端页面的尺寸、前端页面对应的缩略图的尺寸比例，对原始图像进行裁剪和缩放，得到原始图像对应的目标缩略图；缩放单元502，还用于当原始图像的尺寸小于第一尺寸、或者大于第二尺寸时，根据前端页面的尺寸、前端页面对应的缩略图的尺寸比例，对原始图像进行缩放，得到原始图像对应的目标缩略图。
99.可选地，保存原始图像的显著性区域的位置信息和目标缩略图。
100.可选地，展示单元503，还用于对每张目标缩略图进行识别，得到每张目标缩略图的清晰度、以及至少一种内容属性信息；根据至少一种内容属性信息和前端页面的内容信息，对目标缩略图和前端页面进行相关性检测，得到每张目标缩略图与前端页面的相似度；根据目标缩略图与前端页面的相似度、目标缩略图的清晰度，确定目标缩略图的质量分数；从至少两张目标缩略图中筛选出质量分数符合预设条件的目标缩略图，在前端页面进行展示。
101.可选地，检测单元501，还用于所述方法应用于用于显示前端页面的终端设备，对原始图像进行显著性检测，得到原始图像的显著性区域之前，接收服务器下发的原始图像、以及原始图像的显著性区域的位置信息；检测单元501，还用于根据原始图像的显著性区域的位置信息，确定原始图像的显著性区域；展示单元503，还用于响应于用户在前端页面点击目标缩略图的操作，从本地显示原始图像。
102.本公开的技术方案中，所涉及的用户个人信息的获取，存储和应用等，均符合相关法律法规的规定，且不违背公序良俗。
103.根据本公开的实施例，本公开还提供了一种电子设备、一种可读存储介质、一种计算机程序产品。
104.示例性实施例中，电子设备，包括：至少一个处理器；以及与所述至少一个处理器通信连接的存储器；其中，所述存储器存储有可被所述至少一个处理器执行的指令，所述指令被所述至少一个处理器执行，以使所述至少一个处理器能够执行如以上实施例所述的方法。
105.示例性实施例中，可读存储介质可以是存储有计算机指令的非瞬时计算机可读存储介质，所述计算机指令用于使计算机执行根据以上实施例所述的方法。
106.示例性实施例中，计算机程序产品包括计算机程序，所述计算机程序在被处理器执行时实现根据以上实施例所述的方法。
107.图6示出了可以用来实施本公开的实施例的示例电子设备600的示意性框图。电子设备旨在表示各种形式的数字计算机，诸如，膝上型计算机、台式计算机、工作台、个人数字助理、服务器、刀片式服务器、大型计算机、和其它适合的计算机。电子设备还可以表示各种形式的移动装置，诸如，个人数字处理、蜂窝电话、智能电话、可穿戴设备和其它类似的计算装置。本文所示的部件、它们的连接和关系、以及它们的功能仅仅作为示例，并且不意在限制本文中描述的和/或者要求的本公开的实现。
108.如图6所示，电子设备600包括计算单元601，其可以根据存储在只读存储器(rom)602中的计算机程序或者从存储单元608加载到随机访问存储器(ram)603中的计算机程序，来执行各种适当的动作和处理。在ram 603中，还可存储电子设备600操作所需的各种程序和数据。计算单元601、rom 602以及ram 603通过总线604彼此相连。输入/输出(i/o)接口605也连接至总线604。
109.电子设备600中的多个部件连接至i/o接口605，包括：输入单元606，例如键盘、鼠标等；输出单元607，例如各种类型的显示器、扬声器等；存储单元608，例如磁盘、光盘等；以及通信单元609，例如网卡、调制解调器、无线通信收发机等。通信单元609允许电子设备600通过诸如因特网的计算机网络和/或各种电信网络与其他设备交换信息/数据。
110.计算单元601可以是各种具有处理和计算能力的通用和/或专用处理组件。计算单元601的一些示例包括但不限于中央处理单元(cpu)、图形处理单元(gpu)、各种专用的人工智能(ai)计算芯片、各种运行机器学习模型算法的计算单元、数字信号处理器(dsp)、以及任何适当的处理器、控制器、微控制器等。计算单元601执行上文所描述的各个方法和处理，例如缩略图展示控制方法。例如，在一些实施例中，缩略图展示控制方法可被实现为计算机软件程序，其被有形地包含于机器可读介质，例如存储单元608。在一些实施例中，计算机程序的部分或者全部可以经由rom 602和/或通信单元609而被载入和/或安装到电子设备600
上。当计算机程序加载到ram 603并由计算单元601执行时，可以执行上文描述的缩略图展示控制方法的一个或多个步骤。备选地，在其他实施例中，计算单元601可以通过其他任何适当的方式(例如，借助于固件)而被配置为执行缩略图展示控制方法。
111.本文中以上描述的系统和技术的各种实施方式可以在数字电子电路系统、集成电路系统、现场可编程门阵列(fpga)、专用集成电路(asic)、专用标准产品(assp)、芯片上系统的系统(soc)、负载可编程逻辑设备(cpld)、计算机硬件、固件、软件、和/或它们的组合中实现。这些各种实施方式可以包括：实施在一个或者多个计算机程序中，该一个或者多个计算机程序可在包括至少一个可编程处理器的可编程系统上执行和/或解释，该可编程处理器可以是专用或者通用可编程处理器，可以从存储系统、至少一个输入装置、和至少一个输出装置接收数据和指令，并且将数据和指令传输至该存储系统、该至少一个输入装置、和该至少一个输出装置。
112.用于实施本公开的方法的程序代码可以采用一个或多个编程语言的任何组合来编写。这些程序代码可以提供给通用计算机、专用计算机或其他可编程数据处理装置的处理器或控制器，使得程序代码当由处理器或控制器执行时使流程图和/或框图中所规定的功能/操作被实施。程序代码可以完全在机器上执行、部分地在机器上执行，作为独立软件包部分地在机器上执行且部分地在远程机器上执行或完全在远程机器或服务器上执行。
113.在本公开的上下文中，机器可读介质可以是有形的介质，其可以包含或存储以供指令执行系统、装置或设备使用或与指令执行系统、装置或设备结合地使用的程序。机器可读介质可以是机器可读信号介质或机器可读储存介质。机器可读介质可以包括但不限于电子的、磁性的、光学的、电磁的、红外的、或半导体系统、装置或设备，或者上述内容的任何合适组合。机器可读存储介质的更具体示例会包括基于一个或多个线的电气连接、便携式计算机盘、硬盘、随机存取存储器(ram)、只读存储器(rom)、可擦除可编程只读存储器(eprom或快闪存储器)、光纤、便捷式紧凑盘只读存储器(cd-rom)、光学储存设备、磁储存设备、或上述内容的任何合适组合。
114.为了提供与用户的交互，可以在计算机上实施此处描述的系统和技术，该计算机具有：用于向用户显示信息的显示装置(例如，crt(阴极射线管)或者lcd(液晶显示器)监视器)；以及键盘和指向装置(例如，鼠标或者轨迹球)，用户可以通过该键盘和该指向装置来将输入提供给计算机。其它种类的装置还可以用于提供与用户的交互；例如，提供给用户的反馈可以是任何形式的传感反馈(例如，视觉反馈、听觉反馈、或者触觉反馈)；并且可以用任何形式(包括声输入、语音输入或者、触觉输入)来接收来自用户的输入。
115.可以将此处描述的系统和技术实施在包括后台部件的计算系统(例如，作为数据服务器)、或者包括中间件部件的计算系统(例如，应用服务器)、或者包括前端部件的计算系统(例如，具有图形用户界面或者网络浏览器的用户计算机，用户可以通过该图形用户界面或者该网络浏览器来与此处描述的系统和技术的实施方式交互)、或者包括这种后台部件、中间件部件、或者前端部件的任何组合的计算系统中。可以通过任何形式或者介质的数字数据通信(例如，通信网络)来将系统的部件相互连接。通信网络的示例包括：局域网(lan)、广域网(wan)和互联网。
116.计算机系统可以包括客户端和服务器。客户端和服务器一般远离彼此并且通常通过通信网络进行交互。通过在相应的计算机上运行并且彼此具有客户端-服务器关系的计
算机程序来产生客户端和服务器的关系。服务器可以是云服务器，也可以为分布式系统的服务器，或者是结合了区块链的服务器。
117.应该理解，可以使用上面所示的各种形式的流程，重新排序、增加或删除步骤。例如，本公开中记载的各步骤可以并行地执行也可以顺序地执行也可以不同的次序执行，只要能够实现本公开公开的技术方案所期望的结果，本文在此不进行限制。
118.上述具体实施方式，并不构成对本公开保护范围的限制。本领域技术人员应该明白的是，根据设计要求和其他因素，可以进行各种修改、组合、子组合和替代。任何在本公开的精神和原则之内所作的修改、等同替换和改进等，均应包含在本公开保护范围之内。

技术特征：
1.一种缩略图展示控制方法，所述方法包括：对原始图像进行显著性检测，得到所述原始图像的显著性区域；根据所述显著性区域和前端页面的尺寸，对所述原始图像进行裁剪和缩放，得到所述原始图像对应的目标缩略图；在所述前端页面展示所述目标缩略图。2.根据权利要求1所述的方法，所述根据所述显著性区域和前端页面的尺寸，对所述原始图像进行裁剪和缩放，得到所述原始图像对应的目标缩略图，包括：获取前端页面的尺寸和缩略图样式配置文件，所述缩略图样式配置文件包括所述前端页面对应的缩略图的尺寸比例；根据所述显著性区域、所述前端页面的尺寸、所述前端页面对应的缩略图的尺寸比例，对所述原始图像进行裁剪和缩放，得到所述原始图像对应的目标缩略图。3.根据权利要求2所述的方法，所述缩略图样式配置文件还包括第一指示信息；所述第一指示信息用于指示是否对所述原始图像进行裁剪和缩放；所述根据所述显著性区域、所述前端页面的尺寸、所述前端页面对应的缩略图的尺寸比例，对所述原始图像进行裁剪和缩放，得到所述原始图像对应的目标缩略图，包括：当所述第一指示信息指示对所述原始图像进行裁剪和缩放时，根据所述显著性区域、所述前端页面的尺寸、所述前端页面对应的缩略图的尺寸比例，对所述原始图像进行裁剪和缩放，得到所述原始图像对应的目标缩略图。4.根据权利要求2或3所述的方法，所述根据所述显著性区域、所述前端页面的尺寸、所述前端页面对应的缩略图的尺寸比例，对所述原始图像进行裁剪和缩放，得到所述原始图像对应的目标缩略图，包括：当所述原始图像的尺寸大于第一尺寸、且小于第二尺寸时，根据所述显著性区域、所述前端页面的尺寸、所述前端页面对应的缩略图的尺寸比例，对所述原始图像进行裁剪和缩放，得到所述原始图像对应的目标缩略图；所述方法还包括：当所述原始图像的尺寸小于第一尺寸、或者大于第二尺寸时，根据所述前端页面的尺寸、所述前端页面对应的缩略图的尺寸比例，对所述原始图像进行缩放，得到所述原始图像对应的目标缩略图。5.根据权利要求1-4任一项所述的方法，保存所述原始图像的显著性区域的位置信息和所述目标缩略图。6.根据权利要求1-5任一项所述的方法，所述目标缩略图包括至少两张；所述在所述前端页面展示所述目标缩略图，包括：对每张所述目标缩略图进行识别，得到每张所述目标缩略图的清晰度、以及至少一种内容属性信息；根据所述至少一种内容属性信息和所述前端页面的内容信息，对所述目标缩略图和所述前端页面进行相关性检测，得到每张所述目标缩略图与所述前端页面的相似度；根据所述目标缩略图与所述前端页面的相似度、所述目标缩略图的清晰度，确定所述目标缩略图的质量分数；从所述至少两张所述目标缩略图中筛选出质量分数符合预设条件的目标缩略图，在所
述前端页面进行展示。7.根据权利要求1-6任一项所述的方法，所述方法应用于用于显示所述前端页面的终端设备，所述对原始图像进行显著性检测，得到所述原始图像的显著性区域之前，所述方法还包括：接收服务器下发的所述原始图像、以及所述原始图像的显著性区域的位置信息；所述对原始图像进行显著性检测，得到所述原始图像的显著性区域，包括：根据所述原始图像的显著性区域的位置信息，确定所述原始图像的显著性区域；所述方法还包括：响应于用户在所述前端页面点击所述目标缩略图的操作，从本地显示所述原始图像。8.一种缩略图展示控制装置，所述装置包括：检测单元，用于对原始图像进行显著性检测，得到所述原始图像的显著性区域；缩放单元，用于根据所述显著性区域和前端页面的尺寸，对所述原始图像进行裁剪和缩放，得到所述原始图像对应的目标缩略图；展示单元，用于在所述前端页面展示所述目标缩略图。9.根据权利要求8所述的装置，所述缩放单元，还用于：获取前端页面的尺寸和缩略图样式配置文件，所述缩略图样式配置文件包括所述前端页面对应的缩略图的尺寸比例；根据所述显著性区域、所述前端页面的尺寸、所述前端页面对应的缩略图的尺寸比例，对所述原始图像进行裁剪和缩放，得到所述原始图像对应的目标缩略图。10.根据权利要求9所述的装置，所述缩略图样式配置文件还包括第一指示信息；所述第一指示信息用于指示是否对所述原始图像进行裁剪和缩放；所述缩放单元，还用于：当所述第一指示信息指示对所述原始图像进行裁剪和缩放时，根据所述显著性区域、所述前端页面的尺寸、所述前端页面对应的缩略图的尺寸比例，对所述原始图像进行裁剪和缩放，得到所述原始图像对应的目标缩略图。11.根据权利要求9或10所述的装置，所述缩放单元，还用于：当所述原始图像的尺寸大于第一尺寸、且小于第二尺寸时，根据所述显著性区域、所述前端页面的尺寸、所述前端页面对应的缩略图的尺寸比例，对所述原始图像进行裁剪和缩放，得到所述原始图像对应的目标缩略图；所述缩放单元，还用于：当所述原始图像的尺寸小于第一尺寸、或者大于第二尺寸时，根据所述前端页面的尺寸、所述前端页面对应的缩略图的尺寸比例，对所述原始图像进行缩放，得到所述原始图像对应的目标缩略图。12.根据权利要求8-11任一项所述的装置，保存所述原始图像的显著性区域的位置信息和所述目标缩略图。13.根据权利要求8-12所述的装置，所述目标缩略图包括至少两张，所述展示单元，还用于：对每张所述目标缩略图进行识别，得到每张所述目标缩略图的清晰度、以及至少一种内容属性信息；
根据所述至少一种内容属性信息和所述前端页面的内容信息，对所述目标缩略图和所述前端页面进行相关性检测，得到每张所述目标缩略图与所述前端页面的相似度；根据所述目标缩略图与所述前端页面的相似度、所述目标缩略图的清晰度，确定所述目标缩略图的质量分数；从所述至少两张所述目标缩略图中筛选出质量分数符合预设条件的目标缩略图，在所述前端页面进行展示。14.根据权利要求8-13所述的装置，所述检测单元，还用于：所述方法应用于用于显示所述前端页面的终端设备，所述对原始图像进行显著性检测，得到所述原始图像的显著性区域之前，接收服务器下发的所述原始图像、以及所述原始图像的显著性区域的位置信息；所述检测单元，还用于：根据所述原始图像的显著性区域的位置信息，确定所述原始图像的显著性区域；所述展示单元，还用于：响应于用户在所述前端页面点击所述目标缩略图的操作，从本地显示所述原始图像。15.一种电子设备，包括：至少一个处理器；以及与所述至少一个处理器通信连接的存储器；其中，所述存储器存储有可被所述至少一个处理器执行的指令，所述指令被所述至少一个处理器执行，以使所述至少一个处理器能够执行权利要求1-7任一项所述的方法。16.一种存储有计算机指令的非瞬时计算机可读存储介质，所述计算机指令用于使计算机执行根据权利要求1-7任一项所述的方法。17.一种计算机程序产品，包括计算机程序，所述计算机程序在被处理器执行时实现根据权利要求1-7任一项所述的方法。

技术总结
本公开提供一种缩略图展示控制方法、装置、设备及存储介质，涉及图像处理技术领域，具体涉及图像缩放、缩略、图生成、缩略图展示等技术领域，可应用于在网页展示缩略图、在论坛文章目录列表展示缩略图等场景下。具体实现方案包括：对原始图像进行显著性检测，得到所述原始图像的显著性区域；根据所述显著性区域和前端页面的尺寸，对所述原始图像进行裁剪和缩放，得到所述原始图像对应的目标缩略图；在所述前端页面展示所述目标缩略图。本公开可以方便快捷的对每个不同的前端页面生成不同尺寸的高质量缩略图，缩略图能够较好地表达原图所包含的信息，且大大提升了缩略图在前端页面的展示效果。展示效果。展示效果。


技术研发人员：唐瑜
受保护的技术使用者：北京百度网讯科技有限公司
技术研发日：2023.04.28
技术公布日：2023/8/21