logo好方法网

一种图片智能布局方法、装置及系统


技术摘要:
本发明公开了一种图片智能布局方法、装置及系统,所述方法包括:根据预设条件匹配布局模式;根据待布局图片中显示对象的尺寸参数按照所述布局模式中待布局图片的相对位置关系和/或所述待布局图片的旋转角度布局所述待布局图片,其中所述待布局图片的相对位置关系包括:  全部
背景技术:
Banner为在网页设计中是指用于展示的横幅图片广告模式,随着现在网络营销活 动的多元化发展,Banner的构成越来越复杂,其中包含的内容类型也越来越丰富多样。一般 情况下,Banner从层结构构成上可以分为:背景层、装饰层、内容层,其中内容层包括了 Banner所要展示的主要内容。在内容层中根据Banner所要展示内容类型的不同,对内容层 进行区域划分,可以包括:图片区、文案区等。为了使Banner能够尽可能多而全面地显示信 息,图片区的图片一般由多张对象图片布局合成,现有技术中多张对象图片的布局主要由 人工完成,耗时较长,并且其完成标准较为主观、布局质量不一,甚至缺少图片的情况。
技术实现要素:
为了解决现有技术中多图片布局依赖于人工,布局质量不理想的问题,本发明实 施例提供了一种图片智能布局方法、装置及系统。所述技术方案如下: 第一方面,提供了一种图片智能布局方法,包括: 根据预设条件匹配布局模式; 根据待布局图片中显示对象的尺寸参数按照所述布局模式中待布局图片的相对 位置关系和/或待布局图片的旋转角度布局所述待布局图片,其中所述待布局图片的相对 位置关系包括:均根据所述待布局图片中所述对象的尺寸参数确定的图片之间的前后位置 关系、上下位置关系、中间两侧位置关系中的任意一种或多种。 进一步地,所述前后位置关系根据所述对象的面积确定,面积大的所述对象所属 的待布局图片前置;所述上下位置关系根据所述对象的高度确定,高度高的所述对象所属 的待布局图片设置在上层;所述中间两侧位置关系根据所述对象的面积或者高度确定,面 积大的所述对象所属的待布局图片或者高度高的所述待布局图片设置在中间位置。 进一步地,所述布局模式中同排的相邻所述待布局图片的旋转角度呈倍数关系。 进一步地,根据预设条件匹配布局模式包括: 将所述待布局图片的数量、所述待布局图片的尺寸参数与所述布局模式的预设条 件匹配,按照匹配成功的预设条件对应的布局模式布局所述待布局图片。 进一步地,所述待布局图片的尺寸参数包括:所述待布局图片按照某一布局模式 排布后形成的排布图片中显示的所述对象总体的尺寸参数以及所述待布局图片中显示的 所述对象的尺寸参数;所述预设条件包括:图片数量条件、排布图片尺寸参数条件以及待布 局图片尺寸参数条件;所述排布图片中显示所述对象总体的尺寸参数包括:所述排布图片 中所述对象总体尺寸的宽高比;所述待布局图片中所述对象的尺寸参数包括:所述对象的 高度、所述对象的面积、所述对象之间的高度比、所述对象的宽高比、所述对象的宽高比的 4 CN 111581552 A 说 明 书 2/9 页 标准差中的任意一种或多种。 进一步地,所述布局模式分为:两图布局、三图布局和超三图布局三类,每一个所 述布局模式类别下均包含至少一个布局模式。 进一步地,将待布局图片的数量、待布局图片的尺寸参数与布局模式的预设条件 匹配包括: 将所述待布局图片的数量与所述预设条件中图片数量条件匹配,确定布局模式类 别; 将所述排布图片中所述对象总体的尺寸参数与所述预设条件中的所述排布图片 尺寸参数条件匹配,以及将所述待布局图片中所述对象的尺寸参数与所述预设条件中的所 述待布局图片尺寸参数条件匹配,确定相应布局模式类别下的布局模式。 第二方面,提供了一种图片智能布局装置,包括: 布局模式匹配模块,用于根据预设条件匹配布局模式; 布局模块,用于根据待布局图片中显示对象的尺寸参数按照所述布局模式中待布 局图片的相对位置关系和/或所述待布局图片的旋转角度布局所述待布局图片,其中所述 待布局图片的相对位置关系包括:均根据所述待布局图片中所述对象的尺寸参数确定图片 之间的前后位置关系、上下位置关系、中间两侧位置关系中的任意一种或多种。 进一步地,所述前后位置关系根据所述对象的面积确定,面积大的所述对象所属 的待布局图片前置;所述上下位置关系根据所述对象的高度确定,高度高的所述对象所述 的待布局图片设置在上层;所述中间两侧位置关系根据所述对象的面积或者高度确定,面 积大的所述对像或者高度高的所述对象所属的待布局图片设置在中间位置。 进一步地,所述布局模式中同排的相邻所述待布局图片的旋转角度呈倍数关系。 进一步地,布局模式匹配模块,具体用于将所述待布局图片的数量、所述待布局图 片的尺寸参数与所述布局模式的预设条件匹配,按照匹配成功的预设条件对应的布局模式 布局所述待布局图片。 进一步地,所述待布局图片的尺寸参数包括:所述待布局图片按照某一布局模式 排布后形成的排布图片中显示的所述对象的总体尺寸参数,以及所述待布局图片中显示的 所述对象的尺寸参数,所述预设条件包括:图片数量条件、排布图片尺寸参数条件以及待布 局图片尺寸参数条件;所述排布图片中显示所述对象总体的尺寸参数包括:所述排布图片 中所述对象总体尺寸的宽高比;所述待布局图片中所述对象的尺寸参数包括:所述对象的 高度、所述对象的面积、所述对象之间的高度比、所述对象的宽高比、所述对象宽高比的标 准差中的任意一种或多种。 进一步地,所述布局模式分为:两图布局、三图布局和超三图布局三类,每一个所 述布局模式类别下均包含至少一个布局模式。 进一步地,布局模式匹配模块包括: 布局类别确定模块,用于将商品图片的数量与预设条件中的图片的数量条件匹 配,确定布局模式类别; 预布局模块,用于按照某一布局模式排布形成排布图片; 尺寸参数计算模块,用于获取所述排布图片中所述对象的总尺寸参数以及获取各 所述待布局图片中所述对象的尺寸参数; 5 CN 111581552 A 说 明 书 3/9 页 模式确定模块,用于将所述排布图片中所述对象的总尺寸参数与预设条件中的排 布图片尺寸参数条件匹配,将所述待布局图片中所述对象的尺寸参数与预设条件中的待布 局图片尺寸参数匹配,在同一布局模式类别中确定一种布局模式。 第三方面,提供了一种计算机系统,包括: 一个或多个处理器;以及 与所述一个或多个处理器关联的存储器,所述存储器用于存储程序指令,所述程 序指令在被所述一个或多个处理器读取执行时,执行如上所述的图片智能布局方法。 本发明实施例提供的技术方案带来的有益效果是: 1、本发明公开的技术方案实现了智能化多图布局,自动合成banner的方法,有利 于批量生成banner,提高图片处理效率,提高了图片布局的处理质量; 2、本发明公开的技术方案基于模式化的布局方式匹配,包含不同的布局模式,能 够适应当下广告展示和网页制作的多样化需求。 附图说明 为了更清楚地说明本发明实施例中的技术方案,下面将对实施例描述中所需要使 用的附图作简单地介绍,显而易见地,下面描述中的附图仅仅是本发明的一些实施例,对于 本领域普通技术人员来讲,在不付出创造性劳动的前提下,还可以根据这些附图获得其他 的附图。 图1是本发明实施例提供的图片智能布局方法流程图; 图2是本发明实施例提供的二图布局匹配方法流程图; 图3是本发明实施例提供的三图布局匹配方法流程图; 图4是本发明实施例提供的超三图布局匹配方法流程图; 图5为二图布局中布局模式效果示意图; 图6为三图布局中布局模式效果示意图; 图7为超三图布局中布局模式效果示意图; 图8是本发明实施例提供的图片智能布局装置模块结构示意图; 图9是本发明实施例提供的执行图片智能布局方法的计算机系统结构示意图。
分享到:
收藏