CN106920141A - 页面展示内容处理方法及装置 - Google Patents
页面展示内容处理方法及装置 Download PDFInfo
- Publication number
- CN106920141A CN106920141A CN201511001533.2A CN201511001533A CN106920141A CN 106920141 A CN106920141 A CN 106920141A CN 201511001533 A CN201511001533 A CN 201511001533A CN 106920141 A CN106920141 A CN 106920141A
- Authority
- CN
- China
- Prior art keywords
- target
- image
- commodity body
- body image
- processing template
- 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.)
- Pending
Links
Classifications
-
- G—PHYSICS
- G06—COMPUTING; CALCULATING OR COUNTING
- G06Q—INFORMATION AND COMMUNICATION TECHNOLOGY [ICT] SPECIALLY ADAPTED FOR ADMINISTRATIVE, COMMERCIAL, FINANCIAL, MANAGERIAL OR SUPERVISORY PURPOSES; SYSTEMS OR METHODS SPECIALLY ADAPTED FOR ADMINISTRATIVE, COMMERCIAL, FINANCIAL, MANAGERIAL OR SUPERVISORY PURPOSES, NOT OTHERWISE PROVIDED FOR
- G06Q30/00—Commerce
- G06Q30/06—Buying, selling or leasing transactions
- G06Q30/0601—Electronic shopping [e-shopping]
- G06Q30/0641—Shopping interfaces
Landscapes
- Business, Economics & Management (AREA)
- Accounting & Taxation (AREA)
- Finance (AREA)
- Development Economics (AREA)
- Economics (AREA)
- Marketing (AREA)
- Strategic Management (AREA)
- Physics & Mathematics (AREA)
- General Business, Economics & Management (AREA)
- General Physics & Mathematics (AREA)
- Engineering & Computer Science (AREA)
- Theoretical Computer Science (AREA)
- Processing Or Creating Images (AREA)
Abstract
本申请实施例公开了页面展示内容处理方法及装置,该方法包括:提供至少一套图像处理模板,所述图像处理模板用于定义图像缩放比例以及裁剪逻辑,每套图像处理模板对应各自适用的商品主体图像外框宽高比范围;确定目标页面中目标信息展示位对应的目标素材,所述目标素材包括目标代表图片;从所述目标代表图片中识别出商品主体图像,并确定所述商品主体图像外框的目标宽高比;根据所述目标宽高比所属的宽高比范围,确定适用的目标图像处理模板;利用所述目标图像处理模板对所述商品主体图像进行缩放以及裁剪,以便在所述目标信息展示位中展示。通过本申请实施例,可以使得展示不同形状的商品主体图像时,在视觉上达到更加协调统一的效果。
Description
技术领域
本申请涉及页面信息处理技术领域,特别是涉及页面展示内容处理方法及装置。
背景技术
电子商务交易平台通常利用页面的形式为用户提供商品对象信息,根据页面展示内容以及作用的不同,可以分为入口页面、商品对象列表页面、商品对象详情页面等等。其中,所谓的入口页面通常是指一次访问过程中的第一个受访页面,可以通过这种入口页面将用户引导到其他具体页面。例如,网站的首页,或者网站内某大型活动(例如“双11”等)的首页等等,都可以称为入口页面。
在入口页面中通常会设计多个信息展示位置(通常可以称为“坑位”),一个坑位可以对应一个主题,作为该主题的入口,坑位中展示的内容通常需要对该主题起到提示作用,因此,其中通常可以显示有主题的名称等文本信息,并且,为了更加直观,也为了更加吸引买家用户的注意,除了文本信息,通常还会展示主题的代表图片。例如,在双11活动主会场页面(该页面为入口页面)中,某坑位对应“女装会场”入口,则该坑位内通常会展示出“女装会场”等字样,另外,还可以展示某裙子的图片等作为该主题的代表图片。
在传统的实现方式下,入口页面对于所有用户都是通用的,各个坑位中具体的展示内容通常是由设计师手动设计的,包括展示的文字、图片、以及文字与图片的排列方式等等。但是,在实际应用中,有些系统需要根据不同用户的喜好等信息的不同,为用户提供个性化的入口页面,也就是说,不同的用户看到的入口页面中的具体内容可以是不同的。例如,同样是双11活动主会场页面,在女装会场的坑位中,使用的代表图片可能是用户最近访问过的某件女装。另外,在该主会场页面中可能还有些坑位是用于展示各主题下具体店铺的入口,则在个性化入口页面中,根据不同用户的喜好,提供的店铺可能会不同的,相应的,店铺入口对应的坑位中展示的文字、代表图片等也可能会不同。
针对这种个性化入口页面的场景,如果仍然由设计师手动设计各个坑位中具体的展示内容,工作量是相当巨大的,需要耗费大量的时间,并且,也很难保证实时更新入口页面,以不断的给用户带来新鲜感。因此,在这种个性化入口页面的场景中,通常需要通过自动化的方式生成各个坑位中的展示内容。
现有技术中的自动化处理方法通常为:给定一个固定的尺寸,所有的代表图片都在固定尺寸内展示,但是造成的结果是同样的外框尺寸,不同的商品最终展示出来的视觉大小是完全不一样的,使得同一入口页面内不同坑位之间的视觉比例不够协调。
因此,如何在自动化生成坑位展示内容的过程中,使得不同坑位之间的视觉比例更加协调统一,成为需要本领域技术人员解决的技术问题。
发明内容
本申请提供了页面展示内容处理方法及装置,可以使得不同信息展示位展示不同形状的商品主体图像时,在视觉上达到更加协调统一的效果。
本申请提供了如下方案:
一种页面展示内容处理方法,包括:
提供至少一套图像处理模板,其中,所述图像处理模板用于定义图像缩放比例以及裁剪逻辑,每套图像处理模板对应各自适用的商品主体图像外框宽高比范围;
确定目标页面中目标信息展示位对应的目标素材,所述目标素材包括目标代表图片;
从所述目标代表图片中识别出商品主体图像,并确定所述商品主体图像外框的目标宽高比;
根据所述目标宽高比所属的宽高比范围,确定适用的目标图像处理模板;
利用所述目标图像处理模板对所述商品主体图像进行缩放以及裁剪,以便在所述目标信息展示位中展示。
一种页面展示内容处理装置,包括:
模板提供单元,用于提供至少一套图像处理模板,其中,所述图像处理模板用于定义图像缩放比例以及裁剪逻辑,每套图像处理模板对应各自适用的商品主体图像外框宽高比范围;
目标素材确定单元,用于确定目标页面中目标信息展示位对应的目标素材,所述目标素材包括目标代表图片;
图像识别单元,用于从所述目标代表图片中识别出商品主体图像,并确定所述商品主体图像外框的目标宽高比;
模板确定单元,用于根据所述目标宽高比所属的宽高比范围,确定适用的目标图像处理模板;
图像处理单元,用于利用所述目标图像处理模板对所述商品主体图像进行缩放以及裁剪,以便在所述目标信息展示位中展示。
根据本申请提供的具体实施例,本申请公开了以下技术效果:
通过本申请实施例,可以预先提供多套图像处理模板,并且制定出每套图像处理模板对应各自适用的商品主体图像外框宽高比范围,这样,对于目标页面中目标信息展示位关联的目标代表图片,可以首先从中识别出商品主体图像,然后确定出商品主体图像外框的宽高比,进而就可以确定出该商品主体图像适用的图像处理模板,并按照该逻辑对商品主体图像进行缩放以及裁剪,之后再用于在目标信息展示位中展示。由于在缩放以及裁剪时,考虑了商品主体图像本身的外框宽高比,因此,可以使得不同信息展示位展示不同形状的商品主体图像时,在视觉上达到更加协调统一的效果。
当然,实施本申请的任一产品并不一定需要同时达到以上所述的所有优点。
附图说明
为了更清楚地说明本申请实施例或现有技术中的技术方案,下面将对实施例中所需要使用的附图作简单地介绍,显而易见地,下面描述中的附图仅仅是本申请的一些实施例,对于本领域普通技术人员来讲,在不付出创造性劳动的前提下,还可以根据这些附图获得其他的附图。
图1是本申请实施例中商品对象主体图像外框示意图;
图2-1、2-2是本申请实施例中各种商品对象主体图像外框形状示意图;
图2-3是本申请实施例中页面内信息展示位示意图;
图3-1是本申请实施例中一商品主体图像示意图;
图3-2是本申请实施例中对应于图3-1所示商品主体图像的裁剪逻辑示意图;
图3-3是本申请实施例中另一商品主体图像示意图;
图3-4是本申请实施例中对应于图3-3所示商品主体图像的裁剪逻辑示意图;
图4-1至4-6是本申请实施例中图像合成逻辑示意图;
图5是本申请实施例提供的方法的流程图;
图6是本申请实施例提供的装置的示意图。
具体实施方式
下面将结合本申请实施例中的附图,对本申请实施例中的技术方案进行清楚、完整地描述,显然,所描述的实施例仅仅是本申请一部分实施例,而不是全部的实施例。基于本申请中的实施例,本领域普通技术人员所获得的所有其他实施例,都属于本申请保护的范围。
在本申请实施例中,为了使得各种不同比例的素材在展示的过程中,能够得到更协调的视觉比例,可以预先通过商品主体图像的外框宽高比进行多次试验等方式,找到合理的视觉分界点,并由宽高比出发将商品主体图像划分为多种类型,例如,可以包括竖条形、横条形、纵向极端长形或者横向极端长形等等。这样,衣服、口红、洗发膏等可以被归类为竖条形,汽车、床、DVD机可以被归类为横条形,等等。当然,具体实现时,商品对象类目并不直接决定商品主体图像外框的形状,具体的形状可以利用宽高比范围来决定,并可以用宽高比范围来表示。例如,外框宽高比在1:0.75以上为竖条形,在1:0.75及以下为横条形,等等。
然后,针对各种图像类型,可以给出多种图像处理模板。各种图像处理模板中,可以分别设定一个缩放比例以及“图像容器”,具体在进行处理时,就可以首先按照缩放比例进行缩放,然后,将缩放后的图像放入对应的容器中,将超出容器的部分剪掉。其中,不同的模板中,缩放比例不同,图像容器的尺寸和对齐位置等也都可以是不同的。例如,横向极端长形的图像(如DVD等),由于其像素占比很小,因此,一般可以按照一定比例放大,而对于像素占比比较大的商品主体图像,则可以按照一定的比例进行缩小,等等。另外,对于图像容器,横条形图像容器可以比长条形大,对齐位置始终垂直居中,以保障所有素材视觉比例上一致,等等。
需要说明的是,所谓的商品主体图像通常是指一张图片中除去背景之后的核心部分内容。例如,交易平台中,第一用户(例如商家、卖家用户等)经常会上传一些商品图,用于对商品详情进行介绍。商品图通常是通过拍照等方式获得的,因此,图片中除了包括商品本身,通常还包括背景等。其中,商品图中的商品本身,就是本申请实施例中的商品主体图像。当然,有些商品主体可能会通过“模特人物”等进行呈现,在本申请实施例中,对于这种情况,可以将“模特人物”也视为商品主体图像。
所谓的商品主体图像外框,可以是指能够容纳商品主体图像的最小矩形框,换言之,该矩形框的宽度等于商品主体图像的最大宽度,高度等于商品主体图像的最大高度。因此,该矩形款的宽高比,就等于商品主体图像最大宽度与最大高度之间的比值。例如,如图1所示,该图1中示出了一张商品图,其中,实线框内为整个商品图,其中的虚线框101即为商品主体图像外框,该虚线框101内示出的部分即为该商品图中的商品主体图像。当然,在实际的商品图中,该商品主体图像外框并不客观存在,但是,由于商品主体图像的最大长度以及最大宽度是可以确定并客观存在的,因此,为了便于描述,在本申请实施例中利用该商品主体图像外框的宽高比进行介绍。
另外,在制定各种图像处理模板时,除了考虑商品主体图像外框的宽高比,还可以考虑页面中信息展示位的属性(主要包括形状、尺寸等,其中,形状可以包括长形、竖形等)。这是因为,具体在信息展示位中展示的信息,除了商品图往往还存在一些文本信息,例如,如果某信息展示位是某主题会场的入口,则还可以在该信息展示位展示出该会场的名称,例如,“女装会场”等等。也就是说,信息展示位中的展示内容,通常是由文本信息与商品主体图像组合而成。而对于不同属性的信息展示位而言,文本信息与图像之间的相对位置关系等可以是不同的。例如,对于长形的信息展示位,可以采用左右拼接的方式,而对于竖形的信息展示位,可以采用上下拼接的方式,或者,文本内容还可以嵌在图像之上,等等。
鉴于不同属性的信息展示位中,文本信息与图像信息组合方式的不同,在进行图像处理时,也可以分别制定不同的模板。这样,模板就可以依据商品主体图像外框宽高比以及信息展示位属性这两个逻辑来分别进行制定。例如,依据商品主体图像外框宽高比,将商品主体图像分为两类,如图2-1所示,其为竖条形,图2-2为横条形。其中,图2-1以及图2-2中分别示出了三个具体的商品主体图像外框,也即,图2-1的三种情况都可以归类为竖条形,图2-2的三种情况均可以归类为横条形。这也进一步说明,每个形状都可以由一个宽高比范围来表示,而不是某一个固定的宽高比值。
另外,假设某页面中信息展示位的属性包括三种,第一种为长形,第二种以及第三种为竖型,其中,第二种的尺寸大于第三种。如图2-3所示,201为长形信息展示位,202为竖形信息展示位,203也为竖形信息展示位,其中202的尺寸要大于203的尺寸。例如,具体的,信息展示位201的尺寸可以为143×93像素,信息展示位202的尺寸为106×93像素,信息展示位203的尺寸为88.5×96像素。
这样,最终制定出的图像处理模板可以有六套,其中,每套模板对应各自适用的商品主体图像的形状(可以利用外框宽高比范围表示),以及信息展示位的属性。例如,第一套模板适用于竖条形商品主体图像,以及第一种信息展示位属性,第二套模板适用于竖条形商品主体图像,以及第二种信息展示位属性,第三套模板适用于竖条形商品主体图像,以及第三种信息展示位属性,第四套模板适用于横条形商品主体图像,以及第一种信息展示位属性,等等。
当然,在具体实现时,还可以定义出更多的商品主体图像形状,或者,页面中还可能有其他属性的信息展示位,因此,还可以制定更多的图像处理模板。或者,还可以将同一套图像处理模板应用于多个不同的商品主体图像形状,或者信息展示位属性。例如,第二套模板与第三套模板可以是相同,等等。
为了便于描述,下面以前述例子中六套图像处理模板为例进行介绍。
具体的,如前文所述,每一套模板中,可以定义出缩放比例、图像容器的尺寸,以及在进行裁剪时,商品主体图像与该图像容器之间的对齐方式,以及裁剪方式,等等。
例如,在第一套模板中(也即适用于竖条形商品主体图像以及第一种信息展示位属性的模板),缩放比例可以为1,也即,可以以原图大小放入,在进行裁剪时,假设识别出的商品主体图像原图为图3-1所示,裁剪逻辑如图3-2中的A所示:图像容器的尺寸可以为60×83像素,也即,宽度为60像素,高度为83像素。对齐方式可以定义为:商品主体图像的上侧以及左侧对齐图像容器左上角,右侧以及下侧如有超出该图像容器的部分,则剪掉。
在第二套模板中(也即适用于竖条形商品主体图像以及第二种信息展示位属性的模板),缩放比例可以为0.8,也就是说,先将商品主体图像进行缩小处理。在裁剪时,如图3-2中的B所示,首先将缩小后的图像放入图像容器(显然,图3-2中,B的商品主体图像要小于A中),放入图像容器时,可以按照模板中的对齐方式进行放入,例如,对齐方式可以定义为:商品主体图像的上侧对齐图像容器,并水平居中。然后,按照图像容器定义的尺寸进行裁剪。例如,图像容器的尺寸可以为50×72像素,也即,宽度为50像素,高度为72像素。下侧及左右两侧如有超出该图像容器的部分,则剪掉。
在第三套模板中(也即适用于竖条形商品主体图像以及第三种信息展示位属性的模板),缩放比例可以为0.6,如图3-2中的C所示,图像容器的尺寸可以为50×70.5像素,也即,宽度为50像素,高度为70.5像素。对齐方式可以定义为:商品主体图像的上侧对齐图像容器,并水平居中,下侧及左右两侧如有超出该图像容器的部分,则剪掉。
在第四套模板中(也即适用于横条形商品主体图像以及第一种信息展示位属性的模板),缩放比例可以为1.5,也即,首先将商品主体图像进行放大,然后再进行裁剪。例如,假设识别出的商品主体图像原图为图3-3所示,则在放大后进行裁剪时,如图3-4中的A所示,图像容器的尺寸可以为65.5×84像素,也即,宽度为65.5像素,高度为84像素。对齐方式可以定义为:商品主体图像的左侧对齐图像容器,整体保持在容器范围内垂直居中,右侧及上下两侧如有超出该图像容器的部分剪掉。
在第五套模板中(也即适用于横条形商品主体图像以及第二种信息展示位属性的模板),缩放比例可以为1.4,如图3-4中的B所示,图像容器的尺寸可以为60×52像素,也即,宽度为60像素,高度为52像素。对齐方式可以与第四套相同。
在第六套模板中(也即适用于横条形商品主体图像以及第二种信息展示位属性的模板),缩放比例可以为1.2,如图3-4中的C所示,图像容器的尺寸可以为60×56.5像素,也即,宽度为60像素,高度为56.5像素。对齐方式也可以与第四套相同。
另外,在考虑信息展示位属性的情况下,对应各种信息展示位属性以及商品主体图像的形状,还可以分别在各自的模板中定义出文本信息与图像信息的合成逻辑,也即,在按照前述图像处理模板进行裁剪后,还可以按照该合成逻辑,将预置的文本信息与裁剪后的素材图像进行合成,最终形成用于在信息展示位内展示的内容。
具体的,在具体的合成逻辑中,可以定义出目标文本与所述裁剪后的商品主体图像的位置信息,以及目标文本的行间距,等等。例如,参见图4-1,对应前述第一套模板,该合成逻辑中,可以分别定义如下:文本信息显示在左侧,图像显示在右侧,文本信息的起始位置距离上边缘8像素,距离左边缘7像素,第一行与第二行之间的行间距为7像素,第二行与第二行之间的行间距为3像素;商品主体图像与信息展示位右下角对齐,与上边缘距离10像素,等等。在使用状态下,合成后的图像可以如图4-2所示。
又如,参见图4-3,对应前述第二套模板,该合成逻辑中,可以分别定义如下:文本信息展示在上方,图像展示在下方,文本信息的起始位置距离信息展示位上边缘7像素,文本信息与图像上边缘的间距为7像素,图像与信息展示位下边缘对齐,并水平居中展示。在使用状态下,合成后的图像可以如图4-4所示。
再如,参见图4-5,该合成逻辑与前述第四套模板相对应,也即,与4-1中的合成逻辑相比,商品主体图像的裁剪方式不同,但是信息展示位的属性是相同的,对比图4-5与图4-1可见,文本信息与图像之间的相对位置关系仍然可以是左右放置,文本信息的位置、间距等也可以与图4-1中相同,不同之处在于,图4-5中,商品主体图像的上侧与信息展示位对齐,而图4-1中是下侧与信息展示位对齐。例如,在使用状态下,合成后的图像可以如图4-6所示。
关于其他情况对应的合成逻辑这里不再详述。需要说明的是,以上所述的各种合成方式中的具体数据均是为了举例进行说明,而不应看作是对本申请实施例中保护范围的限制,具体实现时,可以根据具体情况以及需求进行调整。
在完成前述准备工作后,就可以应用到具体的页面展示内容处理过程中。下面进行介绍。
参见图5,本申请实施例提供了一种页面展示内容处理方法,该方法可以包括以下步骤:
S501:提供至少一套图像处理模板,其中,所述图像处理模板用于定义图像缩放比例以及裁剪逻辑,每套图像处理模板对应各自适用的商品主体图像外框宽高比范围;
关于图像处理模板的相关内容可以参见前文的介绍。在一种简单的方式下,图像处理模板可以仅与商品主体图像外框宽高比有关,通过不同的宽高比范围,可以将商品主体图像外轮廓形状区分为:竖条形、横条形、纵向极端长形或者横向极端长形,不同外轮廓形状对应的不同图像处理模板,并且,不同的图像处理模板中,缩放比例以及裁剪后的宽度值可以是不同的。当然,如前文所述,在制定图像处理模板时,还可以考虑页面中信息展示位的属性信息,包括形状、尺寸等。
S502:确定目标页面中目标信息展示位对应的目标素材,所述目标素材包括目标代表图片;
目标页面可以是任意需要自动为信息展示位生成待展示内容的页面,例如,可以是“双11”活动的主会场页面,其中通常定义有多个信息展示位,分别对应各个主题的分会场入口,例如,女装会场入口、美妆会场入口等等,另外,还可能有其他信息展示位作为具体店铺的入口,等等。
关于各个信息展示位对应的目标素材,主要可以包括代表图片,具体的,具体选用哪张图片作为代表图片,可以通过多种方式进行确定。例如,其中一种方式下,可以是根据第二用户(例如,买家用户,消费者用户等)的喜好、浏览历史等确定。例如,在“双11”活动的主会场页面,对于其中的女装会场入口展示位,可以将第二用户最近浏览的女装类商品对象的图片作为该展示位的代表图片。对于女装类店铺入口展示位,可以根据对第二用户的历史浏览记录、历史购买记录等数据进行分析,确定出该第二用户喜欢的店铺,然后,将这些店铺的代表图片,作为对应店铺入口展示位的代表图片,等等。
需要说明的是,对于一件具体的商品对象,或者一个具体的店铺,具体采用哪张图片作为代表图片,可以是由第一用户预先设定的,或者,还可以是由服务器预先通过具体的算法等进行从商品对象或者店铺关联的众多商品图中选择。由于第二用户数量众多,每个用户各自的喜好又各不相同,因此,理论上任意一个商品对象、任意一个店铺都有可能出现在入口页面的信息展示位中,作为某主题会场或者店铺的入口。为此,可以预先建立一数据库,用于保存各个商品对象或者店铺与代表图片之间的对应关系。例如,关于商品对象代表图片的信息,具体的保存形式可以如以下表1所示:
表1
商品对象ID | 代表图片 |
100001 | 图片1 |
100002 | 图片2 |
…… | …… |
关于店铺的代表图片的信息,具体的保存形式可以如以下表2所示:
表2
店铺ID | 代表图片 |
200001 | 图片3 |
200002 | 图片4 |
…… | …… |
这样,在确定目标展示位对应的目标素材时,实际上可以首先确定目标信息展示位对应的商品对象ID,或者店铺ID,然后,通过查询上述表1或者表2,便可以确定出具体的目标代表图片。
需要说明的是,关于具体如何从一个商品对象关联的众多商品图中选择代表图片,如何从一个店铺关联的众多商品图中选择代表图片,以及如何确定各个目标信息展示位具体与哪个商品对象或者店铺关联,并不属于本申请实施例关注的重点,因此,这里不再详述。
S503:从所述目标代表图片中识别出商品主体图像,并确定所述商品主体图像外框的目标宽高比;
在确定出一个目标信息展示位关联的目标代表图片后,可以首先从中识别出商品主体图像。具体的,可以通过已有的图像识别技术进行识别。为了便于实现,可以预先通过一些方式,使得代表图片的背景色为纯色,例如,要求第一用户指定代表图片时,将具有纯色背景的商品图指定为代表图片,或者,在通过算法自动确定代表图片时,也可以将背景色加入到过滤条件中,等等。在背景色为纯色的情况下,具体采用何种颜色可以是任意的,只要使得服务器预先获知背景色的具体色值即可。当然,在优选的实现方式下,可以采用纯白色,这样,在代表图片具有纯白色背景的前提下,可以很方便的从中识别出商品主体图像。需要说明的是,关于具体如何从一幅图片中识别出商品主体图像,可以参见已有技术中的介绍,这里不再赘述。
在识别出商品主体图像后,就可以确定所述商品主体图像外框的宽度值以及高度值,也就是说,可以确定出商品主体图像的最大宽度值以及最大高度值。然后,可以计算出该宽度值与高度值之间的比值,得到商品主体图像外框的宽高比。
S504:根据所述目标宽高比所属的宽高比范围,确定适用的目标图像处理模板;
在确定出该目标宽高比后,就可以确定出其所属的宽高比范围,也即能够确定出当前的目标代表图片中,目标商品主体图像的形状,进而,就可以确定出其适用的目标图像处理模板。例如,如果目标宽高比在1:0.75以上,则可以适用于竖形商品主体图像对应的模板,等等。
当然,如前文所述,如果在制定模板时,还考虑了信息展示位的属性信息,则在该步骤中,还可以确定出目标信息展示位的属性,包括形状、尺寸等。然后,在确定模板时,可以根据目标宽高比所属的宽高比范围,以及所述目标信息展示位的目标属性,确定适用的目标图像处理模板。例如,如果目标宽高比所属的范围为1:0.75以上,当前目标信息展示位为长形,则可以确定出其适用于前述第一套模板,等等。
S505:利用所述目标图像处理模板对所述商品主体图像进行缩放以及裁剪,以便在所述目标信息展示位中展示。
在确定出具体的目标图像处理模板后,就可以对商品主体图像进行缩放以及裁剪。由于不同宽高比范围的商品主体图像采用了不同的模板,因此,可使得处理后的图像在视觉上的协调性、统一性得到提高。
另外,如前文所述,如果在目标信息展示位中展示的目标素材时,除了代表图片,还包括文本信息,并且,模板中定义了图像合成逻辑,则还可以在将商品主体图像缩放以及裁剪完成后,按照所述目标图像合成逻辑,将所述目标文本以及裁剪后的商品主体图像进行合成,以便在所述目标信息展示位中展示。
总之,通过本申请实施例,可以预先提供多套图像处理模板,并且制定出每套图像处理模板对应各自适用的商品主体图像外框宽高比范围,这样,对于目标页面中目标信息展示位关联的目标代表图片,可以首先从中识别出商品主体图像,然后确定出商品主体图像外框的宽高比,进而就可以确定出该商品主体图像适用的图像处理模板,并按照该逻辑对商品主体图像进行缩放以及裁剪,之后再用于在目标信息展示位中展示。由于在裁剪时,考虑了商品主体图像本身的外框宽高比,因此,可以使得不同信息展示位展示不同形状的商品主体图像时,也可以在视觉上达到更加协调统一的效果。
与本申请实施例提供的页面展示内容处理方法相对应,本申请实施例还提供了一种页面展示内容处理装置,参见图6,该装置可以包括:
模板提供单元601,用于提供至少一套图像处理模板,其中,所述图像处理模板用于定义图像缩放比例以及裁剪逻辑,每套图像处理模板对应各自适用的商品主体图像外框宽高比范围;
目标素材确定单元602,用于确定目标页面中目标信息展示位对应的目标素材,所述目标素材包括目标代表图片;
图像识别单元603,用于从所述目标代表图片中识别出商品主体图像,并确定所述商品主体图像外框的目标宽高比;
模板确定单元604,用于根据所述目标宽高比所属的宽高比范围,确定适用的目标图像处理模板;
图像处理单元605,用于利用所述目标图像处理模板对所述商品主体图像进行缩放以及裁剪,以便在所述目标信息展示位中展示。
其中,可以通过不同的宽高比范围,将商品主体图像外轮廓形状区分为:竖条形、横条形、纵向极端长形或者横向极端长形,不同外轮廓形状对应的不同图像处理模板中,缩放比例以及裁剪后的宽度值不同。
其中,每套图像处理模板还对应各自适用的信息展示位属性,所述装置还包括:
目标属性确定单元,用于确定所述目标信息展示位的目标属性;
所述模板确定单元具体用于:
根据所述目标宽高比所属的宽高比范围,以及所述目标信息展示位的目标属性,确定适用的目标图像处理模板。
所述目标信息展示位的目标属性包括:目标信息展示位为长形或者竖形,不同目标信息展示位形状对应的不同图像处理模板中,商品主体图像与裁剪基准框的对齐方式不同。
如果所述目标元素还包括目标文本,则所述装置还可以包括:
所述图像处理模板中还定义有图像合成逻辑,所述图像合成逻辑用于定义目标文本与所述裁剪后的商品主体图像的位置信息。
其中,所述图像合成逻辑中,包括目标文本与所述裁剪后的商品主体图像的位置信息以及目标文本行间距。
为了便于进行商品主体图像的识别,所述目标代表图片的背景色可以为纯色。优选的,所述纯色可以为纯白色。
通过本申请实施例,可以预先提供多套图像处理模板,并且制定出每套图像处理模板对应各自适用的商品主体图像外框宽高比范围,这样,对于目标页面中目标信息展示位关联的目标代表图片,可以首先从中识别出商品主体图像,然后确定出商品主体图像外框的宽高比,进而就可以确定出该商品主体图像适用的图像处理模板,并按照该逻辑对商品主体图像进行缩放以及裁剪,之后再用于在目标信息展示位中展示。由于在裁剪时,考虑了商品主体图像本身的外框宽高比,因此,可以使得不同信息展示位展示不同形状的商品主体图像时,也可以在视觉上达到更加协调统一的效果。
通过以上的实施方式的描述可知,本领域的技术人员可以清楚地了解到本申请可借助软件加必需的通用硬件平台的方式来实现。基于这样的理解,本申请的技术方案本质上或者说对现有技术做出贡献的部分可以以软件产品的形式体现出来,该计算机软件产品可以存储在存储介质中,如ROM/RAM、磁碟、光盘等,包括若干指令用以使得一台计算机设备(可以是个人计算机,服务器,或者网络设备等)执行本申请各个实施例或者实施例的某些部分所述的方法。
本说明书中的各个实施例均采用递进的方式描述,各个实施例之间相同相似的部分互相参见即可,每个实施例重点说明的都是与其他实施例的不同之处。尤其,对于系统或系统实施例而言,由于其基本相似于方法实施例,所以描述得比较简单,相关之处参见方法实施例的部分说明即可。以上所描述的系统及系统实施例仅仅是示意性的,其中所述作为分离部件说明的单元可以是或者也可以不是物理上分开的,作为单元显示的部件可以是或者也可以不是物理单元,即可以位于一个地方,或者也可以分布到多个网络单元上。可以根据实际的需要选择其中的部分或者全部模块来实现本实施例方案的目的。本领域普通技术人员在不付出创造性劳动的情况下,即可以理解并实施。
以上对本申请所提供的页面展示内容处理方法及装置,进行了详细介绍,本文中应用了具体个例对本申请的原理及实施方式进行了阐述,以上实施例的说明只是用于帮助理解本申请的方法及其核心思想;同时,对于本领域的一般技术人员,依据本申请的思想,在具体实施方式及应用范围上均会有改变之处。综上所述,本说明书内容不应理解为对本申请的限制。
Claims (14)
1.一种页面展示内容处理方法,其特征在于,包括:
提供至少一套图像处理模板,其中,所述图像处理模板用于定义图像缩放比例以及裁剪逻辑,每套图像处理模板对应各自适用的商品主体图像外框宽高比范围;
确定目标页面中目标信息展示位对应的目标素材,所述目标素材包括目标代表图片;
从所述目标代表图片中识别出商品主体图像,并确定所述商品主体图像外框的目标宽高比;
根据所述目标宽高比所属的宽高比范围,确定适用的目标图像处理模板;
利用所述目标图像处理模板对所述商品主体图像进行缩放以及裁剪,以便在所述目标信息展示位中展示。
2.根据权利要求1所述的方法,其特征在于,通过不同的宽高比范围,将商品主体图像外框形状区分为:竖条形、横条形、纵向极端长形或者横向极端长形,不同外框形状对应的不同图像处理模板中,缩放比例以及裁剪后的宽度值不同。
3.根据权利要求1所述的方法,其特征在于,每套图像处理模板还对应各自适用的信息展示位属性,所述方法还包括:
确定所述目标信息展示位的目标属性;
所述根据所述目标宽高比所属的宽高比范围,确定适用的目标图像处理模板,包括:
根据所述目标宽高比所属的宽高比范围,以及所述目标信息展示位的目标属性,确定适用的目标图像处理模板。
4.根据权利要求3所述的方法,其特征在于,所述目标信息展示位的目标属性包括:目标信息展示位为长形或者竖形,不同目标信息展示位形状对应的不同图像处理模板中,商品主体图像与裁剪基准框的对齐方式不同。
5.根据权利要求3所述的方法,其特征在于,所述目标素材还包括目标文本;
所述图像处理模板中还定义有图像合成逻辑,所述图像合成逻辑用于定义目标文本与所述裁剪后的商品主体图像的位置信息。
6.根据权利要求1至5任一项所述的方法,其特征在于,所述目标代表图片的背景色为纯色。
7.根据权利要求6所述的方法,其特征在于,所述纯色为纯白色。
8.一种页面展示内容处理装置,其特征在于,包括:
模板提供单元,用于提供至少一套图像处理模板,其中,所述图像处理模板用于定义图像缩放比例以及裁剪逻辑,每套图像处理模板对应各自适用的商品主体图像外框宽高比范围;
目标素材确定单元,用于确定目标页面中目标信息展示位对应的目标素材,所述目标素材包括目标代表图片;
图像识别单元,用于从所述目标代表图片中识别出商品主体图像,并确定所述商品主体图像外框的目标宽高比;
模板确定单元,用于根据所述目标宽高比所属的宽高比范围,确定适用的目标图像处理模板;
图像处理单元,用于利用所述目标图像处理模板对所述商品主体图像进行缩放以及裁剪,以便在所述目标信息展示位中展示。
9.根据权利要求8所述的装置,其特征在于,通过不同的宽高比范围,将商品主体图像外框形状区分为:竖条形、横条形、纵向极端长形或者横向极端长形,不同外框形状对应的不同图像处理模板中,缩放比例以及裁剪后的宽度值不同。
10.根据权利要求8所述的装置,其特征在于,每套图像处理模板还对应各自适用的信息展示位属性,所述装置还包括:
目标属性确定单元,用于确定所述目标信息展示位的目标属性;
所述模板确定单元具体用于:
根据所述目标宽高比所属的宽高比范围,以及所述目标信息展示位的目标属性,确定适用的目标图像处理模板。
11.根据权利要求10所述的装置,其特征在于,所述目标信息展示位的目标属性包括:目标信息展示位为长形或者竖形,不同目标信息展示位形状对应的不同图像处理模板中,商品主体图像与裁剪基准框的对齐方式不同。
12.根据权利要求10所述的装置,其特征在于,所述目标元素还包括目标文本;
所述图像处理模板中还定义有图像合成逻辑,所述图像合成逻辑用于定义目标文本与所述裁剪后的商品主体图像的位置信息。
13.根据权利要求8至12任一项所述的装置,其特征在于,所述目标代表图片的背景色为纯色。
14.根据权利要求13所述的装置,其特征在于,所述纯色为纯白色。
Priority Applications (1)
Application Number | Priority Date | Filing Date | Title |
---|---|---|---|
CN201511001533.2A CN106920141A (zh) | 2015-12-28 | 2015-12-28 | 页面展示内容处理方法及装置 |
Applications Claiming Priority (1)
Application Number | Priority Date | Filing Date | Title |
---|---|---|---|
CN201511001533.2A CN106920141A (zh) | 2015-12-28 | 2015-12-28 | 页面展示内容处理方法及装置 |
Publications (1)
Publication Number | Publication Date |
---|---|
CN106920141A true CN106920141A (zh) | 2017-07-04 |
Family
ID=59456211
Family Applications (1)
Application Number | Title | Priority Date | Filing Date |
---|---|---|---|
CN201511001533.2A Pending CN106920141A (zh) | 2015-12-28 | 2015-12-28 | 页面展示内容处理方法及装置 |
Country Status (1)
Country | Link |
---|---|
CN (1) | CN106920141A (zh) |
Cited By (14)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
CN107590719A (zh) * | 2017-09-05 | 2018-01-16 | 青岛海信电器股份有限公司 | 生成虚拟资源展示图像的方法及装置、可读存储介质 |
CN108388395A (zh) * | 2018-02-12 | 2018-08-10 | 北京三快在线科技有限公司 | 图像裁剪方法、装置及终端 |
CN110032701A (zh) * | 2019-04-04 | 2019-07-19 | 网易(杭州)网络有限公司 | 图像展示控制方法、装置、存储介质及电子设备 |
CN110032367A (zh) * | 2019-04-10 | 2019-07-19 | 宇宙世代信息技术(深圳)有限公司 | 一种互联网内容生成方法、装置、计算机设备及存储介质 |
CN110032352A (zh) * | 2019-03-18 | 2019-07-19 | 阿里巴巴集团控股有限公司 | 一种展示内容生成方法及装置 |
CN111462121A (zh) * | 2020-03-23 | 2020-07-28 | 上海携程商务有限公司 | 基于图像语义理解的图像裁切方法、系统、设备和介质 |
CN112966484A (zh) * | 2021-03-01 | 2021-06-15 | 维沃移动通信有限公司 | 图表排版方法、装置、以及电子设备、可读存储介质 |
CN113362424A (zh) * | 2020-03-04 | 2021-09-07 | 阿里巴巴集团控股有限公司 | 图像合成、商品广告图像合成方法、设备及存储介质 |
CN113674049A (zh) * | 2021-06-24 | 2021-11-19 | 杭州碑石数据技术有限公司 | 基于图片搜索的商品在架位置识别方法、系统和存储介质 |
CN114092495A (zh) * | 2021-11-29 | 2022-02-25 | 阿里巴巴(中国)有限公司 | 图像展示方法、电子设备、存储介质及程序产品 |
CN114610191A (zh) * | 2017-11-07 | 2022-06-10 | 阿里巴巴集团控股有限公司 | 界面信息提供方法、装置及电子设备 |
CN115082673A (zh) * | 2022-06-14 | 2022-09-20 | 阿里巴巴(中国)有限公司 | 图像处理方法、装置、设备和存储介质 |
WO2023093694A1 (zh) * | 2021-11-29 | 2023-06-01 | 维沃移动通信有限公司 | 图像处理方法、装置、设备和存储介质 |
CN112966484B (zh) * | 2021-03-01 | 2024-06-07 | 维沃移动通信有限公司 | 图表排版方法、装置、以及电子设备、可读存储介质 |
Citations (4)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
CN101510312A (zh) * | 2009-03-16 | 2009-08-19 | 广州市有福数码科技有限公司 | 制作电子相册的方法、装置及系统 |
CN101739654A (zh) * | 2008-11-17 | 2010-06-16 | 北大方正集团有限公司 | 一种制作图像集的方法、系统和服务器 |
CN103699608A (zh) * | 2013-12-13 | 2014-04-02 | 乐视网信息技术(北京)股份有限公司 | 页面布局方法及装置 |
CN103914689A (zh) * | 2014-04-09 | 2014-07-09 | 百度在线网络技术(北京)有限公司 | 基于人脸识别的图片裁剪方法及装置 |
-
2015
- 2015-12-28 CN CN201511001533.2A patent/CN106920141A/zh active Pending
Patent Citations (4)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
CN101739654A (zh) * | 2008-11-17 | 2010-06-16 | 北大方正集团有限公司 | 一种制作图像集的方法、系统和服务器 |
CN101510312A (zh) * | 2009-03-16 | 2009-08-19 | 广州市有福数码科技有限公司 | 制作电子相册的方法、装置及系统 |
CN103699608A (zh) * | 2013-12-13 | 2014-04-02 | 乐视网信息技术(北京)股份有限公司 | 页面布局方法及装置 |
CN103914689A (zh) * | 2014-04-09 | 2014-07-09 | 百度在线网络技术(北京)有限公司 | 基于人脸识别的图片裁剪方法及装置 |
Cited By (14)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
CN107590719A (zh) * | 2017-09-05 | 2018-01-16 | 青岛海信电器股份有限公司 | 生成虚拟资源展示图像的方法及装置、可读存储介质 |
CN114610191A (zh) * | 2017-11-07 | 2022-06-10 | 阿里巴巴集团控股有限公司 | 界面信息提供方法、装置及电子设备 |
CN108388395A (zh) * | 2018-02-12 | 2018-08-10 | 北京三快在线科技有限公司 | 图像裁剪方法、装置及终端 |
CN110032352A (zh) * | 2019-03-18 | 2019-07-19 | 阿里巴巴集团控股有限公司 | 一种展示内容生成方法及装置 |
CN110032701A (zh) * | 2019-04-04 | 2019-07-19 | 网易(杭州)网络有限公司 | 图像展示控制方法、装置、存储介质及电子设备 |
CN110032367A (zh) * | 2019-04-10 | 2019-07-19 | 宇宙世代信息技术(深圳)有限公司 | 一种互联网内容生成方法、装置、计算机设备及存储介质 |
CN113362424A (zh) * | 2020-03-04 | 2021-09-07 | 阿里巴巴集团控股有限公司 | 图像合成、商品广告图像合成方法、设备及存储介质 |
CN111462121A (zh) * | 2020-03-23 | 2020-07-28 | 上海携程商务有限公司 | 基于图像语义理解的图像裁切方法、系统、设备和介质 |
CN112966484A (zh) * | 2021-03-01 | 2021-06-15 | 维沃移动通信有限公司 | 图表排版方法、装置、以及电子设备、可读存储介质 |
CN112966484B (zh) * | 2021-03-01 | 2024-06-07 | 维沃移动通信有限公司 | 图表排版方法、装置、以及电子设备、可读存储介质 |
CN113674049A (zh) * | 2021-06-24 | 2021-11-19 | 杭州碑石数据技术有限公司 | 基于图片搜索的商品在架位置识别方法、系统和存储介质 |
CN114092495A (zh) * | 2021-11-29 | 2022-02-25 | 阿里巴巴(中国)有限公司 | 图像展示方法、电子设备、存储介质及程序产品 |
WO2023093694A1 (zh) * | 2021-11-29 | 2023-06-01 | 维沃移动通信有限公司 | 图像处理方法、装置、设备和存储介质 |
CN115082673A (zh) * | 2022-06-14 | 2022-09-20 | 阿里巴巴(中国)有限公司 | 图像处理方法、装置、设备和存储介质 |
Similar Documents
Publication | Publication Date | Title |
---|---|---|
CN106920141A (zh) | 页面展示内容处理方法及装置 | |
US9922358B2 (en) | Augmented reality for assisting consumer transactions | |
US8602791B2 (en) | Generation of test stimuli in visual media | |
US8065200B2 (en) | Virtual web store with product images | |
CN106610785B (zh) | 商品对象列表信息处理方法及装置 | |
Elomba et al. | Souvenir authenticity: The perspectives of local and foreign tourists | |
CN113222705A (zh) | 一种商品陈列优化方法、装置以及设备 | |
US11288853B2 (en) | Systems and methods of providing enhanced product visualization on a graphical display | |
CN106910083A (zh) | 提供商品对象信息的方法及装置 | |
US11205245B2 (en) | Method of improving visual recognition of an item and item display system | |
CN110135331A (zh) | 交互行为检测方法、装置、系统、设备和存储介质 | |
JP2016197342A (ja) | 拡張現実プログラム、拡張現実提供方法、拡張現実提供装置、及び情報配信方法 | |
US20200097536A1 (en) | Automatic generation of document layouts | |
CN109784227A (zh) | 图像检测识别方法和装置 | |
Camm et al. | A practitioner’s guide to best practices in data visualization | |
CN107944906A (zh) | 一种构建虚拟现实展厅的方法和系统 | |
CN107067295A (zh) | 一种信息处理方法及电子设备 | |
US10269134B2 (en) | Method and system for determining a region of interest of a user in a virtual environment | |
Al-Takrouri et al. | A model validation approach to texture recognition and inpainting | |
CN108021417B (zh) | 页面横幅元素的处理方法及装置 | |
CN108021599B (zh) | 提供页面版头的方法及装置 | |
Khan et al. | Aesthetic typography of packaging design and purchase intention: A study of women shoppers of beauty products in Oman under ‘View’model | |
CN110825989A (zh) | 图片展示方法、装置、电子设备及可读介质 | |
KR20170106747A (ko) | 증강현실을 이용한 상품판매 시스템 및 방법 | |
Li et al. | Optimum visual angle for fashion retail window display |
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 | ||
REG | Reference to a national code |
Ref country code: HK Ref legal event code: DE Ref document number: 1239916 Country of ref document: HK |
|
RJ01 | Rejection of invention patent application after publication | ||
RJ01 | Rejection of invention patent application after publication |
Application publication date: 20170704 |