CN112988314A - 详情页面生成方法、装置、计算机设备及可读存储介质 - Google Patents

详情页面生成方法、装置、计算机设备及可读存储介质 Download PDF

Info

Publication number
CN112988314A
CN112988314A CN202110520683.3A CN202110520683A CN112988314A CN 112988314 A CN112988314 A CN 112988314A CN 202110520683 A CN202110520683 A CN 202110520683A CN 112988314 A CN112988314 A CN 112988314A
Authority
CN
China
Prior art keywords
picture
target
pixel
pixel point
original object
Prior art date
Legal status (The legal status is an assumption and is not a legal conclusion. Google has not performed a legal analysis and makes no representation as to the accuracy of the status listed.)
Granted
Application number
CN202110520683.3A
Other languages
English (en)
Other versions
CN112988314B (zh
Inventor
沈艳
高春旭
Current Assignee (The listed assignees may be inaccurate. Google has not performed a legal analysis and makes no representation or warranty as to the accuracy of the list.)
Zhejiang Koubei Network Technology Co Ltd
Original Assignee
Zhejiang Koubei Network Technology Co Ltd
Priority date (The priority date is an assumption and is not a legal conclusion. Google has not performed a legal analysis and makes no representation as to the accuracy of the date listed.)
Filing date
Publication date
Application filed by Zhejiang Koubei Network Technology Co Ltd filed Critical Zhejiang Koubei Network Technology Co Ltd
Priority to CN202110520683.3A priority Critical patent/CN112988314B/zh
Publication of CN112988314A publication Critical patent/CN112988314A/zh
Application granted granted Critical
Publication of CN112988314B publication Critical patent/CN112988314B/zh
Active legal-status Critical Current
Anticipated expiration legal-status Critical

Links

Images

Classifications

    • GPHYSICS
    • G06COMPUTING; CALCULATING OR COUNTING
    • G06FELECTRIC DIGITAL DATA PROCESSING
    • G06F9/00Arrangements for program control, e.g. control units
    • G06F9/06Arrangements for program control, e.g. control units using stored programs, i.e. using an internal store of processing equipment to receive or retain programs
    • G06F9/44Arrangements for executing specific programs
    • G06F9/451Execution arrangements for user interfaces
    • GPHYSICS
    • G06COMPUTING; CALCULATING OR COUNTING
    • G06FELECTRIC DIGITAL DATA PROCESSING
    • G06F18/00Pattern recognition
    • G06F18/20Analysing
    • G06F18/23Clustering techniques
    • GPHYSICS
    • G06COMPUTING; CALCULATING OR COUNTING
    • G06VIMAGE OR VIDEO RECOGNITION OR UNDERSTANDING
    • G06V10/00Arrangements for image or video recognition or understanding
    • G06V10/40Extraction of image or video features
    • G06V10/56Extraction of image or video features relating to colour

Landscapes

  • Engineering & Computer Science (AREA)
  • Theoretical Computer Science (AREA)
  • Physics & Mathematics (AREA)
  • Data Mining & Analysis (AREA)
  • Software Systems (AREA)
  • General Physics & Mathematics (AREA)
  • General Engineering & Computer Science (AREA)
  • Bioinformatics & Cheminformatics (AREA)
  • Evolutionary Computation (AREA)
  • Evolutionary Biology (AREA)
  • Computer Vision & Pattern Recognition (AREA)
  • Bioinformatics & Computational Biology (AREA)
  • Artificial Intelligence (AREA)
  • Multimedia (AREA)
  • Human Computer Interaction (AREA)
  • Life Sciences & Earth Sciences (AREA)
  • Image Analysis (AREA)
  • Information Retrieval, Db Structures And Fs Structures Therefor (AREA)

Abstract

本申请公开了一种详情页面生成方法、装置、计算机设备及可读存储介质,涉及互联网技术领域,解析对象主体区域中的像素点进行聚类,得到像素点簇,根据像素点簇的分布质心和其所属的像素点簇的聚类中心,确定指定像素点,生成指定像素点对应的主题色的背景图片,提升整体氛围和美感。所述方法包括:识别接收到的原始对象图片,在原始对象图片中确定对象主体区域;解析对象主体区域包括的多个像素点,按照多个像素点所属的目标主题色系对多个像素点进行聚类,得到多个像素点簇;根据多个像素点簇的分布质心和目标像素点簇的聚类中心,提取指定像素点;生成填充有指定像素点对应的主题色的背景图片,将原始对象图片添加至背景图片,得到详情页面。

Description

详情页面生成方法、装置、计算机设备及可读存储介质
技术领域
本申请涉及互联网技术领域,特别是涉及一种详情页面生成方法、装置、计算机设备及可读存储介质。
背景技术
在移动互联时代,随着电子商务技术的飞速发展,很多商家将门店中的产品以虚拟产品的形式置于线上平台,用户在线上平台中即可购买这些虚拟产品。线上平台向用户提供的可购买的虚拟产品中不仅包括食品、服装等实体类商品,而且还包括美甲、护肤、按摩等服务类商品,用户在线上平台购物时,是无法真正看到或者触碰到商品的,因此,为了使用户在线上平台中购物时能够了解到虚拟商品的整体样式、服务过程、款式、服务项目等商品的细节,线上平台会为商品生成详情页面,以便用户可以参考详情页面中的内容选购商品。
相关技术中,在为商品生成详情页面时,通常需要商家对商品的整体样式、服务过程、款式、服务内容等进行拍摄,提供与商品相关的文案内容,并将拍摄后的图片以及文案内容上传给线上平台,进而线上平台会将商家拍摄的图片和文案内容进行组合,得到对应商品的详情页面,与对应商品进行关联。
在实现本申请的过程中,申请人发现相关技术至少存在以下问题:
线上平台在生成详情页面时,会直接基于商家拍摄的图片生成详情页面,但是商家的拍摄能力有限,上传的图片通常视觉表现力单薄,导致生成的详情页面美感较差。
发明内容
有鉴于此,本申请提供了一种详情页面生成方法、装置、计算机设备及可读存储介质,主要目的在于解决目前上传的图片通常视觉表现力单薄,导致生成的详情页面美感较差的问题。
依据本申请第一方面,提供了一种详情页面生成方法,该方法包括:
识别接收到的原始对象图片,在所述原始对象图片中确定对象主体区域;
解析所述对象主体区域包括的多个像素点,按照所述多个像素点所属的目标主题色系对所述多个像素点进行聚类,得到多个像素点簇;
根据所述多个像素点簇的分布质心和目标像素点簇的聚类中心,提取指定像素点,所述目标像素点簇是所述分布质心所属的像素点簇;
生成填充有所述指定像素点对应的主题色的背景图片,将所述原始对象图片添加至所述背景图片,得到详情页面。
可选地,所述识别接收到的原始对象图片,在所述原始对象图片中确定对象主体区域之前,所述方法还包括:
接收上传的所述原始对象图片,确定所述原始对象图片上传时绑定的目标对象属性;
对所述原始对象图片进行模型入参转化,得到所述原始对象图片的多个特征向量,并对所述多个特征向量进行校验;
当校验确定所述多个特征向量符合所述目标对象属性和所述目标对象属性对应的图片上传要求时,继续识别所述原始对象图片并确定所述对象主体区域;
当校验确定所述多个特征向量不符合所述目标对象属性或不符合所述图片上传要求时,生成上传失败提醒,将所述上传失败提醒返回。
可选地,所述对所述多个特征向量进行校验,包括:
将所述多个特征向量和所述目标对象属性关联的第一样本训练数据进行训练,判断所述多个特征向量是否符合所述目标对象属性;
同时或分别将所述多个特征向量和所述图片上传要求关联的第二样本训练数据进行训练,判断所述多个特征向量是否符合所述图片上传要求。
可选地,所述识别接收到的原始对象图片,在所述原始对象图片中确定对象主体区域,包括:
识别得到所述原始对象图片的多个特征向量;
获取第三样本训练数据,将所述多个特征向量与所述第三样本训练数据进行训练,得到训练结果;
在所述多个特征向量中提取所述训练结果指示的至少一个目标特征向量,将所述至少一个目标特征向量在所述原始对象图片中所属的区域作为所述对象主体区域。
可选地,所述对所述多个像素点进行聚类,得到多个像素点簇,包括:
以所述多个像素点的RGB红绿蓝通道值为坐标,为所述多个像素点构建多个三维坐标点;
获取预设主题色系,将所述多个像素点与所述预设主题色系进行训练,在所述预设主题色系中提取所述多个像素点命中的多个目标主题色系;
基于聚类算法,将所述多个三维坐标点分别聚类至对应的目标主题色系下,得到所述多个目标主题色系对应的所述多个像素点簇;
采用所述多个目标主题色系的色系编号对所述多个像素点簇进行标注。
可选地,所述根据所述多个像素点簇的分布质心和目标像素点簇的聚类中心,提取指定像素点,包括:
获取所述多个像素点对应的多个三维坐标点;
在RGB三个维度对所述多个三维坐标点进行平均值计算,基于得到的平均值组成质心坐标点,将所述质心坐标点指示的像素点作为所述分布质心;
确定所述目标像素点簇,提取所述目标像素点簇的聚类中心;
以所述分布质心和所述聚类中心为端点,构建目标线段,确定所述目标线段的线段中点;
将所述线段中点作为圆心、所述目标线段作为直径,创建圆形区域;
提取所述圆形区域在所述目标像素点簇覆盖的像素点作为候选像素点,所述候选像素点是所述圆形区域的区域表面覆盖的像素点以及所述圆形区域的区域轮廓覆盖的像素点;
按照所述候选像素点对应的三维坐标点的分布,确定所述候选像素点的几何质心,将所述几何质心指示的候选像素点作为所述指定像素点。
可选地,所述生成填充有所述指定像素点对应的主题色的背景图片,将所述原始对象图片添加至所述背景图片,得到详情页面,包括:
确定所述指定像素点所属的目标主题色系的主题色;
创建预设图片尺寸的底图,采用所述主题色对所述底图进行填充,得到所述背景图片;
获取预设图片比例,按照所述预设图片比例对所述原始对象图片进行调整,并将调整后的所述原始对象图片添加至所述背景图片,得到所述详情页面。
可选地,所述方法还包括:
响应于接收到上传的对象描述,获取文案模板,所述对象描述至少包括对象主题、对象详情、对象关键词;
将所述对象描述添加至所述文案模板,得到文案内容;
将所述文案内容添加至所述详情页面。
可选地,所述方法还包括:
按照所述对象主体区域包括的边界线将所述对象主体区域划分为多个区域组成部分,将所述多个区域组成部分进行展示;
响应于所述多个区域组成部分中至少一个目标区域组成部分发生触发操作,对所述至少一个目标区域组成部分进行剪裁,生成至少一个对象细节图片;
将所述至少一个对象细节图片添加至所述详情页面中。
可选地,所述对所述至少一个目标区域组成部分进行剪裁,生成至少一个对象细节图片,包括:
对于所述至少一个目标区域组成部分中每个目标区域组成部分,确定所述目标区域组成部分的几何质心;
确定所述几何质心与所述目标区域组成部分的轮廓的最短距离,将所述最短距离作为剪裁尺寸;
以所述几何质心为中心,按照所述剪裁尺寸在所述目标区域组成部分中剪裁预设形状的区域作为所述目标区域组成部分的对象细节图片;
分别对所述至少一个目标区域组成部分进行剪裁,得到所述至少一个对象细节图片。
可选地,所述方法还包括:
确定上传所述原始对象图片的对象供应方,在所述对象供应方提供的多个供应对象中确定所述原始对象图片指示的目标供应对象;
将所述详情页面与所述目标供应对象的详情查询入口关联;
响应于所述详情查询入口被触发,将所述详情页面推送至触发所述详情查询入口的终端,以使所述终端展示所述详情页面。
依据本申请第二方面,提供了一种详情页面生成方法,该方法包括:
响应于详情页面生成请求,确定原始对象图片;
获取背景图片,所述背景图片填充有与所述原始对象图片相关的主题色;
将所述原始对象图片添加至所述背景图片,得到详情页面。
可选地,所述将所述原始对象图片添加至所述背景图片,得到详情页面,包括:
获取预设图片比例,按照所述预设图片比例对所述原始对象图片进行调整;
将调整后的所述原始对象图片添加至所述背景图片,得到所述详情页面。
可选地,所述方法还包括:
获取文案内容,将所述文案内容添加至所述详情页面,所述文案内容根据对象描述生成,所述对象描述至少包括对象主题、对象详情、对象关键词。
可选地,所述方法还包括:
获取至少一个对象细节图片,将所述至少一个对象细节图片添加至所述详情页面。
可选地,所述方法还包括:
确定上传所述原始对象图片的对象供应方,在所述对象供应方提供的多个供应对象中确定所述原始对象图片指示的目标供应对象;
将所述详情页面与所述目标供应对象的详情查询入口关联;
响应于所述详情查询入口被触发,展示所述详情页面。
依据本申请第三方面,提供了一种详情页面生成装置,该装置包括:
识别模块,用于识别接收到的原始对象图片,在所述原始对象图片中确定对象主体区域;
聚类模块,用于解析所述对象主体区域包括的多个像素点,按照所述多个像素点所属的目标主题色系对所述多个像素点进行聚类,得到多个像素点簇;
提取模块,用于根据所述多个像素点簇的分布质心和目标像素点簇的聚类中心,提取指定像素点,所述目标像素点簇是所述分布质心所属的像素点簇;
生成模块,用于生成填充有所述指定像素点对应的主题色的背景图片,将所述原始对象图片添加至所述背景图片,得到详情页面。
可选地,所述装置还包括:
接收模块,用于接收上传的所述原始对象图片,确定所述原始对象图片上传时绑定的目标对象属性;
校验模块,用于对所述原始对象图片进行模型入参转化,得到所述原始对象图片的多个特征向量,并对所述多个特征向量进行校验;
所述识别模块,用于当校验确定所述多个特征向量符合所述目标对象属性和所述目标对象属性对应的图片上传要求时,继续识别所述原始对象图片并确定所述对象主体区域;
返回模块,用于当校验确定所述多个特征向量不符合所述目标对象属性或不符合所述图片上传要求时,生成上传失败提醒,将所述上传失败提醒返回。
可选地,所述校验模块,用于将所述多个特征向量和所述目标对象属性关联的第一样本训练数据进行训练,判断所述多个特征向量是否符合所述目标对象属性;同时或分别将所述多个特征向量和所述图片上传要求关联的第二样本训练数据进行训练,判断所述多个特征向量是否符合所述图片上传要求。
可选地,所述识别模块,用于识别得到所述原始对象图片的多个特征向量;获取第三样本训练数据,将所述多个特征向量与所述第三样本训练数据进行训练,得到训练结果;在所述多个特征向量中提取所述训练结果指示的至少一个目标特征向量,将所述至少一个目标特征向量在所述原始对象图片中所属的区域作为所述对象主体区域。
可选地,所述聚类模块,用于以所述多个像素点的RGB红绿蓝通道值为坐标,为所述多个像素点构建多个三维坐标点;获取预设主题色系,将所述多个像素点与所述预设主题色系进行训练,在所述预设主题色系中提取所述多个像素点命中的多个目标主题色系;基于聚类算法,将所述多个三维坐标点分别聚类至对应的目标主题色系下,得到所述多个目标主题色系对应的所述多个像素点簇;采用所述多个目标主题色系的色系编号对所述多个像素点簇进行标注。
可选地,所述提取模块,用于获取所述多个像素点对应的多个三维坐标点;在RGB三个维度对所述多个三维坐标点进行平均值计算,基于得到的平均值组成质心坐标点,将所述质心坐标点指示的像素点作为所述分布质心;确定所述目标像素点簇,提取所述目标像素点簇的聚类中心;以所述分布质心和所述聚类中心为端点,构建目标线段,确定所述目标线段的线段中点;将所述线段中点作为圆心、所述目标线段作为直径,创建圆形区域;提取所述圆形区域在所述目标像素点簇覆盖的像素点作为候选像素点,所述候选像素点是所述圆形区域的区域表面覆盖的像素点以及所述圆形区域的区域轮廓覆盖的像素点;按照所述候选像素点对应的三维坐标点的分布,确定所述候选像素点的几何质心,将所述几何质心指示的候选像素点作为所述指定像素点。
可选地,所述生成模块,用于确定所述指定像素点所属的目标主题色系的主题色;创建预设图片尺寸的底图,采用所述主题色对所述底图进行填充,得到所述背景图片;获取预设图片比例,按照所述预设图片比例对所述原始对象图片进行调整,并将调整后的所述原始对象图片添加至所述背景图片,得到所述详情页面。
可选地,所述装置还包括:
获取模块,用于响应于接收到上传的对象描述,获取文案模板,所述对象描述至少包括对象主题、对象详情、对象关键词;
第一添加模块,用于将所述对象描述添加至所述文案模板,得到文案内容;
所述第一添加模块,还用于将所述文案内容添加至所述详情页面。
可选地,所述装置还包括:
划分模块,用于按照所述对象主体区域包括的边界线将所述对象主体区域划分为多个区域组成部分,将所述多个区域组成部分进行展示;
剪裁模块,用于响应于所述多个区域组成部分中至少一个目标区域组成部分发生触发操作,对所述至少一个目标区域组成部分进行剪裁,生成至少一个对象细节图片;
第二添加模块,用于将所述至少一个对象细节图片添加至所述详情页面中。
可选地,所述剪裁模块,用于对于所述至少一个目标区域组成部分中每个目标区域组成部分,确定所述目标区域组成部分的几何质心;确定所述几何质心与所述目标区域组成部分的轮廓的最短距离,将所述最短距离作为剪裁尺寸;以所述几何质心为中心,按照所述剪裁尺寸在所述目标区域组成部分中剪裁预设形状的区域作为所述目标区域组成部分的对象细节图片;分别对所述至少一个目标区域组成部分进行剪裁,得到所述至少一个对象细节图片。
可选地,所述装置还包括:
确定模块,用于确定上传所述原始对象图片的对象供应方,在所述对象供应方提供的多个供应对象中确定所述原始对象图片指示的目标供应对象;
关联模块,用于将所述详情页面与所述目标供应对象的详情查询入口关联;
推送模块,用于响应于所述详情查询入口被触发,将所述详情页面推送至触发所述详情查询入口的终端,以使所述终端展示所述详情页面。
依据本申请第四方面,提供了一种详情页面生成装置,该装置包括:
第一确定模块, 用于响应于详情页面生成请求,确定原始对象图片;
获取模块,用于获取背景图片,所述背景图片填充有与所述原始对象图片相关的主题色;
添加模块,用于将所述原始对象图片添加至所述背景图片,得到详情页面。
可选地,所述添加模块,用于获取预设图片比例,按照所述预设图片比例对所述原始对象图片进行调整;将调整后的所述原始对象图片添加至所述背景图片,得到所述详情页面。
可选地,所述添加模块,还用于获取文案内容,将所述文案内容添加至所述详情页面,所述文案内容根据对象描述生成,所述对象描述至少包括对象主题、对象详情、对象关键词。
可选地,所述添加模块,还用于获取至少一个对象细节图片,将所述至少一个对象细节图片添加至所述详情页面。
可选地,所述装置还包括:
第二确定模块,用于确定上传所述原始对象图片的对象供应方,在所述对象供应方提供的多个供应对象中确定所述原始对象图片指示的目标供应对象;
关联模块,用于将所述详情页面与所述目标供应对象的详情查询入口关联;
展示模块,用于响应于所述详情查询入口被触发,展示所述详情页面。
依据本申请第五方面,提供了一种计算机设备,包括存储器和处理器,所述存储器存储有计算机程序,所述处理器执行所述计算机程序时实现上述第一方面和第二方面中任一项所述方法的步骤。
依据本申请第六方面,提供了一种可读存储介质,其上存储有计算机程序,所述计算机程序被处理器执行时实现上述第一方面和第二方面中任一项所述的方法的步骤。
借由上述技术方案,本申请提供的一种详情页面生成方法、装置、计算机设备及可读存储介质,本申请在原始对象图片中识别对象主体区域,解析对象主体区域中的多个像素点,按照多个像素点所属的目标主题色系对多个像素点进行聚类,得到多个像素点簇,进而根据多个像素点簇的分布质心以及分布质心所属的像素点簇的聚类中心,确定指定像素点,并生成填充有该指定像素点对应的主题色的背景图片,将原始对象图片添加至背景图片上,得到详情页面,利用智能取色技术,提取对象主体区域的主要色调作为详情页面的背景,提升详情页面的整体氛围和美感,帮助用户轻松了解原始对象图片的色系。
上述说明仅是本申请技术方案的概述,为了能够更清楚了解本申请的技术手段,而可依照说明书的内容予以实施,并且为了让本申请的上述和其它目的、特征和优点能够更明显易懂,以下特举本申请的具体实施方式。
附图说明
通过阅读下文优选实施方式的详细描述,各种其他的优点和益处对于本领域普通技术人员将变得清楚明了。附图仅用于示出优选实施方式的目的,而并不认为是对本申请的限制。而且在整个附图中,用相同的参考符号表示相同的部件。在附图中:
图1A示出了本申请实施例提供的一种详情页面生成方法流程示意图;
图1B示出了本申请实施例提供的一种详情页面生成方法流程示意图;
图2A示出了本申请实施例提供的一种详情页面生成方法流程示意图;
图2B示出了本申请实施例提供的一种详情页面生成方法的示意图;
图2C示出了本申请实施例提供的一种详情页面生成方法的示意图;
图2D示出了本申请实施例提供的一种详情页面生成方法的示意图;
图2E示出了本申请实施例提供的一种详情页面生成方法流程示意图;
图2F示出了本申请实施例提供的一种详情页面生成方法的示意图;
图2G示出了本申请实施例提供的一种详情页面生成方法的示意图;
图2H示出了本申请实施例提供的一种详情页面生成方法的交互示意图;
图3A示出了本申请实施例提供的一种详情页面生成装置的结构示意图;
图3B示出了本申请实施例提供的一种详情页面生成装置的结构示意图;
图3C示出了本申请实施例提供的一种详情页面生成装置的结构示意图;
图3D示出了本申请实施例提供的一种详情页面生成装置的结构示意图;
图3E示出了本申请实施例提供的一种详情页面生成装置的结构示意图;
图4A示出了本申请实施例提供的一种详情页面生成装置的结构示意图;
图4B示出了本申请实施例提供的一种详情页面生成装置的结构示意图;
图5示出了本申请实施例提供的一种计算机设备的装置结构示意图。
具体实施方式
下面将参照附图更详细地描述本申请的示例性实施例。虽然附图中显示了本申请的示例性实施例,然而应当理解,可以以各种形式实现本申请而不应被这里阐述的实施例所限制。相反,提供这些实施例是为了能够更透彻地理解本申请,并且能够将本申请的范围完整的传达给本领域的技术人员。
本申请实施例提供了一种详情页面生成方法,如图1A所示,该方法包括:
101、识别接收到的原始对象图片,在原始对象图片中确定对象主体区域。
102、解析对象主体区域包括的多个像素点,按照多个像素点所属的目标主题色系对多个像素点进行聚类,得到多个像素点簇。
103、根据多个像素点簇的分布质心和目标像素点簇的聚类中心,提取指定像素点,目标像素点簇是分布质心所属的像素点簇。
104、生成填充有指定像素点对应的主题色的背景图片,将原始对象图片添加至背景图片,得到详情页面。
本申请实施例提供的方法,在原始对象图片中识别对象主体区域,解析对象主体区域中的多个像素点,按照多个像素点所属的目标主题色系对多个像素点进行聚类,得到多个像素点簇,进而根据多个像素点簇的分布质心以及分布质心所属的像素点簇的聚类中心,确定指定像素点,并生成填充有该指定像素点对应的主题色的背景图片,将原始对象图片添加至背景图片上,得到详情页面,利用智能取色技术,提取对象主体区域的主要色调作为详情页面的背景,提升详情页面的整体氛围和美感,帮助用户轻松了解原始对象图片的色系。
本申请实施例提供了一种详情页面生成方法,如图1B所示,该方法包括:
105、响应于详情页面生成请求,确定原始对象图片。
106、获取背景图片,所述背景图片填充有与所述原始对象图片相关的主题色。
107、将所述原始对象图片添加至所述背景图片,得到详情页面。
本申请实施例提供的方法,生成填充有与原始对象图片相关的主题色的背景图片,将原始对象图片添加至背景图片上,得到详情页面,利用智能取色技术,提取对象主体区域的主要色调作为详情页面的背景,提升详情页面的整体氛围和美感,帮助用户轻松了解原始对象图片的色系。
本申请实施例提供了一种详情页面生成方法,如图2A所示,该方法包括:
201、接收上传的原始对象图片。
近年来,线上平台提供的可购买的服务类产品越来越多,具体包括美甲服务、美发服务、摄影服务等等。线上平台中各个门店具备的服务能力是不同的,能够提供的款式也是也不同的,因此,提供有服务类产品的商家通常会拍摄门店中提供服务的手艺人的实际作品,让用户能够对门店中手艺人的服务能力有充分的了解,以便用户能够在线上平台的大量门店中挑选出心仪的门店。但是,发明人认识到,商家或者手艺人上传到线上平台的实际作品的图片通常是人工拍摄的,拍摄能力有限,使得线上平台接收到的图片视觉表现力较差,进而后续为相应的商品生成的详情页面的美感也很差。因此,本申请提出了一种详情页面生成方法,在接收到商家或者手艺人上传的原始对象图片后,在原始对象图片中识别对象主体区域,解析对象主体区域中的多个像素点,按照多个像素点所属的目标主题色系对多个像素点进行聚类,得到多个像素点簇,进而根据多个像素点簇的分布质心以及分布质心所属的像素点簇的聚类中心,确定指定像素点,并生成填充有该指定像素点对应的主题色的背景图片,将原始对象图片添加至背景图片上,得到详情页面,利用智能取色技术,提取对象主体区域的主要色调作为详情页面的背景,不仅能够提升详情页面的整体氛围和美感,而且还能够帮助用户轻松了解原始对象图片的色系。
其中,线上平台在提供给商家或者手艺人的前端上设置有上传图片的入口,商家或者手艺人触发该入口,便可以将拍摄的原始对象图片上传至线上平台,以使得线上平台接收上传的原始对象图片,继续对原始对象图片进行智能取色并为该原始对象图片生成详情页面。
而在实际应用的过程中,线上平台对于商家或者手艺人上传的原始对象图片是具有一定的要求的,要求具体可以分为两种,一种是上传的原始对象图片中描述的对象需要与商家或者手艺人上传图片时所绑定的对象属性相符。例如,假设原始对象图片中描述的对象是猫爪,而上传该图片时所绑定的对象属性是美甲类,则原始对象图片中描述的对象与对象属性是不相符的,只有上传用于描述人手的原始对象图片才能与对象属性相符。另一种是上传的原始对象图片中描述的对象需要符合绑定的对象属性设置的图片上传要求。例如,假设对象属性为美甲类,该对象属性的图片上传要求指示能够识别到人手的手指且需要将五指的指甲展示出来,则如果上传的原始对象图片中描述的对象是人手的手心,则可以确定原始对象图片与图片上传要求不相符。因此,线上平台接收到上传的原始对象图片后,会先对原始对象图片进行校验,判断原始对象图片与对象属性、图片上传要求是否相符,并在原始对象图片校验通过后才会继续后续的取色操作,否则将要求商家或者手艺人重新上传,具体对原始对象图片进行校验的过程如下:
首先,线上平台的服务器(以下提到的服务器均为线上平台的服务器)会接收上传的原始对象图片,确定原始对象图片上传时绑定的目标对象属性。随后,服务器会对原始对象图片进行模型入参转化,得到原始对象图片的多个特征向量,并对多个特征向量进行校验。其中,服务器中可以设置机器学习集群以及机器学习训练集群,由机器学习集群将一些样本训练数据上传给机器学习训练集群进行训练,生成相关的训练模型,由机器学习训练集群将这些训练模型输出给机器学习集群,以便机器学习集群基于这些训练模型对原始对象图片进行模型入参转化,并基于这些训练模型实现对多个特征向量进行校验。其中,模型入参转化可以利用神经网络、模糊集理论、遗传算法等对原始对象图片的特征进行识别来实现。具体在进行校验时,机器学习集群事先设置用于判断特征向量是否符合目标对象属性的第一样本训练数据以及用于判断特征向量是否符合图片上传要求的第二样本训练数据,一方面,机器学习集群异步将第一样本训练数据上传给机器学习训练集群进行训练,利用训练结果将多个特征向量和目标对象属性关联的第一样本训练数据进行训练,具体可以采用SVN(Support Vector Machine,支持向量机)算法、贝叶斯算法等判断多个特征向量是否符合目标对象属性。另一方面,机器学习集训异步将第二样本训练数据上传给机器学习训练集群进行训练,利用训练结果与判断是否符合目标对象属性同时或分别将多个特征向量和图片上传要求关联的第二样本训练数据进行训练,判断多个特征向量是否符合图片上传要求,具体可以采用openCV(计算机视觉学习)算法判断多个特征向量是否符合目标对象属性。
接下来,当校验确定多个特征向量符合目标对象属性和目标对象属性对应的图片上传要求时,继续识别原始对象图片并确定对象主体区域,进而为原始对象图片生成色调匹配的背景图片。而当校验确定多个特征向量不符合目标对象属性或不符合图片上传要求时,生成上传失败提醒,将上传失败提醒返回。也就是说,只要目标对象属性或者图片上传要求中有一项不相符,则确定上传失败,需要提醒重新上传。而在生成上传失败提醒时,为了使商家或者手艺人能够获知上传失败的原因,上传失败提醒中可以携带错误码或者失败原因,比如不符合目标对象属性的错误码为200,则在确定原始对象图片不符合目标对象属性时,在上传失败提醒中携带错误码“200”或者直接携带文字“不符合目标对象属性”。本申请对上传失败提醒包括的内容不进行具体限定。
202、识别接收到的原始对象图片,在原始对象图片中确定对象主体区域。
本申请实施例实际上是基于商家或手艺人上传的原始对象图片中作品的主色调生成背景,用背景为原始对象图片烘托氛围,使原始对象图片主色调更加明朗的,但是实际应用的过程中,原始对象图片中展示的作品实际上是对应有区域的,并非整个原始对象图片都展示了该作品,原始对象图片中存在干扰的内容,比如假设原始对象图片用于描述美甲作品,则指甲的色彩、绘制的图案等是作品的主体,其中裸露的手部或者拍摄背景等都属于干扰的内容。因此,为了使后续用于生成背景图片的主题色能够更加贴近作品本身,服务器会识别接收到的原始对象图片,在原始对象图片中确定对象主体区域,该对象主体区域也即作品所在的区域,例如,假设原始对象图片用于描述美甲作品,则对象主体区域即为五指的指甲,假设原始对象图片用于描述美发作品,则对象主体区域即为头发,具体确定对象主体区域的过程如下:
首先,服务器会识别得到原始对象图片的多个特征向量,确定多个特征向量的过程与上述步骤201中描述的对原始对象图片进行模型入参转化的过程一致,此处不再进行赘述。随后,服务器获取第三样本训练数据,将多个特征向量与第三样本训练数据进行训练,得到训练结果。该第三样本训练数据能够指示作品的基本特征属性,比如对于美甲作品来说,第三样本训练数据需要指示指甲轮廓、指甲相对于手指的位置等基本特征属性,这样,通过将多个特征向量与第三样本训练数据进行训练,能够识别出多个特征向量中哪些特征向量与第三样本训练数据指示的基本特征属性相符,这些特征向量所处的区域便是对象主体区域,也即在多个特征向量中提取训练结果指示的至少一个目标特征向量,将至少一个目标特征向量在原始对象图片中所属的区域作为对象主体区域。其中,将多个特征向量与第三样本训练数据进行训练也可以采用上述步骤201中所提及到的任一算法实现,本申请对此不进行具体限定。
另外,需要说明的是,无论是步骤202中提及的第三样本训练数据还是上述步骤201中提及的第一样本训练数据和第二样本训练数据,都是不断增加且不断变化的,具体可以将通过校验且符合目标对象属性的商家或手艺人或用户上传的原始对象图片作为样本训练数据进行训练,从而逐渐强化机器学习的内容,使识别的精准度能够随着线上平台不断的被使用而持续提高。
203、解析对象主体区域包括的多个像素点,按照多个像素点所属的目标主题色系对多个像素点进行聚类,得到多个像素点簇。
在本申请实施例中,确定了对象主体区域后,开始对对象主体区域进行智能取色操作。其中,由于对象主体区域包括的颜色是有限的,有些颜色比较接近,色调很统一,属于同一个色系,且在对象主体区域内大面积出现的色系也即对象主体区域的主色系,因此,服务器会解析对象主体区域包括的多个像素点,按照多个像素点所属的目标主题色系对多个像素点进行聚类,得到多个像素点簇,进而在后续以多个像素点簇的分布为基础确定对象主体区域的主色系,具体对多个像素点进行聚类得到多个像素点簇的过程如下:
首先,以多个像素点的RGB(Red Green Blue,红绿蓝通道)值为坐标,为多个像素点构建多个三维坐标点。随后,获取预设主题色系,将多个像素点与预设主题色系进行训练,在预设主题色系中提取多个像素点命中的多个目标主题色系。其中,预设主题色系是线上平台的工作人员根据目标对象属性的颜色特征事先设置的适合作为主题色的色系,针对不同的对象属性可以设置不同的预设主题色系。接下来,服务器基于聚类算法,将多个三维坐标点分别聚类至对应的目标主题色系下,得到多个目标主题色系对应的多个像素点簇。
其中,聚类算法可以是K-mean(K均值)算法,K-mean算法是一种迭代求解的聚类分析算法,在基于该算法进行聚类时,需要确定目标主题色系的色系个数N(N为正整数),根据目标主题色系对应的主题色RGB值设置N个基准坐标点。随后,计算每个三维坐标点与各个基准坐标点的距离,将每个三维坐标点分配到距离其最近的基准坐标点所对应的目标主题色系中,这样,便可以得到N个像素点簇。最后,为了便于对多个像素点簇进行区分,服务器采用多个目标主题色系的色系编号对多个像素点簇进行标注。具体参见图2B,对多个像素点进行聚类后,得到6个像素点簇,一个虚线框中的点代表一个像素点簇,对像素点簇进行标注后能够得到像素点簇1至像素点簇6。本申请只是一种示例的标注方式,实际上如果得到的像素点簇的数量较少,也可不进行标注,或者直接采用诸如黄色系、红色系等色系名称进行标注,本申请对此不进行具体限定。
204、根据多个像素点簇的分布质心和目标像素点簇的聚类中心,提取指定像素点。
在本申请实施例中,由于多个像素点簇是根据像素点的RGB值对应的三维坐标点构建的,多个像素点簇的分布实际上与对象主体区域的主色系是相关的,像素点簇分布越密集则像素点簇所对应的目标主题色系与对象主体区域的主色系越接近,因此,服务器会根据多个像素点簇的分布质心和分布质心所属的目标像素点簇的聚类中心,提取指定像素点,利用分布质心和聚类中心保证确定的指定像素点的准确性,具体提取指定像素点的过程如下:
首先,获取多个像素点对应的多个三维坐标点,为了便于计算,获取到的多个三维坐标点可以以图2B所示的方式在三维坐标系中进行分布。
随后,在RGB三个维度对多个三维坐标点进行平均值计算,基于得到的平均值组成质心坐标点,将质心坐标点指示的像素点作为分布质心。其中,图2B中所示的阴影圆点即为分布质心。需要说明的是,如果质心坐标点并未指示任何现有的像素点,则直接在三维坐标系中为质心坐标点创建相应的点作为分布质心即可。
接下来,服务器确定目标像素点簇,提取目标像素点簇的聚类中心,以分布质心和聚类中心为端点,构建目标线段,并确定目标线段的线段中点,将线段中点作为圆心、目标线段作为直径,创建圆形区域。其中,目标像素点簇是分布质心所在的像素点簇,如果分布质心是质心坐标点指示的像素点,则直接将该像素点所在的像素点簇作为目标像素点簇。而如果分布质心是基于质心坐标点创建的新的点,则需要基于质心坐标点与各个像素点簇的基准坐标点进行距离计算,将与质心坐标点距离最近的基准坐标点对应的像素点簇作为目标像素点簇。具体参见图2B,通过计算得出分布质心(也即图2B中的阴影圆点)所属的像素点簇为像素点簇1,则像素点簇1即为目标像素点。进一步地,需要提取像素点簇1的聚类中心,该聚类中心具体为图2B中的圆点⊕,以阴影圆点和圆点⊕为端点构建目标线段并创建圆形区域(图2B中的圆环即为圆形区域)。
服务器提取圆形区域在目标像素点簇覆盖的像素点作为候选像素点,该候选像素点是圆形区域的区域表面覆盖的像素点以及圆形区域的区域轮廓覆盖的像素点。参见图2B,圆环内的像素点以及圆环轮廓上的像素点均为候选像素点。最后,服务器按照候选像素点对应的三维坐标点的分布,确定候选像素点的几何质心,将几何质心指示的候选像素点作为指定像素点。具体地,参见图2B,其中的黑实心点即为圆环内以及圆环上的候选像素点的几何质心,该黑实心点也即指定像素点。
205、生成填充有指定像素点对应的主题色的背景图片,将原始对象图片添加至背景图片,得到详情页面。
在本申请实施例中,确定了指定像素点后,指定像素点实际上就是原始对象图片的主色调,因此,服务器会查询指定像素点所在的目标主题色系,获取该目标主题色系的主题色,进而生成填充有指定像素点对应的主题色的背景图片,将原始对象图片添加至背景图片,得到详情页面。
具体地,在生成详情页面时,是需要规范背景图片以及原始对象图片的尺寸的,因此,服务器会先确定指定像素点所属的目标主题色系的主题色,创建预设图片尺寸的底图,采用主题色对底图进行填充,得到背景图片。随后,获取预设图片比例,按照预设图片比例对原始对象图片进行调整,并将调整后的原始对象图片添加至背景图片,得到详情页面。具体地,参见图2C,原始对象图片为图中黑色方形,背景图片为图中阴影部分。在图2C中,原始对象图片的尺寸需要小于背景图片的尺寸,从而使背景图片填充的主题色能够显露出来。具体应用的过程中,可以如图2C所示,在原始对象图片的下方预留一些空间,以便后续添加文案内容、收藏按钮、下单按钮等等,或者也可以不预留空间,保证背景图片能够在详情页面中显露出来即可,本申请对原始对象图片与背景图片之间的相对位置、相对尺寸不进行具体限定。
实际应用的过程中,为了使用户能够了解到作品的设计理念、设计特点等,商家或手艺人会上传一些文字形式的对象描述,对象描述具体可以包括对象主题、对象详情、对象关键词等等,服务器需要将对象描述也添加在详情页面中,避免将商家或手艺人提供的内容遗漏,实现展示内容的多样化。
具体地,响应于接收到上传的对象描述,服务器获取文案模板,将对象描述添加至文案模板,得到文案内容。其中,该文案模板可以规定对象主题的字号大小、是否加粗展示、横向还是竖向展示对象详情、关键词展示方式等等。随后,服务器将生成文案内容添加至详情页面。其中,文案内容可以添加在原始对象图片中除对象主体区域外的其他区域,或者也可以添加在背景图片未被原始对象图片遮挡的其他区域等等,本申请对此不进行具体限定。例如参见图2D,可以展示在原始对象图片下方的空白处。
上述步骤201至步骤205中描述的过程实际上是对原始对象图片进行智能取色,为原始对象图片添加与其主色调相匹配的背景图片的过程。而在实际应用的过程中,由于商家或者手艺人拍摄角度不规范、拍摄技术差等问题,会导致原始对象图片中展示的对象主体区域的细节不清晰,让用户难以抉择,用户到店后手艺人效果还原度低。因此,本申请公开的详情页面生成方法中,还为商家或者手艺人提供对象细节图片的自动生成功能,商家或者手艺人只需要选择想要细节展示的区域,服务器便可以自动对该区域进行剪裁,生成相应的对象细节图片添加在详情页面中,具体参见图2E,该方法包括:
206、按照对象主体区域包括的边界线将对象主体区域划分为多个区域组成部分,将多个区域组成部分进行展示。
在本申请实施例中,考虑到有些原始对象图片中包括一些装饰品或者手绘的特别图案等等,这些装饰品或者特别图案是商家或者手艺人希望能够展示的细节部分,因此,在通过上述步骤202中的过程确定了对象主体区域后,服务器可按照对象主体区域包括的边界线将对象主体区域划分为多个区域组成部分,将多个区域组成部分进行展示,以供商家或手艺人选择基于哪些或者哪个区域组成部分生成对象细节图片。例如,假设对象主体区域描述的作品是美甲,则可以按照指甲的数量将对象主体区域划分为5个或者10个区域组成部分,进而由商家或手艺人来决定基于哪个指甲上的图案生成对象细节图片。
具体地,在展示多个区域组成部分时,可以对多个区域组成部分进行编号,提示商家或手艺人通过触发编号来选择若干区域组成部分用于后续生成对象细节图片。
207、响应于多个区域组成部分中至少一个目标区域组成部分发生触发操作,对至少一个目标区域组成部分进行剪裁,生成至少一个对象细节图片。
在本申请实施例中,服务器将多个区域组成部分进行展示是供商家或手艺人选择的,因此,当终端检测到至少一个目标区域组成部分发生触发操作时,可将这些目标区域组成部分上传给服务器,以使得服务器响应于多个区域组成部分中至少一个目标区域组成部分发生触发操作,确定至少一个目标区域组成部分是商家或手艺人选择的,开始对至少一个目标区域组成部分进行剪裁,生成至少一个对象细节图片。具体地,终端可以将至少一个目标区域组成部分以list(列表)形式上传给服务器,以便服务器将生成的至少一个对象细节图片也以list形式罗列。下面以至少一个目标区域组成部分中任一目标区域组成部分为例对对象细节图片的过程进行简单说明:
首先,对于至少一个目标区域组成部分中每个目标区域组成部分,服务器会确定目标区域组成部分的几何质心,并确定几何质心与目标区域组成部分的轮廓的最短距离,将最短距离作为剪裁尺寸。例如,参见图2F,点M为几何质心,则图2F中的线段MG即为最短距离。随后,服务器以几何质心为中心,按照剪裁尺寸在目标区域组成部分中剪裁预设形状的区域作为目标区域组成部分的对象细节图片。其中,预设形状可以是圆形、方形、三角形等等,假设预设形状为圆形,则可以如图2F所示,在目标区域组成部分上剪裁圆环作为对象细节图片。通过重复执行上述过程,便可以分别对至少一个目标区域组成部分进行剪裁,得到至少一个对象细节图片。
需要说明的是,实际应用的过程中,服务器中可能会设置对对象细节图片的装饰,比如金色的图片轮廓、图片下展示阴影等等,这样,服务器按照装饰对应的装饰方式将装饰添加在对象细节图片中即可。
208、将至少一个对象细节图片添加至详情页面中。
在本申请实施例中,生成了至少一个对象细节图片后,服务器将至少一个对象细节图片添加至详情页面中。具体地,可以将至少一个对象细节图片添加在原始对象图片的下方,或者添加在文案内容的上方,或者添加在背景图片的空白处等等,本申请对至少一个对象细节图片在详情页面中所处的位置不进行具体限定。例如,参见图2G,至少一个对象细节图片是圆形的,添加在原始对象图片的下方边界上。
需要说明的是,上面描述的对象细节图片实际上可以是服务器将多个区域组成部分展示给商家或手艺人后,由商家或手艺人实时对区域组成部分进行触发,服务器实时生成对象细节图片供商家或手艺人参考的,具体涉及到终端与服务器之间的交互,交互过程如下:
参见图2H,服务器将多个区域组成部分传输给终端,由终端进行展示并提醒选择。终端提取出被选择的目标区域组成部分,将这些目标区域组成部分以list的形式返回给服务器。服务器对目标区域组成部分进行剪裁,生成对象细节图片,将对象细节图片以list的形式返回给终端,由终端将对象细节图片呈现出来。
在实际应用的过程中,由于本申请生成的详情页面是为了用户在浏览商品时依赖该详情页面能够更加清晰的了解商品的配色以及特点,因此,在生成了详情页面后,确定上传原始对象图片的对象供应方,对象供应方可以是商家、运营账号等等。随后,在对象供应方提供的多个供应对象中确定原始对象图片指示的目标供应对象,假设原始对象图片是有关美甲的图片,则将原始对象图片指示的美甲款式作为目标供应对象。接下来,将详情页面与目标供应对象的详情查询入口关联。这样,后续响应于详情查询入口被触发,将详情页面推送至触发详情查询入口的终端,以使终端展示详情页面。
需要说明的是,上面描述的是服务器在接收到原始对象图片后生成详情页面的过程,而在实际应用的过程中,生成详情页面的过程也可以由终端进行,服务器仅执行背景图片生成的过程,具体过程如下:响应于详情页面生成请求,终端确定原始对象图片,向服务器请求背景图片,获取服务器返回的填充有与原始对象图片相关的主题色的背景图片,并将原始对象图片添加至背景图片,得到详情页面。其中在将原始对象图片添加至背景图片时,过程与上面描述的内容一致,终端获取预设图片比例,按照预设图片比例对原始对象图片进行调整,将调整后的原始对象图片添加至背景图片,得到详情页面。进一步地,若服务器中存在文案内容,则终端获取文案内容,将文案内容添加至详情页面,文案内容根据对象描述生成,对象描述至少包括对象主题、对象详情、对象关键词。进一步地,若服务器中存在至少一个对象细节图片,则将至少一个对象细节图片添加至详情页面。进一步地,终端确定上传原始对象图片的对象供应方,在对象供应方提供的多个供应对象中确定原始对象图片指示的目标供应对象,将详情页面与目标供应对象的详情查询入口关联。这样,后续响应于详情查询入口被触发,终端可直接展示详情页面。
本申请实施例提供的方法,在原始对象图片中识别对象主体区域,解析对象主体区域中的多个像素点,按照多个像素点所属的目标主题色系对多个像素点进行聚类,得到多个像素点簇,进而根据多个像素点簇的分布质心以及分布质心所属的像素点簇的聚类中心,确定指定像素点,并生成填充有该指定像素点对应的主题色的背景图片,将原始对象图片添加至背景图片上,得到详情页面,利用智能取色技术,提取对象主体区域的主要色调作为详情页面的背景,提升详情页面的整体氛围和美感,帮助用户轻松了解原始对象图片的色系。
进一步地,本申请实施例提供的方法,还按照对象主体区域包括的边界线将对象主体区域划分为多个区域组成部分,将多个区域组成部分进行展示,在多个区域组成部分中确定发生触发操作的目标区域组成部分,对目标区域组成部分进行剪裁,生成对象细节图片,进而将至少一个对象细节图片添加至详情页面中,利用服务器在机器学习方面的能力,实现对象细节的自动捕捉和呈现,帮助用户快速浏览对象。
进一步地,作为图1A所述方法的具体实现,本申请实施例提供了一种详情页面生成装置,如图3A所示,所述装置包括:识别模块301,聚类模块302,提取模块303和生成模块304。
该识别模块301,用于识别接收到的原始对象图片,在所述原始对象图片中确定对象主体区域;
该聚类模块302,用于解析所述对象主体区域包括的多个像素点,按照所述多个像素点所属的目标主题色系对所述多个像素点进行聚类,得到多个像素点簇;
该提取模块303,用于根据所述多个像素点簇的分布质心和目标像素点簇的聚类中心,提取指定像素点,所述目标像素点簇是所述分布质心所属的像素点簇;
该生成模块304,用于生成填充有所述指定像素点对应的主题色的背景图片,将所述原始对象图片添加至所述背景图片,得到详情页面。
在具体的应用场景中,如图3B所示,该装置还包括:接收模块305,校验模块306和返回模块307。
该接收模块305,用于接收上传的所述原始对象图片,确定所述原始对象图片上传时绑定的目标对象属性;
该校验模块306,用于对所述原始对象图片进行模型入参转化,得到所述原始对象图片的多个特征向量,并对所述多个特征向量进行校验;
该识别模块301,用于当校验确定所述多个特征向量符合所述目标对象属性和所述目标对象属性对应的图片上传要求时,继续识别所述原始对象图片并确定所述对象主体区域;
该返回模块307,用于当校验确定所述多个特征向量不符合所述目标对象属性或不符合所述图片上传要求时,生成上传失败提醒,将所述上传失败提醒返回。
在具体的应用场景中,该校验模块306,用于将所述多个特征向量和所述目标对象属性关联的第一样本训练数据进行训练,判断所述多个特征向量是否符合所述目标对象属性;同时或分别将所述多个特征向量和所述图片上传要求关联的第二样本训练数据进行训练,判断所述多个特征向量是否符合所述图片上传要求。
在具体的应用场景中,该识别模块301,用于识别得到所述原始对象图片的多个特征向量;获取第三样本训练数据,将所述多个特征向量与所述第三样本训练数据进行训练,得到训练结果;在所述多个特征向量中提取所述训练结果指示的至少一个目标特征向量,将所述至少一个目标特征向量在所述原始对象图片中所属的区域作为所述对象主体区域。
在具体的应用场景中,该聚类模块302,用于以所述多个像素点的RGB红绿蓝通道值为坐标,为所述多个像素点构建多个三维坐标点;获取预设主题色系,将所述多个像素点与所述预设主题色系进行训练,在所述预设主题色系中提取所述多个像素点命中的多个目标主题色系;基于聚类算法,将所述多个三维坐标点分别聚类至对应的目标主题色系下,得到所述多个目标主题色系对应的所述多个像素点簇;采用所述多个目标主题色系的色系编号对所述多个像素点簇进行标注。
在具体的应用场景中,该提取模块303,用于获取所述多个像素点对应的多个三维坐标点;在RGB三个维度对所述多个三维坐标点进行平均值计算,基于得到的平均值组成质心坐标点,将所述质心坐标点指示的像素点作为所述分布质心;确定所述目标像素点簇,提取所述目标像素点簇的聚类中心;以所述分布质心和所述聚类中心为端点,构建目标线段,确定所述目标线段的线段中点;
将所述线段中点作为圆心、所述目标线段作为直径,创建圆形区域;提取所述圆形区域在所述目标像素点簇覆盖的像素点作为候选像素点,所述候选像素点是所述圆形区域的区域表面覆盖的像素点以及所述圆形区域的区域轮廓覆盖的像素点;按照所述候选像素点对应的三维坐标点的分布,确定所述候选像素点的几何质心,将所述几何质心指示的候选像素点作为所述指定像素点。
在具体的应用场景中,该生成模块304,用于确定所述指定像素点所属的目标主题色系的主题色;创建预设图片尺寸的底图,采用所述主题色对所述底图进行填充,得到所述背景图片;获取预设图片比例,按照所述预设图片比例对所述原始对象图片进行调整,并将调整后的所述原始对象图片添加至所述背景图片,得到所述详情页面。
在具体的应用场景中,如图3C所示,该装置还包括:获取模块308和第一添加模块309。
该获取模块308,用于响应于接收到上传的对象描述,获取文案模板,所述对象描述至少包括对象主题、对象详情、对象关键词;
该第一添加模块309,用于将所述对象描述添加至所述文案模板,得到文案内容;
该第一添加模块309,还用于将所述文案内容添加至所述详情页面。
在具体的应用场景中,如图3D所示,该装置还包括:划分模块310,剪裁模块311和第二添加模块312。
该划分模块310,用于按照所述对象主体区域包括的边界线将所述对象主体区域划分为多个区域组成部分,将所述多个区域组成部分进行展示;
该剪裁模块311,用于响应于所述多个区域组成部分中至少一个目标区域组成部分发生触发操作,对所述至少一个目标区域组成部分进行剪裁,生成至少一个对象细节图片;
该第二添加模块312,用于将所述至少一个对象细节图片添加至所述详情页面中。
在具体的应用场景中,该剪裁模块311,用于对于所述至少一个目标区域组成部分中每个目标区域组成部分,确定所述目标区域组成部分的几何质心;确定所述几何质心与所述目标区域组成部分的轮廓的最短距离,将所述最短距离作为剪裁尺寸;以所述几何质心为中心,按照所述剪裁尺寸在所述目标区域组成部分中剪裁预设形状的区域作为所述目标区域组成部分的对象细节图片;分别对所述至少一个目标区域组成部分进行剪裁,得到所述至少一个对象细节图片。
在具体的应用场景中,如图3E所示,该装置还包括:确定模块313,关联模块314和推送模块315。
该确定模块313,用于确定上传所述原始对象图片的对象供应方,在所述对象供应方提供的多个供应对象中确定所述原始对象图片指示的目标供应对象;
该关联模块314,用于将所述详情页面与所述目标供应对象的详情查询入口关联;
该推送模块315,用于响应于所述详情查询入口被触发,将所述详情页面推送至触发所述详情查询入口的终端,以使所述终端展示所述详情页面。
本申请实施例提供的装置,在原始对象图片中识别对象主体区域,解析对象主体区域中的多个像素点,按照多个像素点所属的目标主题色系对多个像素点进行聚类,得到多个像素点簇,进而根据多个像素点簇的分布质心以及分布质心所属的像素点簇的聚类中心,确定指定像素点,并生成填充有该指定像素点对应的主题色的背景图片,将原始对象图片添加至背景图片上,得到详情页面,利用智能取色技术,提取对象主体区域的主要色调作为详情页面的背景,提升详情页面的整体氛围和美感,帮助用户轻松了解原始对象图片的色系。
进一步地,作为图1B所述方法的具体实现,本申请实施例提供了一种详情页面生成装置,如图4A所示,所述装置包括:第一确定模块401,获取模块402和添加模块403。
该第一确定模块401, 用于响应于详情页面生成请求,确定原始对象图片;
该获取模块402,用于获取背景图片,所述背景图片填充有与所述原始对象图片相关的主题色;
该添加模块403,用于将所述原始对象图片添加至所述背景图片,得到详情页面。
在具体的应用场景中,该添加模块403,用于获取预设图片比例,按照所述预设图片比例对所述原始对象图片进行调整;将调整后的所述原始对象图片添加至所述背景图片,得到所述详情页面。
在具体的应用场景中,该添加模块403,还用于获取文案内容,将所述文案内容添加至所述详情页面,所述文案内容根据对象描述生成,所述对象描述至少包括对象主题、对象详情、对象关键词。
在具体的应用场景中,该添加模块403,还用于获取至少一个对象细节图片,将所述至少一个对象细节图片添加至所述详情页面。
在具体的应用场景中,如图4B所示,该装置还包括:第二确定模块404,关联模块405和展示模块406。
该第二确定模块404,用于确定上传所述原始对象图片的对象供应方,在所述对象供应方提供的多个供应对象中确定所述原始对象图片指示的目标供应对象;
该关联模块405,用于将所述详情页面与所述目标供应对象的详情查询入口关联;
该展示模块406,用于响应于所述详情查询入口被触发,展示所述详情页面。
本申请实施例提供的装置,生成填充有与原始对象图片相关的主题色的背景图片,将原始对象图片添加至背景图片上,得到详情页面,利用智能取色技术,提取对象主体区域的主要色调作为详情页面的背景,提升详情页面的整体氛围和美感,帮助用户轻松了解原始对象图片的色系。
需要说明的是,本申请实施例提供的一种详情页面生成装置所涉及各功能单元的其他相应描述,可以参考图1A至图1B和图2A中的对应描述,在此不再赘述。
在示例性实施例中,参见图5,还提供了一种设备,该设备包括通信总线、处理器、存储器和通信接口,还可以包括输入输出接口和显示设备,其中,各个功能单元之间可以通过总线完成相互间的通信。该存储器存储有计算机程序,处理器,用于执行存储器上所存放的程序,执行上述实施例中的详情页面生成方法。
一种计算机可读存储介质,其上存储有计算机程序,所述计算机程序被处理器执行时实现所述的详情页面生成方法的步骤。
通过以上的实施方式的描述,本领域的技术人员可以清楚地了解到本申请可以通过硬件实现,也可以借助软件加必要的通用硬件平台的方式来实现。基于这样的理解,本申请的技术方案可以以软件产品的形式体现出来,该软件产品可以存储在一个非易失性存储介质(可以是CD-ROM,U盘,移动硬盘等)中,包括若干指令用以使得一台计算机设备(可以是个人计算机,服务器,或者网络设备等)执行本申请各个实施场景所述的方法。
本领域技术人员可以理解附图只是一个优选实施场景的示意图,附图中的模块或流程并不一定是实施本申请所必须的。
本领域技术人员可以理解实施场景中的装置中的模块可以按照实施场景描述进行分布于实施场景的装置中,也可以进行相应变化位于不同于本实施场景的一个或多个装置中。上述实施场景的模块可以合并为一个模块,也可以进一步拆分成多个子模块。
上述本申请序号仅仅为了描述,不代表实施场景的优劣。
以上公开的仅为本申请的几个具体实施场景,但是,本申请并非局限于此,任何本领域的技术人员能思之的变化都应落入本申请的保护范围。

Claims (10)

1.一种详情页面生成方法,其特征在于,包括:
识别接收到的原始对象图片,在所述原始对象图片中确定对象主体区域;
解析所述对象主体区域包括的多个像素点,按照所述多个像素点所属的目标主题色系对所述多个像素点进行聚类,得到多个像素点簇;
根据所述多个像素点簇的分布质心和目标像素点簇的聚类中心,提取指定像素点,所述目标像素点簇是所述分布质心所属的像素点簇;
生成填充有所述指定像素点对应的主题色的背景图片,将所述原始对象图片添加至所述背景图片,得到详情页面。
2.根据权利要求1所述的方法,其特征在于,所述识别接收到的原始对象图片,在所述原始对象图片中确定对象主体区域之前,所述方法还包括:
接收上传的所述原始对象图片,确定所述原始对象图片上传时绑定的目标对象属性;
对所述原始对象图片进行模型入参转化,得到所述原始对象图片的多个特征向量,并对所述多个特征向量进行校验;
当校验确定所述多个特征向量符合所述目标对象属性和所述目标对象属性对应的图片上传要求时,继续识别所述原始对象图片并确定所述对象主体区域;
当校验确定所述多个特征向量不符合所述目标对象属性或不符合所述图片上传要求时,生成上传失败提醒,将所述上传失败提醒返回。
3.根据权利要求2所述的方法,其特征在于,所述对所述多个特征向量进行校验,包括:
将所述多个特征向量和所述目标对象属性关联的第一样本训练数据进行训练,判断所述多个特征向量是否符合所述目标对象属性;
同时或分别将所述多个特征向量和所述图片上传要求关联的第二样本训练数据进行训练,判断所述多个特征向量是否符合所述图片上传要求。
4.根据权利要求1所述的方法,其特征在于,所述识别接收到的原始对象图片,在所述原始对象图片中确定对象主体区域,包括:
识别得到所述原始对象图片的多个特征向量;
获取第三样本训练数据,将所述多个特征向量与所述第三样本训练数据进行训练,得到训练结果;
在所述多个特征向量中提取所述训练结果指示的至少一个目标特征向量,将所述至少一个目标特征向量在所述原始对象图片中所属的区域作为所述对象主体区域。
5.根据权利要求1所述的方法,其特征在于,所述对所述多个像素点进行聚类,得到多个像素点簇,包括:
以所述多个像素点的RGB红绿蓝通道值为坐标,为所述多个像素点构建多个三维坐标点;
获取预设主题色系,将所述多个像素点与所述预设主题色系进行训练,在所述预设主题色系中提取所述多个像素点命中的多个目标主题色系;
基于聚类算法,将所述多个三维坐标点分别聚类至对应的目标主题色系下,得到所述多个目标主题色系对应的所述多个像素点簇;
采用所述多个目标主题色系的色系编号对所述多个像素点簇进行标注。
6.根据权利要求1所述的方法,其特征在于,所述根据所述多个像素点簇的分布质心和目标像素点簇的聚类中心,提取指定像素点,包括:
获取所述多个像素点对应的多个三维坐标点;
在RGB三个维度对所述多个三维坐标点进行平均值计算,基于得到的平均值组成质心坐标点,将所述质心坐标点指示的像素点作为所述分布质心;
确定所述目标像素点簇,提取所述目标像素点簇的聚类中心;
以所述分布质心和所述聚类中心为端点,构建目标线段,确定所述目标线段的线段中点;
将所述线段中点作为圆心、所述目标线段作为直径,创建圆形区域;
提取所述圆形区域在所述目标像素点簇覆盖的像素点作为候选像素点,所述候选像素点是所述圆形区域的区域表面覆盖的像素点以及所述圆形区域的区域轮廓覆盖的像素点;
按照所述候选像素点对应的三维坐标点的分布,确定所述候选像素点的几何质心,将所述几何质心指示的候选像素点作为所述指定像素点。
7.根据权利要求1所述的方法,其特征在于,所述方法还包括:
按照所述对象主体区域包括的边界线将所述对象主体区域划分为多个区域组成部分,将所述多个区域组成部分进行展示;
响应于所述多个区域组成部分中至少一个目标区域组成部分发生触发操作,对所述至少一个目标区域组成部分进行剪裁,生成至少一个对象细节图片;
将所述至少一个对象细节图片添加至所述详情页面中。
8.根据权利要求7所述的方法,其特征在于,所述对所述至少一个目标区域组成部分进行剪裁,生成至少一个对象细节图片,包括:
对于所述至少一个目标区域组成部分中每个目标区域组成部分,确定所述目标区域组成部分的几何质心;
确定所述几何质心与所述目标区域组成部分的轮廓的最短距离,将所述最短距离作为剪裁尺寸;
以所述几何质心为中心,按照所述剪裁尺寸在所述目标区域组成部分中剪裁预设形状的区域作为所述目标区域组成部分的对象细节图片;
分别对所述至少一个目标区域组成部分进行剪裁,得到所述至少一个对象细节图片。
9.根据权利要求1所述的方法,其特征在于,所述方法还包括:
确定上传所述原始对象图片的对象供应方,在所述对象供应方提供的多个供应对象中确定所述原始对象图片指示的目标供应对象;
将所述详情页面与所述目标供应对象的详情查询入口关联;
响应于所述详情查询入口被触发,将所述详情页面推送至触发所述详情查询入口的终端,以使所述终端展示所述详情页面。
10.一种详情页面生成方法,其特征在于,包括:
响应于详情页面生成请求,确定原始对象图片;
获取背景图片,所述背景图片填充有与所述原始对象图片相关的主题色;
将所述原始对象图片添加至所述背景图片,得到详情页面。
CN202110520683.3A 2021-05-13 2021-05-13 详情页面生成方法、装置、计算机设备及可读存储介质 Active CN112988314B (zh)

Priority Applications (1)

Application Number Priority Date Filing Date Title
CN202110520683.3A CN112988314B (zh) 2021-05-13 2021-05-13 详情页面生成方法、装置、计算机设备及可读存储介质

Applications Claiming Priority (1)

Application Number Priority Date Filing Date Title
CN202110520683.3A CN112988314B (zh) 2021-05-13 2021-05-13 详情页面生成方法、装置、计算机设备及可读存储介质

Publications (2)

Publication Number Publication Date
CN112988314A true CN112988314A (zh) 2021-06-18
CN112988314B CN112988314B (zh) 2021-08-06

Family

ID=76337681

Family Applications (1)

Application Number Title Priority Date Filing Date
CN202110520683.3A Active CN112988314B (zh) 2021-05-13 2021-05-13 详情页面生成方法、装置、计算机设备及可读存储介质

Country Status (1)

Country Link
CN (1) CN112988314B (zh)

Cited By (1)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
CN117422795A (zh) * 2023-12-18 2024-01-19 华南理工大学 基于数据处理的包装材料印刷图文自动生成方法及系统

Citations (3)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
CN102567727A (zh) * 2010-12-13 2012-07-11 中兴通讯股份有限公司 一种背景目标替换方法和装置
CN104063865A (zh) * 2014-06-27 2014-09-24 小米科技有限责任公司 分类模型创建方法、图像分割方法及相关装置
CN106610785A (zh) * 2015-10-22 2017-05-03 阿里巴巴集团控股有限公司 商品对象列表信息处理方法及装置

Patent Citations (3)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
CN102567727A (zh) * 2010-12-13 2012-07-11 中兴通讯股份有限公司 一种背景目标替换方法和装置
CN104063865A (zh) * 2014-06-27 2014-09-24 小米科技有限责任公司 分类模型创建方法、图像分割方法及相关装置
CN106610785A (zh) * 2015-10-22 2017-05-03 阿里巴巴集团控股有限公司 商品对象列表信息处理方法及装置

Cited By (2)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
CN117422795A (zh) * 2023-12-18 2024-01-19 华南理工大学 基于数据处理的包装材料印刷图文自动生成方法及系统
CN117422795B (zh) * 2023-12-18 2024-03-29 华南理工大学 基于数据处理的包装材料印刷图文自动生成方法及系统

Also Published As

Publication number Publication date
CN112988314B (zh) 2021-08-06

Similar Documents

Publication Publication Date Title
US9741137B2 (en) Image-based color palette generation
US9396560B2 (en) Image-based color palette generation
US9552656B2 (en) Image-based color palette generation
CN108121957B (zh) 美颜素材的推送方法及装置
CN109447895B (zh) 图片生成方法和装置、存储介质及电子装置
US9311889B1 (en) Image-based color palette generation
US9607010B1 (en) Techniques for shape-based search of content
WO2019167063A1 (en) Virtual representation creation of user for fit and style of apparel and accessories
CN109409994A (zh) 模拟用户穿戴服装饰品的方法、装置和系统
US20180276453A1 (en) Makeup trend analyzing apparatus, makeup trend analyzing method, and non-transitory computer-readable recording medium storing makeup trend analyzing program
CN111240669B (zh) 界面生成方法、装置、电子设备及计算机存储介质
CN109446929A (zh) 一种基于增强现实技术的简笔画识别系统
CN112988314B (zh) 详情页面生成方法、装置、计算机设备及可读存储介质
CN108388889A (zh) 用于分析人脸图像的方法和装置
CN110378432A (zh) 图片生成方法、装置、介质及电子设备
US8564594B2 (en) Similar shader search apparatus and method using image feature extraction
GB2501473A (en) Image based clothing search and virtual fitting
CN116402580A (zh) 基于输入的文本/语音/图片自动生成服装的方法和系统
CN110837571A (zh) 照片分类方法、终端设备及计算机可读存储介质
CN108170683B (zh) 用于获取信息的方法和装置
CN116452745A (zh) 手部建模、手部模型处理方法、设备和介质
KR20200065685A (ko) 온라인 전자상거래의 쇼핑몰의 디자인 자동 생성 방법 및 장치
CN114004906A (zh) 图像配色方法、装置、存储介质及电子设备
CN111696179A (zh) 卡通三维模型和虚拟仿真人的生成方法、装置和存储介质
CN113537043B (zh) 图像处理方法、装置、电子设备以及存储介质

Legal Events

Date Code Title Description
PB01 Publication
PB01 Publication
SE01 Entry into force of request for substantive examination
SE01 Entry into force of request for substantive examination
GR01 Patent grant
GR01 Patent grant