CN107526489B - 图片调整方法及装置 - Google Patents
图片调整方法及装置 Download PDFInfo
- Publication number
- CN107526489B CN107526489B CN201610454746.9A CN201610454746A CN107526489B CN 107526489 B CN107526489 B CN 107526489B CN 201610454746 A CN201610454746 A CN 201610454746A CN 107526489 B CN107526489 B CN 107526489B
- Authority
- CN
- China
- Prior art keywords
- picture
- target picture
- target
- image
- value
- 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.)
- Active
Links
Images
Classifications
-
- G—PHYSICS
- G06—COMPUTING; CALCULATING OR COUNTING
- G06F—ELECTRIC DIGITAL DATA PROCESSING
- G06F3/00—Input arrangements for transferring data to be processed into a form capable of being handled by the computer; Output arrangements for transferring data from processing unit to output unit, e.g. interface arrangements
- G06F3/01—Input arrangements or combined input and output arrangements for interaction between user and computer
- G06F3/048—Interaction techniques based on graphical user interfaces [GUI]
- G06F3/0481—Interaction techniques based on graphical user interfaces [GUI] based on specific properties of the displayed interaction object or a metaphor-based environment, e.g. interaction with desktop elements like windows or icons, or assisted by a cursor's changing behaviour or appearance
-
- G—PHYSICS
- G06—COMPUTING; CALCULATING OR COUNTING
- G06F—ELECTRIC DIGITAL DATA PROCESSING
- G06F3/00—Input arrangements for transferring data to be processed into a form capable of being handled by the computer; Output arrangements for transferring data from processing unit to output unit, e.g. interface arrangements
- G06F3/01—Input arrangements or combined input and output arrangements for interaction between user and computer
- G06F3/048—Interaction techniques based on graphical user interfaces [GUI]
- G06F3/0484—Interaction techniques based on graphical user interfaces [GUI] for the control of specific functions or operations, e.g. selecting or manipulating an object, an image or a displayed text element, setting a parameter value or selecting a range
Landscapes
- Engineering & Computer Science (AREA)
- General Engineering & Computer Science (AREA)
- Theoretical Computer Science (AREA)
- Human Computer Interaction (AREA)
- Physics & Mathematics (AREA)
- General Physics & Mathematics (AREA)
- Image Analysis (AREA)
- Image Processing (AREA)
Abstract
本发明提供一种图片调整方法及装置,通过在预设的基础图片上加载目标图片;对目标图片进行图像解析;根据解析结果,确定目标图片的调整分值;根据调整分值,在基础图片的范围内对目标图片进行调整,从而实现了标准化调整目标图像,使目标图像的呈现具有良好的构图一致性。
Description
技术领域
本发明涉及图像处理技术,尤其涉及一种图片调整方法及装置。
背景技术
随着互联网技术以及电子商务的快速发展,越来越多的网络信息以图片形式向用户呈现,以达到快速建立用户对网站或网络商品的直观印象。
目前线上网站或者手机应用APP(Application,简称“APP”)内都会存在大量的图片,诸如Banner横幅广告、网站入口图等。这类图片的特点是数量多、图片更新频繁、图片尺寸有限且在有限的图片尺寸内需要包含商品、Logo徽标、产品模特或其他图形元素信息。这些都要求专业的设计师对图片进行构图设计及合理排版,以保证图片美感;同时,对图片尺寸及位置的调整还需要考虑图片的色彩体量以及多张图片同时显示时色彩体量一致性等问题。
上述过程目前通过设计师人工完成,费时费力,构图标准不统一;且在图片数量较大的情况下,很难保证所呈现图片的质量。
发明内容
本发明提供一种图片调整方法及装置,以改善现有技术中图片调整的个体差异性,提高图片调整的效率且保证图片呈现的均衡性。
一方面,本发明提供一种图片调整方法,包括:
在预设的基础图片上加载目标图片;
对所述目标图片进行图像解析;
根据解析结果,确定所述目标图片的调整分值;
根据所述调整分值,在所述基础图片的范围内对所述目标图片进行调整。
本实施例通过对目标图片进行解析,确定出目标图片的调整分值,根据该调整分值,将目标图片调整到适宜的尺寸及位置,实现了对目标图像的标准化解析及调整,保证目标图像的呈现具有良好的构图一致性。
作为一种可实现的方式,所述在预设的基础图片上加载目标图片,包括:
根据所述目标图片在所述基础图片上的预设构图位置,在所述基础图片上确定基准边界;
在所述基准边界内加载所述目标图片。
本实施例通过在基础图片上确定基准边界,实现根据目标图片与基础图片的预设构图位置,对目标图片加载在基础图片上的位置进行初步调整,即将目标图片初步调整在基准边界的范围内,实现对目标图片的快速定位。
作为一种可实现的方式,所述在所述基准边界内加载所述目标图片,包括:
根据所述目标图片的横纵比例,对所述目标图片进行收缩或放大,以使所述目标图片的上下边,和/或所述目标图片的左右边,与所述基准边界的对应边重叠。
作为一种可实现的方式,所述根据所述目标图片的横纵比例,对所述目标图片进行收缩或放大,以使所述目标图片的上下边,和/或所述目标图片的左右边,与所述基准边界的对应边重叠包括:
锁定所述目标图片的横纵比例,以锁定的横纵比例调整所述目标图片的尺寸;以使所述目标图片的上下边与所述基准边界的上下边对应重叠,所述目标图片的左右边对应于所述基准边界的左右边间距相等的距离;和/或,以使所述目标图片的左右边与所述基准边界的左右边对应重叠,所述目标图片的上下边对应于所述基准边界的上下边间距相等的距离。
本实施例通过根据目标图片的横纵比例,调整目标图片的尺寸大小,实现目标图片在基准边界内满幅且居中显示,以使目标图片在满足视觉效果的前提下充分利用基准边界的尺寸空间。
作为一种可实现的方式,所述对所述目标图片进行图像解析包括:
对所述目标图片内的主题图像与背景图像进行识别,获取所述主题图像的轮廓;
对所述背景图像进行解析,获取所述背景图像的背景色值;
根据所述主题图像的轮廓,对所述轮廓内的像素点进行解析,获取所述轮廓内每个像素点的像素点色值。
作为一种可实现的方式,所述根据解析结果,确定所述目标图片的调整分值,包括:
根据所述背景图像的背景色值、所述像素点色值,确定轮廓内每个像素点色值相对于所述背景色值的对比色值;
根据每个像素点的所述对比色值,确定所述目标图片的调整分值。
作为一种可实现的方式,所述根据所述背景图像的背景色值、所述轮廓内像素点色值,确定轮廓内每个像素点色值相对于所述背景色值的对比色值,包括:
根据所述背景图像的背景色值、所述轮廓内像素点色值,计算轮廓内每个像素点与所述背景色值之间的差值,以所述差值作为轮廓内每个像素点色值相对于所述背景色值的对比色值。
本实施例根据像素点色值与背景色间的色彩差,确定目标图片的调整分值,充分考虑了图片自身的色彩体量,使得目标图片尺寸及位置的调整能够满足图片色彩的均衡性,以满足用户视觉的舒适性。
作为一种可实现的方式,所述对所述目标图片内的主题图像与背景图像进行识别,获取所述主题图像的轮廓,包括:
基于边缘检测技术,在所述目标图片中获取所述主题图像的轮廓。
作为一种可实现的方式,所述对所述目标图片内的主题图像与背景图像进行识别,获取所述主题图像的轮廓,包括:
若在所述目标图片中识别出一个目标图像,确定所述一个目标图像的轮廓为所述主题图像的轮廓;
若在所述目标图片中识别出多个目标图像,确定包络所述多个目标图像的包络线,并将所述包络线确定为所述主题图像的轮廓。
本实施例通过在目标图片中获取得到一个或多个目标图像,以在目标图片中确定出主题图像的轮廓,轮廓的准确获取保证并提高了后续对目标图片位置及大小尺寸进行调整的准确性。
作为一种可实现的方式,所述根据各个像素点的对比色值,确定所述目标图片的调整分值,包括:
确定所述轮廓内像素点的最大对比色值,以所述最大对比色值乘以所述轮廓内像素点总个数,得到第一总对比色值;
计算所述轮廓内,全部像素点的对比色值之和,得到第二总对比色值;
确定所述目标图片的调整分值为所述第一总对比色值与所述第二总对比色值的差值。
作为一种可实现的方式,所述根据所述调整分值,在所述基础图片的范围内对所述目标图片进行调整,包括:
根据所述调整分值,在所述基础图片的范围内对所述目标图片的尺寸大小进行调整。
作为一种可实现的方式,所述根据所述调整分值,在所述基础图片的范围内对所述目标图片的尺寸大小进行调整,包括:
根据预设阈值,将所述调整分值与所述预设阈值进行比较;
若所述调整分值大于预设阈值,则增大所述目标图片在所述基础图片范围内的加载尺寸;
若所述调整分值小于预设阈值,则减小所述目标图片在所述基础图片范围内的加载尺寸。
作为一种可实现的方式,所述方法还包括:
若所述调整分值大于预设阈值,则根据所述调整分值与所述预设阈值的比值,调整所述目标图片在所述基础图片范围内的加载尺寸;所述比值越大,所述目标图片在所述基础图片范围内的加载尺寸越大;
若所述调整分值小于预设阈值,则根据所述调整分值与所述预设阈值的比值,调整所述目标图片在所述基础图片范围内的加载尺寸;所述比值越小,所述目标图片在所述基础图片范围内的加载尺寸越小。
本实施例通过将第一总对比色值与第二总对比色值进行比较,确定目标图片的调整分值,根据调整分值对目标图片进行放大或缩小,以满足用户视觉舒适度的尺寸向用户呈现该目标图片。
作为一种可实现的方式,所述方法还包括:
在所述基础图片上设置收缩边界;
相应的,所述减小所述目标图片在所述基础图片范围内的加载尺寸,包括:
根据所述收缩边界的边界范围,确定减小加载尺寸后的目标图片的边界大于等于所述收缩边界。
本实施例通过对目标图片的尺寸缩小设置收缩边界,以保证缩小后的目标图片清晰可视。
作为一种可实现的方式,所述根据每个像素点的所述对比色值,确定所述目标图片的调整分值,包括:
确定经过所述目标图片的形心且相互垂直的两条等分线,所述两条等分线将所述目标图片划分为四个子区;
计算每个子区内所包含的所述轮廓内的像素点的所述对比色值之和,得到每个子区的第三总对比色值;
确定所述目标图片的调整分值为两两相邻的两个子区的第三总对比色值之和。
作为一种可实现的方式,所述根据所述调整分值,在所述基础图片的范围内对所述目标图片进行调整,包括:
根据所述调整分值,调整所述目标图片在所述基础图片上的重心位置。
作为一种可实现的方式,所述根据所述调整分值,调整所述目标图片在所述基础图片上的重心位置,包括:
对每条等分线两边的所述调整分值进行比较;
根据比较结果,在所述基础图片的尺寸范围内将所述目标图片向每条等分线两边中具有较小所述调整分值的一边调整。
本实施例通过确定目标图片等分线两边的调整分值的比重,以对目标图像进行重心调整,保证目标图像中的主题图像可以均衡的显示在基础图片的重心位置,保证良好的图像构图结构。
作为一种可实现的方式,所述方法还包括:
在所述基础图片上设置偏移边界;
根据所述偏移边界,确定重心位置调整后的目标图片的边界不超出所述偏移边界。
作为一种可实现的方式,所述偏移边界小于等于所述基础图片的边界,且大于等于所述基准边界。
本实施例通过对目标图片的移动范围设置偏移边界,以保证移动后的目标图片在考虑主题图像重心位置的前提下,同时兼顾目标图片在基础图片边界内的整体构图位置的协调性。
作为一种可实现的方式,所述方法还包括:
对所述基础图片进行背景色彩或背景图像的设置。
作为一种可实现的方式,所述背景色彩或背景图像充满所述基础图片的边界。
本实施例通过对基础图片的背景色彩或背景图像进行设置,以调整所述目标图片的色彩均衡性,增强该目标图片的美观性。
另一方面,本发明提供一种图像调整装置。该装置的功能可以通过硬件实现,也可以通过硬件执行相应的软件实现。所述硬件或软件包括一个或多个与上述功能相对应的模块。具体地,该装置包括:
加载模块,用于在预设的基础图片上加载目标图片;
解析模块,用于对所述目标图片进行图像解析;
确定模块,用于根据解析结果,确定所述目标图片的调整分值;
调整模块,用于根据所述调整分值,在所述基础图片的范围内对所述目标图片进行调整。
本发明中通过对目标图片进行解析,确定出目标图片的调整分值,根据该调整分值,将目标图片调整到适宜的尺寸及位置,实现了对目标图像的标准化解析及调整,保证目标图像的呈现具有良好的构图一致性。
附图说明
为了更清楚地说明本发明实施例或现有技术中的技术方案,下面将对实施例或现有技术描述中所需要使用的附图作一简单地介绍,显而易见地,下面描述中的附图是本发明的一些实施例,对于本领域普通技术人员来讲,在不付出创造性劳动性的前提下,还可以根据这些附图获得其他的附图。
图1为本发明一实施例提供的图片调整方法的流程示意图;
图2为本发明一实施例提供的图片调整方法的流程示意图;
图3为图2所示实施例提供的图片调整方法的过程状态示意图;
图4为图2所示实施例提供的图片调整方法的过程状态示意图;
图5为本发明一实施例提供的图片调整方法的流程示意图;
图6为图5所示实施例提供的图片调整方法的过程状态示意图;
图7为本发明一实施例提供的图片调整方法的流程示意图;
图8为图7所示实施例提供的图片调整方法的过程状态示意图;
图9为本发明一实施例提供的图片调整方法的流程示意图;
图10为图9所示实施例提供的图片调整方法的过程状态示意图;
图11为图9所示实施例提供的图片调整方法的过程状态示意图;
图12为图9所示实施例提供的图片调整方法的过程状态示意图;
图13为本发明一实施例提供的图片调整装置的结构示意图;
图14为本发明一实施例提供的图片调整装置的结构示意图。
具体实施方式
这里将详细地对示例性实施例进行说明,其示例表示在附图中。下面的描述涉及附图时,除非另有表示,不同附图中的相同数字表示相同或相似的要素。以下示例性实施例中所描述的实施方式并不代表与本发明相一致的所有实施方式。相反,它们仅是与如所附权利要求书中所详述的、本发明的一些方面相一致的装置和方法的例子。
在本发明实施例中使用的术语是仅仅出于描述特定实施例的目的,而非旨在限制本发明。在本发明实施例和所附权利要求书中所使用的单数形式的“一种”、“所述”和“该”也旨在包括多数形式,除非上下文清楚地表示其他含义。
应当理解,本文中使用的术语“和/或”仅仅是一种描述关联对象的关联关系,表示可以存在三种关系,例如,A和/或B,可以表示:单独存在A,同时存在A和B,单独存在B这三种情况。另外,本文中字符“/”,一般表示前后关联对象是一种“或”的关系。
应当理解,尽管在本发明实施例中可能采用术语第一、第二、第三等来描述XXX,但这些XXX不应限于这些术语。这些术语仅用来将XXX彼此区分开。例如,在不脱离本发明实施例范围的情况下,第一XXX也可以被称为第二XXX,类似地,第二XXX也可以被称为第一XXX。
取决于语境,如在此所使用的词语“如果”、“若”可以被解释成为“在……时”或“当……时”或“响应于确定”或“响应于检测”。类似地,取决于语境,短语“如果确定”或“如果检测(陈述的条件或事件)”可以被解释成为“当确定时”或“响应于确定”或“当检测(陈述的条件或事件)时”或“响应于检测(陈述的条件或事件)”。
还需要说明的是,术语“包括”、“包含”或者其任何其他变体意在涵盖非排他性的包含,从而使得包括一系列要素的商品或者***不仅包括那些要素,而且还包括没有明确列出的其他要素,或者是还包括为这种商品或者***所固有的要素。在没有更多限制的情况下,由语句“包括一个……”限定的要素,并不排除在包括所述要素的商品或者***中还存在另外的相同要素。
图1为本发明一实施例提供的图片调整方法的流程示意图。本实施例的执行主体可以为图片调整装置,该装置可以通过硬件实现,也可以通过硬件执行相应的软件实现。该装置可以被实现在任何具备处理器及显示装置的终端设备中。该终端设备例如可以是移动终端,服务器终端等。该移动终端包括平板、手机等。该服务器终端包括云端服务器、网站服务器等。
下面以服务器终端为网站服务器,该图片调整装置以硬件或通过硬件执行相应的软件的形式设置在网站服务器内为例,对本发明的图片调整方法的具体实现方式进行详细说明。如图1所示,该流程包括:
步骤101、在预设的基础图片上加载目标图片。
基础图片是网站服务器根据网站属性,预留的待投放的图片区域。如网站或APP中的Banner横幅广告、网站入口图等,这些图片投放区域有其自身的属性参数,如预设的图片尺寸,图片格式、图片像素等。基础图片就是符合上述图片投放区域属性的,且用于承载待加载的目标图片的基底图片,该基础图片可以是一仅限定了图片尺寸的透明基底图片,也可以是一具有背景色彩或背景图片的基底图片。
目标图片指在网站或APP中的Banner横幅广告、网站入口图等中向用户显示的图片。在对网站中的上述图片的设计过程中,需要根据网站提供的基础图片所限定的图片属性(图片尺寸、图片格式、图片像素值等),将目标图片加载在该基础图片上,加载后从显示效果上来看,目标图片可以完全覆盖基础图片的显示区域,或部分覆盖基础图片的显示区域。
步骤102、对目标图片进行图像解析。
通过图像处理技术,对目标图片内的图像进行识别,以确定目标图片内包含的图像内容;还可以对目标图片的色彩进行分析,以确定目标图片的色调、色彩均衡度等属性信息。
步骤103、根据解析结果,确定目标图片的调整分值。
根据解析得到目标图片的图像内容,目标图片的色调、色彩均衡度等属性信息,确定目标图片的调整分值。
步骤104、根据调整分值,在基础图片的范围内对目标图片进行调整。
本实施例通过对目标图片进行解析,确定出目标图片的调整分值,根据该调整分值,将目标图片调整到适宜的尺寸及位置,实现了对目标图像的标准化解析及调整,保证目标图像的呈现具有良好的构图一致性。
下面采用详细的实施例,对本发明的图片调整方法的过程进行详细说明。下面这几个具体的实施例可以相互结合,对于相同或相似的概念或过程在某些实施例不再赘述。
图2为本发明一实施例提供的图片调整方法的流程示意图。本实施例采用一个具体的实施例,对上述实施例中的步骤101进行详细说明。该流程包括:
步骤201、根据目标图片在基础图片的预设构图位置,在基础图片上确定基准边界。
预设构图位置通常是根据所期望的目标图片在基础图片中的大致位置而对目标图片进行的初步定位,该基准边界小于等于基础图片的边界范围,基准边界可以相对于基础图片的边界范围居中设置,或者任意边与基础图片的边界重合设置。其中,基准边界与基础图片的一位置构成关系如图3所示。通过在基础图片上确定基准边界,实现根据目标图片与基础图片的预设构图位置,对目标图片加载在基础图片上的位置进行初步调整,即将目标图片初步调整在基准边界的范围内,可实现对目标图片的快速定位。
步骤202、在基准边界内加载目标图片。
基于基准边界的范围,加载目标图片的过程中,具体可以根据目标图片的横纵比例,对目标图片进行收缩或放大,以使目标图片的上下边,和/或目标图片的左右边,与基准边界的对应边重叠。也就是说,根据目标图片的横纵比例,适应性地调整目标图片的尺寸。可以采用锁定横纵比例或不锁定横纵比例,若采用不锁定横纵比例的方式,则还需要确保目标图片被拉伸或收缩后的图像识别度,保证图像不失真。
进一步地,对于锁定横纵比例的情况,具体过程可以通过锁定目标图片的横纵比例,以锁定的横纵比例调整目标图片的尺寸;以使目标图片的上下边与基准边界的上下边对应重叠,目标图片的左右边对应于基准边界的左右边间距相等的距离;和/或,以使目标图片的左右边与基准边界的左右边对应重叠,目标图片的上下边对应于基准边界的上下边间距相等的距离。也就是说,使目标图片如图4所示,主题图像为手机的目标图片被满幅居中显示在基准边界的范围内。
本实施例通过根据目标图片的横纵比例,调整目标图片的尺寸大小,以实现目标图片在基准边界内满幅且居中显示,以使目标图片在满足视觉效果的前提下充分利用基准边界的尺寸空间。
图5为本发明一实施例提供的图片调整方法的流程示意图。本实施例采用一个具体的实施例,对上述实施例中的步骤102、对目标图片进行图像解析;步骤103、根据解析结果,确定目标图片的调整分值;进行详细说明。
步骤501、对目标图片内的主题图像与背景图像进行识别,获取主题图像的轮廓。
主题图像指目标图片核心或重点需要体现的内容,举例来说,假设目标图片为一手机的宣传图片,该手机放置在一个展示桌面上,则该展示桌面相对于手机来说就是该目标图片的背景图像,而手机整体为该目标图片的主题图像。基于现有的图像识别技术对目标图片中的主题图像与背景图像进行识别,以确定重点需要显示的主题图像在该目标图片中的位置。本发明对识别主题图像与背景图像的图像识别技术不作限定。
在目标图片中识别出主题图像与背景图像后,获取主题图像的轮廓,以确定主题图像在目标图像中的确切位置。该轮廓的获取可以通过采集构成轮廓的每个像素点的位置坐标,以准确确定该轮廓相对于目标图片的位置;或者通过在主题图像的轮廓上每间隔预设距离,采集一个像素点的位置坐标,并对采集得到的各个像素点的坐标进行曲线拟合,从而得到该主题图像的轮廓。前一种轮廓获取方法可以较为准确的获取到主题图像的确切轮廓,但计算速度较慢;后一种轮廓获取方法可以较为快速的定位得到主题图像的轮廓,但轮廓的准确性相对于前一种情况略差。
可选的,获取目标图片的主题图像的轮廓的过程,具体可以基于边缘检测技术,在目标图片中获取主题图像的轮廓。若在目标图片中识别出一个目标图像,则确定该目标图像的轮廓为主题图像的轮廓;若在目标图片中识别出多个目标图像,则确定包络多个目标图像的包络线,并将该包络线确定为主题图像的轮廓。这里的目标图像就是目标图片中显示出图片主题内容的图像,其数量可以为一个或多个,例如,目标图片中有多名模特展示一组服饰,则多名模特均为目标图像,则主题图像的轮廓为包络所有模特的包络线。其中,对于目标图像中存在的镂空空间或多个目标图像间的镂空部分不用进行去除处理,镂空的部分也被纳入主题图像的轮廓范围。通过在目标图片中获取得到一个或多个目标图像,以在目标图片中确定出主题图像的轮廓,对主题图像的轮廓的准确获取保证了后续对目标图片位置及大小尺寸调整的准确性。
步骤502、对背景图像进行解析,获取背景图像的背景色值。
步骤503、根据主题图像的轮廓,对轮廓内的像素点进行解析,获取轮廓内每个像素点的像素点色值。
通过对轮廓内的像素点进行解析,得到目标图片的色调、色彩均衡度等属性信息,从而基于图像的色彩对目标图片进行调整,以使调整后的目标图片满足用户的视觉舒适性。
步骤504、根据背景图像的背景色值、像素点色值,确定轮廓内每个像素点色值相对于背景色值的对比色值。
背景色值为最能代表目标图片的背景颜色的色彩值;若目标图片的背景图像为纯色图像,则该背景色值为该纯色的色彩值;若目标图片的背景图像为多种色彩混合的图像,则该背景色值的获取可以通过:采集构成背景图像的每个像素点的色彩值,计算背景图像中所有像素点的色彩总值与所有像素点数目的比值,得到背景图像的背景色值;还可以通过对背景图像进行区域划分,将相近色彩的像素点划分为一类,对每类取一平均的色彩值,再根据每类平均的色彩值和类的数目统计整个背景图像的背景色值。其中,对相近色彩的像素点范围的设定可由本领域技术人员自行设定,本发明对此不作限制。
根据主题图像的轮廓,将构成目标图片的各个像素点划分为轮廓内的像素点与轮廓外的像素点,该轮廓外的像素点也就是构成背景图片的像素点。获取轮廓内的每个像素点的像素点色值,该像素点色值指每个像素点的实际色彩值。
根据背景图像的背景色值、像素点色值,计算轮廓内每个像素点与背景色值之间的差值,以该差值作为轮廓内每个像素点色值相对于背景色值的对比色值。当然,也可以采用每个像素点与背景色值之间的比值,或者两者间的其他运算得到像素点色值相对于背景色值的对比色值。
如图6所示,采集主题图像的轮廓内的每个像素点的色值,该色值为像素点的原始色彩值,可以根据色彩梯度表查找到像素点的对应色值。再将预先获取或计算得到的背景色值与每个轮廓内像素点的色值做差,以该差值作为每个像素点的对比色值,也就是说,像素点的色值与背景色值对比越强烈,则对比色值越高,反之则越低。其中,对背景色值的取值方法如前所述,在此不再赘述。
步骤505、根据每个像素点的对比色值,确定所述目标图片的调整分值。
根据目标图片的调整方式的不同,调整分值的确定过程也不同。调整方式可以为对目标图片的尺寸进行调整或对目标图片在基础图片上的加载重心位置进行调整,本领域技术人员可以根据不同的调整方式,确定对应的调整分值。
图7为本发明一实施例提供的图片调整方法的流程示意图。本实施例采用一个具体的实施例,对目标图片的尺寸调整进行详细说明。
针对目标图片的尺寸大小进行调整的过程,可以根据每个像素点的对比色值,确定目标图片的调整分值,该调整分值的确定过程为:
步骤701、确定轮廓内像素点的最大对比色值,以最大对比色值乘以轮廓内像素点总个数,得到第一总对比色值。
步骤702、计算轮廓内,全部像素点的对比色值之和,得到第二总对比色值。
步骤703、确定目标图片的调整分值为第一总对比色值与第二总对比色值的差值。
具体的,获取轮廓内所有像素点的对比色值,选出其中对比色值最大的像素点,以该像素点的对比色值乘以轮廓内所有像素点的个数,得到该第一总对比色值;再将轮廓内所有像素点的对比色值相加,得到该第二总对比色值。第一总对比色值与第二总对比色值再相减,得到该调整分值。根据该调整分值,可以调整目标图片在基础图片上的加载尺寸,以将目标图片以适宜大小呈现在基础图片上。例如,对于较大的调整分值,也就是主题图像与背景图像色彩较为接近的目标图片,可以适当将图片尺寸设置得大些,以使用户可以清晰识别主题图像。对于较小的调整分值,也就是主题图像与背景图像对比强烈的图片,可以适当将图片尺寸设置得小些,以减少目标图片对人眼视觉的冲击力度。
相应的,根据调整分值,在基础图片的范围内对目标图片的尺寸大小进行调整的具体过程为:
步骤704、根据预设阈值,将调整分值与预设阈值进行比较,若调整分值大于预设阈值,执行步骤705;若调整分值小于预设阈值,执行步骤706。
步骤705、增大目标图片在基础图片范围内的加载尺寸。
步骤706、减小目标图片在基础图片范围内的加载尺寸。
其中,若调整分值大于预设阈值,可以根据调整分值与预设阈值的比值,调整目标图片在基础图片范围内的加载尺寸;且比值越大,目标图片在基础图片范围内的加载尺寸越大;若调整分值小于预设阈值,可以根据调整分值与预设阈值的比值,调整目标图片在基础图片范围内的加载尺寸;且比值越小,目标图片在基础图片范围内的加载尺寸越小。
可选的,为了保证目标图片在基础图片上的显示比例,避免对目标图片调整得过小,可以在基础图片上设置收缩边界,当减小目标图片在基础图片范围内的加载尺寸时,根据该收缩边界的边界范围,确定减小加载尺寸后的目标图片的边界大于等于该收缩边界。当调整分值与预设阈值的比值越大则说明主题图像与背景色彩越接近,则可将目标图片放大,直至基准边界。反之则缩小目标图片,直至收缩边界。如图8所示,目标图片在基准边界与收缩边界之间伸缩调整,
本实施例通过将目标图片的调整分值与预设阈值进行比对,对目标图片进行放大与缩小的尺寸调整,从视觉角度对主题图像与背景图像对比强烈的目标图片以小尺寸呈现,对主题图像与背景图像对比不明显的目标图片以大尺寸呈现,提高用户视觉的舒适度,并保证了图片的色彩体量以及多张图片间的色彩体量一致性。
图9为本发明一实施例提供的图片调整方法的流程示意图。本实施例采用一个具体的实施例,对目标图片的重心调整进行详细说明。
针对目标图片的重心调整的过程,可以根据每个像素点的对比色值,确定目标图片的调整分值,该调整分值的确定过程为:
步骤901、确定经过目标图片的形心且相互垂直的两条等分线,两条等分线将目标图片划分为四个子区。
步骤902、计算每个子区内所包含的轮廓内的像素点的对比色值之和,得到每个子区的第三总对比色值。
步骤903、确定目标图片的调整分值为两两相邻的两个子区的第三总对比色值之和。
相应的,根据调整分值,调整目标图片在基础图片上的重心位置的具体过程为:
步骤904、对每条等分线两边的调整分值进行比较。
步骤905、根据比较结果,在基础图片的尺寸范围内将所述目标图片向每条等分线两边中具有较小所述调整分值的一边调整。
可选的,为了保证目标图片在基础图片上的显示比例,避免目标图片调整后超出基础图片的边界范围,可以在基础图片上设置偏移边界;根据偏移边界,确定重心位置调整后的目标图片的边界不超出偏移边界。其中,偏移边界小于等于基础图片的边界,且大于等于基准边界。通过对目标图片的移动范围设置偏移边界,以保证移动后的目标图片在考虑主题图像重心位置的前提下,兼顾目标图片在基础图片边界内的整体构图的协调性。
上述过程的具体实现,可参考图10所示界面,首先选取经过目标图片的形心且相互垂直的两条等分线(A与B),采用两条等分线(A与B)将目标图片划分为四个子区(C、D、E、F);分别计算C、D、E、F区域内主题图像的轮廓范围内的所有像素点的对比色值之和,得到C、D、E、F每个子区内的第三总对比色值。将C子区与D子区的第三总对比色值相加,将E子区与F子区的第三总对比色值相加,根据C、D之和,E、F之和的分值进行垂直偏移调整,调整的方向为分值小的区域所在方向(如图11所示,目标图像向箭头G所示的方向移动)为了更好的说明重心调整的效果,假设手机的主题图像没有位于目标图像的中心位置。同理,将C子区与E子区的第三总对比色值相加,将D子区与F子区的第三总对比色值相加,根据C、E之和,E、F之和的分值进行水平偏移调整,调整的方向为分值小的区域所在方向(如图12所示,目标图像向箭头G所示的方向移动)。
基于上述实施例,可选的,该方法还可以包括:对基础图片进行背景色彩或背景图像的设置。其中,背景色彩或背景图像可以充满基础图片的边界,或者以预设的位置对基础图片进行填充。通过对基础图片的背景色彩或背景图像进行设置,以调整目标图片的色彩均衡性,增强该目标图片的美观性。
图13为本发明一实施例提供的图片调整装置的结构示意图。如图13所示,该装置包括:
加载模块1,用于在预设的基础图片上加载目标图片。
解析模块2,用于对目标图片进行图像解析。
确定模块3,用于根据解析结果,确定目标图片的调整分值。
调整模块4,用于根据调整分值,在基础图片的范围内对目标图片进行调整。
本实施例提供的装置,可用于执行上述方法实施例,其实现原理和技术效果类似,本实施例此处不再赘述。
图14为本发明一实施例提供的图片调整装置的结构示意图。本实施例在图13实施例的基础上,
可选的,解析模块2包括:
轮廓识别模块21,用于对目标图片内的主题图像与背景图像进行识别,获取主题图像的轮廓。
背景解析模块22,用于对背景图像进行解析,获取背景图像的背景色值。
像素点解析模块23,用于根据主题图像的轮廓,对轮廓内的像素点进行解析,获取轮廓内每个像素点的像素点色值。
可选的,确定模块3包括:
对比色值确定模块31,用于根据背景图像的背景色值、像素点色值,确定轮廓内每个像素点色值相对于背景色值的对比色值。
调整分值确定模块32,用于根据每个像素点的对比色值,确定主题图像与背景图像之间的调整分值。
可选的,调整模块4包括:
尺寸调整模块41,用于根据调整分值,在基础图片的范围内对目标图片的尺寸大小进行调整。
可选的,调整模块4包括:
重心调整模块42,用于根据调整分值,调整目标图片在基础图片上的重心位置。
本实施例提供的装置,可用于执行上述方法实施例,其实现原理和技术效果类似,本实施例此处不再赘述。
最后应说明的是:以上各实施例仅用以说明本发明的技术方案,而非对其限制;尽管参照前述各实施例对本发明进行了详细的说明,本领域的普通技术人员应当理解:其依然可以对前述各实施例所记载的技术方案进行修改,或者对其中部分或者全部技术特征进行等同替换;而这些修改或者替换,并不使相应技术方案的本质脱离本发明各实施例技术方案的范围。
Claims (21)
1.一种图片调整方法,其特征在于,包括:
在预设的基础图片上加载目标图片;
对所述目标图片进行图像解析;
根据解析结果,确定所述目标图片的调整分值;
根据所述调整分值,在所述基础图片的范围内对所述目标图片进行调整;
所述对所述目标图片进行图像解析包括:
对所述目标图片内的主题图像与背景图像进行识别,获取所述主题图像的轮廓;
对所述背景图像进行解析,获取所述背景图像的背景色值;
根据所述主题图像的轮廓,对所述轮廓内的像素点进行解析,获取所述轮廓内的像素点的像素点色值;
所述根据解析结果,确定所述目标图片的调整分值,包括:
根据所述背景图像的背景色值、所述像素点色值,确定轮廓内的像素点色值相对于所述背景色值的对比色值;
根据所述像素点的所述对比色值,确定所述目标图片的调整分值;
所述根据所述背景图像的背景色值、所述像素点色值,确定轮廓内的像素点色值相对于所述背景色值的对比色值,包括:
根据所述背景图像的背景色值、所述像素点色值,计算轮廓内所述像素点与所述背景色值之间的差值,以所述差值作为轮廓内的像素点色值相对于所述背景色值的对比色值。
2.根据权利要求1所述的方法,其特征在于,所述在预设的基础图片上加载目标图片,包括:
根据所述目标图片在所述基础图片上的预设构图位置,在所述基础图片上确定基准边界;
在所述基准边界内加载所述目标图片。
3.根据权利要求2所述的方法,其特征在于,所述在所述基准边界内加载所述目标图片,包括:
根据所述目标图片的横纵比例,对所述目标图片进行收缩或放大,以使所述目标图片的上下边,和/或所述目标图片的左右边,与所述基准边界的对应边重叠。
4.根据权利要求3所述的方法,其特征在于,所述根据所述目标图片的横纵比例,对所述目标图片进行收缩或放大,以使所述目标图片的上下边,和/或所述目标图片的左右边,与所述基准边界的对应边重叠包括:
锁定所述目标图片的横纵比例,以锁定的横纵比例调整所述目标图片的尺寸;以使所述目标图片的上下边与所述基准边界的上下边对应重叠,所述目标图片的左右边对应于所述基准边界的左右边间距相等的距离;和/或,以使所述目标图片的左右边与所述基准边界的左右边对应重叠,所述目标图片的上下边对应于所述基准边界的上下边间距相等的距离。
5.根据权利要求1所述的方法,其特征在于,所述对所述目标图片内的主题图像与背景图像进行识别,获取所述主题图像的轮廓,包括:
基于边缘检测技术,在所述目标图片中获取所述主题图像的轮廓。
6.根据权利要求1所述的方法,其特征在于,所述对所述目标图片内的主题图像与背景图像进行识别,获取所述主题图像的轮廓,包括:
若在所述目标图片中识别出一个目标图像,确定所述一个目标图像的轮廓为所述主题图像的轮廓;
若在所述目标图片中识别出多个目标图像,确定包络所述多个目标图像的包络线,并将所述包络线确定为所述主题图像的轮廓。
7.根据权利要求1所述的方法,其特征在于,所述根据每个像素点的所述对比色值,确定所述目标图片的调整分值,包括:
确定所述轮廓内像素点的最大对比色值,以所述最大对比色值乘以所述轮廓内像素点总个数,得到第一总对比色值;
计算所述轮廓内,全部像素点的对比色值之和,得到第二总对比色值;
确定所述目标图片的调整分值为所述第一总对比色值与所述第二总对比色值的差值。
8.根据权利要求7所述的方法,其特征在于,所述根据所述调整分值,在所述基础图片的范围内对所述目标图片进行调整,包括:
根据所述调整分值,在所述基础图片的范围内对所述目标图片的尺寸大小进行调整。
9.根据权利要求8所述的方法,其特征在于,所述根据所述调整分值,在所述基础图片的范围内对所述目标图片的尺寸大小进行调整,包括:
根据预设阈值,将所述调整分值与所述预设阈值进行比较;
若所述调整分值大于预设阈值,则增大所述目标图片在所述基础图片范围内的加载尺寸;
若所述调整分值小于预设阈值,则减小所述目标图片在所述基础图片范围内的加载尺寸。
10.根据权利要求9所述的方法,其特征在于,所述方法还包括:
若所述调整分值大于预设阈值,则根据所述调整分值与所述预设阈值的比值,调整所述目标图片在所述基础图片范围内的加载尺寸;所述比值越大,所述目标图片在所述基础图片范围内的加载尺寸越大;
若所述调整分值小于预设阈值,则根据所述调整分值与所述预设阈值的比值,调整所述目标图片在所述基础图片范围内的加载尺寸;所述比值越小,所述目标图片在所述基础图片范围内的加载尺寸越小。
11.根据权利要求10所述的方法,其特征在于,所述方法还包括:
在所述基础图片上设置收缩边界;
相应的,所述减小所述目标图片在所述基础图片范围内的加载尺寸,包括:
根据所述收缩边界的边界范围,确定减小加载尺寸后的目标图片的边界大于等于所述收缩边界。
12.根据权利要求2所述的方法,其特征在于,所述根据每个像素点的所述对比色值,确定所述目标图片的调整分值,包括:
确定经过所述目标图片的形心且相互垂直的两条等分线,所述两条等分线将所述目标图片划分为四个子区;
计算每个子区内所包含的所述轮廓内的像素点的所述对比色值之和,得到每个子区的第三总对比色值;
确定所述目标图片的调整分值为两两相邻的两个子区的第三总对比色值之和。
13.根据权利要求12所述的方法,其特征在于,所述根据所述调整分值,在所述基础图片的范围内对所述目标图片进行调整,包括:
根据所述调整分值,调整所述目标图片在所述基础图片上的重心位置。
14.根据权利要求13所述的方法,其特征在于,所述根据所述调整分值,调整所述目标图片在所述基础图片上的重心位置,包括:
对每条等分线两边的所述调整分值进行比较;
根据比较结果,在所述基础图片的尺寸范围内将所述目标图片向每条等分线两边中具有较小所述调整分值的一边调整。
15.根据权利要求14所述的方法,其特征在于,所述方法还包括:
在所述基础图片上设置偏移边界;
根据所述偏移边界,确定重心位置调整后的目标图片的边界不超出所述偏移边界。
16.根据权利要求15所述的方法,其特征在于,所述偏移边界小于等于所述基础图片的边界,且大于等于所述基准边界。
17.根据权利要求1所述的方法,其特征在于,所述方法还包括:
对所述基础图片进行背景色彩或背景图像的设置。
18.根据权利要求17所述的方法,其特征在于,所述背景色彩或背景图像充满所述基础图片的边界。
19.一种图片调整装置,其特征在于,包括:
加载模块,用于在预设的基础图片上加载目标图片;
解析模块,用于对所述目标图片进行图像解析;
确定模块,用于根据解析结果,确定所述目标图片的调整分值;
调整模块,用于根据所述调整分值,在所述基础图片的范围内对所述目标图片进行调整;
所述解析模块包括:
轮廓识别模块,用于对所述目标图片内的主题图像与背景图像进行识别,获取所述主题图像的轮廓;
背景解析模块,用于对所述背景图像进行解析,获取所述背景图像的背景色值;
像素点解析模块,用于根据所述主题图像的轮廓,对所述轮廓内的像素点进行解析,获取所述轮廓内的像素点的像素点色值;
所述确定模块,包括:
对比色值确定模块,用于根据所述背景图像的背景色值、所述像素点色值,确定轮廓内的像素点色值相对于所述背景色值的对比色值;
调整分值确定模块,用于根据所述像素点的所述对比色值,确定所述目标图片的调整分值;
所述对比色值确定模块,具体用于根据所述背景图像的背景色值、所述像素点色值,计算轮廓内的像素点与所述背景色值之间的差值,以所述差值作为轮廓内的像素点色值相对于所述背景色值的对比色值。
20.根据权利要求19所述的装置,其特征在于,所述调整模块包括:
尺寸调整模块,用于根据所述调整分值,在所述基础图片的范围内对所述目标图片的尺寸大小进行调整。
21.根据权利要求19所述的装置,其特征在于,所述调整模块包括:
重心调整模块,用于根据所述调整分值,调整所述目标图片在所述基础图片上的重心位置。
Priority Applications (1)
Application Number | Priority Date | Filing Date | Title |
---|---|---|---|
CN201610454746.9A CN107526489B (zh) | 2016-06-21 | 2016-06-21 | 图片调整方法及装置 |
Applications Claiming Priority (1)
Application Number | Priority Date | Filing Date | Title |
---|---|---|---|
CN201610454746.9A CN107526489B (zh) | 2016-06-21 | 2016-06-21 | 图片调整方法及装置 |
Publications (2)
Publication Number | Publication Date |
---|---|
CN107526489A CN107526489A (zh) | 2017-12-29 |
CN107526489B true CN107526489B (zh) | 2020-10-16 |
Family
ID=60735339
Family Applications (1)
Application Number | Title | Priority Date | Filing Date |
---|---|---|---|
CN201610454746.9A Active CN107526489B (zh) | 2016-06-21 | 2016-06-21 | 图片调整方法及装置 |
Country Status (1)
Country | Link |
---|---|
CN (1) | CN107526489B (zh) |
Families Citing this family (2)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
CN109947973B (zh) * | 2018-09-21 | 2020-08-18 | 北京字节跳动网络技术有限公司 | 展示区域的背景配置方法、装置、设备及可读介质 |
CN111290810B (zh) * | 2020-01-19 | 2021-10-15 | 维沃移动通信有限公司 | 一种图像显示方法及电子设备 |
Family Cites Families (6)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
WO2005084405A2 (en) * | 2004-03-03 | 2005-09-15 | Virtual Iris Studios, Inc. | System for delivering and enabling interactivity with images |
CN101582254B (zh) * | 2008-05-13 | 2011-06-15 | 华为终端有限公司 | 一种图像呈现方法及装置 |
US8416264B2 (en) * | 2008-11-03 | 2013-04-09 | Sony Mobile Communications Ab | Method and device for optimizing an image displayed on a screen |
CN102073650A (zh) * | 2009-11-25 | 2011-05-25 | 阿里巴巴集团控股有限公司 | 一种网页自适应调节的方法和设备 |
CN103677720A (zh) * | 2013-12-25 | 2014-03-26 | 乐视网信息技术(北京)股份有限公司 | 一种基于网站的图片显示方法及装置 |
CN105096354A (zh) * | 2014-05-05 | 2015-11-25 | 腾讯科技(深圳)有限公司 | 一种图像处理的方法和装置 |
-
2016
- 2016-06-21 CN CN201610454746.9A patent/CN107526489B/zh active Active
Also Published As
Publication number | Publication date |
---|---|
CN107526489A (zh) | 2017-12-29 |
Similar Documents
Publication | Publication Date | Title |
---|---|---|
CN110147774B (zh) | 表格式图片版面分析方法和计算机存储介质 | |
KR102304674B1 (ko) | 얼굴 표정 합성 방법과 장치, 전자 기기, 및 저장 매체 | |
US11037281B2 (en) | Image fusion method and device, storage medium and terminal | |
EP3745339A1 (en) | Method for implanting advertisements in video, and computer device | |
US9547908B1 (en) | Feature mask determination for images | |
US11182885B2 (en) | Method and apparatus for implementing image enhancement, and electronic device | |
US20120299945A1 (en) | Method, system and computer program product for automatic and semi-automatic modificatoin of digital images of faces | |
CN108874145B (zh) | 一种图像处理方法、计算设备及存储介质 | |
CN108961158B (zh) | 一种图像合成方法及装置 | |
CN107239390B (zh) | 校对应用界面信息的方法和装置 | |
Chen et al. | Improved seam carving combining with 3D saliency for image retargeting | |
GB2456494A (en) | Photographic montage creation using automatic cropping controlled by characteristics of the images | |
CN111652144B (zh) | 基于目标区域融合的题目分割方法、装置、设备和介质 | |
US11144717B2 (en) | Automatic generation of document layouts | |
CN111881846B (zh) | 图像处理方法和相关装置、设备、存储介质 | |
CN107526489B (zh) | 图片调整方法及装置 | |
CN104751406A (zh) | 一种用于对图像进行虚化的方法和装置 | |
CN111652140A (zh) | 基于深度学习的题目精准分割方法、装置、设备和介质 | |
CN109656652A (zh) | 网页图表绘制方法、装置、计算机设备和存储介质 | |
CN114845158A (zh) | 视频封面的生成方法、视频发布方法及相关设备 | |
CN113763440A (zh) | 一种图像处理方法、装置、设备及存储介质 | |
CN111179287A (zh) | 人像实例分割方法、装置、设备及存储介质 | |
CN104933430B (zh) | 一种用于移动终端的交互式图像处理方法及*** | |
CN111275610A (zh) | 一种人脸变老图像处理方法及*** | |
CN111107264A (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 | ||
REG | Reference to a national code |
Ref country code: HK Ref legal event code: DE Ref document number: 1248850 Country of ref document: HK |
|
GR01 | Patent grant | ||
GR01 | Patent grant |