CN113592983A - 一种图像处理方法、装置及计算机可读存储介质 - Google Patents
一种图像处理方法、装置及计算机可读存储介质 Download PDFInfo
- Publication number
- CN113592983A CN113592983A CN202010368185.7A CN202010368185A CN113592983A CN 113592983 A CN113592983 A CN 113592983A CN 202010368185 A CN202010368185 A CN 202010368185A CN 113592983 A CN113592983 A CN 113592983A
- Authority
- CN
- China
- Prior art keywords
- image
- management component
- area
- cover
- target image
- 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
- 238000003672 processing method Methods 0.000 title claims abstract description 18
- 238000000034 method Methods 0.000 claims abstract description 42
- 230000004927 fusion Effects 0.000 claims description 6
- 238000004590 computer program Methods 0.000 claims description 5
- 238000001514 detection method Methods 0.000 claims description 3
- 238000010586 diagram Methods 0.000 description 26
- 230000006870 function Effects 0.000 description 13
- 230000015654 memory Effects 0.000 description 9
- 210000003811 finger Anatomy 0.000 description 8
- 230000008859 change Effects 0.000 description 4
- 230000008878 coupling Effects 0.000 description 3
- 238000010168 coupling process Methods 0.000 description 3
- 238000005859 coupling reaction Methods 0.000 description 3
- 230000008569 process Effects 0.000 description 3
- 230000009467 reduction Effects 0.000 description 3
- 238000004891 communication Methods 0.000 description 2
- 230000000694 effects Effects 0.000 description 2
- 230000003321 amplification Effects 0.000 description 1
- 238000005034 decoration Methods 0.000 description 1
- 238000005516 engineering process Methods 0.000 description 1
- 230000033001 locomotion Effects 0.000 description 1
- 238000012986 modification Methods 0.000 description 1
- 230000004048 modification Effects 0.000 description 1
- 238000003199 nucleic acid amplification method Methods 0.000 description 1
- 230000003287 optical effect Effects 0.000 description 1
- 238000003825 pressing Methods 0.000 description 1
- 238000000638 solvent extraction Methods 0.000 description 1
- 238000006467 substitution reaction Methods 0.000 description 1
- 210000003813 thumb Anatomy 0.000 description 1
- 230000001960 triggered effect Effects 0.000 description 1
Images
Classifications
-
- G—PHYSICS
- G06—COMPUTING; CALCULATING OR COUNTING
- G06T—IMAGE DATA PROCESSING OR GENERATION, IN GENERAL
- G06T11/00—2D [Two Dimensional] image generation
- G06T11/80—Creating or modifying a manually drawn or painted image using a manual input device, e.g. mouse, light pen, direction keys on keyboard
-
- G—PHYSICS
- G06—COMPUTING; CALCULATING OR COUNTING
- G06T—IMAGE DATA PROCESSING OR GENERATION, IN GENERAL
- G06T7/00—Image analysis
- G06T7/10—Segmentation; Edge detection
-
- G—PHYSICS
- G06—COMPUTING; CALCULATING OR COUNTING
- G06T—IMAGE DATA PROCESSING OR GENERATION, IN GENERAL
- G06T2207/00—Indexing scheme for image analysis or image enhancement
- G06T2207/20—Special algorithmic details
- G06T2207/20112—Image segmentation details
- G06T2207/20132—Image cropping
Landscapes
- Engineering & Computer Science (AREA)
- Physics & Mathematics (AREA)
- General Physics & Mathematics (AREA)
- Theoretical Computer Science (AREA)
- Computer Vision & Pattern Recognition (AREA)
- Processing Or Creating Images (AREA)
Abstract
本发明实施例提供了一种图像处理方法、装置及计算机可读存储介质,其中方法包括:获取目标图像,检测对应用的图像编辑界面中的该目标图像和/或管理组件的编辑操作,该管理组件包括封面区域管理组件和头像区域管理组件,并根据该编辑操作从目标图像中确定出作为封面的第一图像区域和作为头像的第二图像区域,从而针对用户提交的一张图像同时进行封面和头像裁剪,可以有效简化设置封面和头像时的操作,并且具备较强的灵活性,可以充分满足用户的个性化设置需求。
Description
技术领域
本发明涉及计算机技术领域,尤其涉及一种图像处理方法、装置及计算机可读存储介质。
背景技术
目前,即时通讯等社交类应用已经非常普及,可以说是智能手机、平板电脑等用户终端的必备应用。为满足用户的个性化需求,这类应用通常会允许用户自由设置封面以及头像,但在实际使用中发现,设置封面以及头像通常需要分别上传图像并进行剪裁,导致封面和头像的设置操作较为繁琐,另外,也有部分社交应用支持在上传封面的图像时,直接采用封面图像中固定位置处的图像区域作为头像,但此时生成用户的头像往往难以达到用户的要求。可见,如何简化设置封面和头像时的操作,并且能够满足用户的个性化需求已成为亟待解决的问题。
发明内容
本发明实施例提供一种图像处理方法、装置及计算机可读存储介质,可以有效简化设置封面和头像时的操作,并且具备较强的灵活性,可以充分满足用户的个性化设置需求。
第一方面,本发明实施例提供了一种图像处理方法,所述方法包括:
获取目标图像。
检测对应用的图像编辑界面中的所述目标图像和/或管理组件的编辑操作,其中,所述管理组件包括封面区域管理组件和头像区域管理组件。
根据所述编辑操作从所述目标图像中确定出作为封面的第一图像区域和作为头像的第二图像区域。
第二方面,本发明实施例提供了一种图像处理装置,所述装置包括:
获取模块,用于获取目标图像。
检测模块,用于检测对应用的图像编辑界面中的所述目标图像和/或管理组件的编辑操作,其中,所述管理组件包括封面区域管理组件和头像区域管理组件。
处理模块,用于根据所述编辑操作从所述目标图像中确定出作为封面的第一图像区域和作为头像的第二图像区域。
第三方面,本发明实施例提供了一种用户终端,所述用户终端包括处理器、存储装置、网络接口以及输入/输出设备,所述处理器、存储装置、网络接口以及输入/输出设备相互连接,其中,所述网络接口受所述处理器的控制用于收发数据,所述输入/输出设备用于检测触摸操作以及输出图像,所述存储装置用于存储计算机程序,所述计算机程序包括程序指令,所述处理器被配置用于调用所述程序指令,用于执行第一方面所述的图像处理方法。
第四方面,本发明实施例提供了一种计算机可读存储介质,其特征在于,所述计算机存储介质存储有计算机程序,所述计算机程序包括程序指令,所述程序指令被处理器执行,用以执行第一方面所述的图像处理方法。
本发明实施例中,用户终端获取目标图像,检测用户对应用的图像编辑界面中的该目标图像和/或管理组件的编辑操作,该管理组件包括封面区域管理组件和头像区域管理组件,并根据该编辑操作从目标图像中确定出作为封面的第一图像区域和作为头像的第二图像区域,从而针对用户提交的一张图像同时进行封面和头像裁剪,减少用户的上传裁剪成本,并且用户可以自由裁剪自己想要的封面和头像,可以有效简化设置封面和头像时的操作,并且具备较强的灵活性,可以充分满足用户的个性化设置需求。
附图说明
为了更清楚地说明本发明实施例或现有技术中的技术方案,下面将对实施例或现有技术描述中所需要使用的附图作简单地介绍,显而易见地,下面描述中的附图仅仅是本发明的一些实施例,对于本领域普通技术人员来讲,在不付出创造性劳动的前提下,还可以根据这些附图获得其他的附图。
图1a是现有技术提供的一种更换封面的示意图;
图1b是现有技术提供的一种更换头像的示意图;
图1c是现有技术提供的一种设置封面和头像的示意图;
图1d是现有技术提供的一种封面和头像的设置效果示意图;
图2是本发明实施例提供的一种图像处理方法的流程示意图;
图3a是本发明实施例提供的一种设置封面、头像的功能选项的示意图;
图3b是本发明实施例提供的一种选择目标图像的示意图;
图3c是本发明实施例提供的一种图像选择界面的示意图;
图3d是本发明实施例提供的另一种图像选择界面的示意图;
图3e是本发明实施例提供的一种图像编辑界面的示意图;
图3f是本发明实施例提供的另一种图像编辑界面的示意图;
图3g是本发明实施例提供的又一种图像编辑界面的示意图;
图3h是本发明实施例提供的一种封面和头像的设置效果示意图;
图4是本发明实施例提供的另一种图像处理方法的流程示意图;
图5a是本发明实施例提供的一种对目标图像进行缩放操作的示意图;
图5b是本发明实施例提供的对头像区域管理组件进行一种编辑操作的示意图;
图5c是本发明实施例提供的对头像区域管理组件进行另一种编辑操作的示意图;
图5d是本发明实施例提供的一种显示层级划分的示意图;
图5e是本发明实施例提供的一种管理组件的示意图;
图5f是本发明实施例提供的另一种管理组件的示意图;
图5g是本发明实施例提供的一种封面区域图像和头像区域图像的示意图;
图5h是本发明实施例提供的一种封面区域管理组件和头像区域管理组件的示意图;
图5i是本发明实施例提供的另一种封面区域管理组件和头像区域管理组件的示意图;
图5j是本发明实施例提供的又一种封面区域管理组件和头像区域管理组件的示意图;
图5k是本发明实施例提供的另一种图像编辑界面的示意图;
图5l是本发明实施例提供的一种封面和头像融合显示的示意图;
图5m是本发明实施例提供的对头像区域管理组件进行又一种编辑操作的示意图;
图5n是本发明实施例提供的另一种封面和头像融合显示的示意图;
图6是本发明实施例提供的一种封面和头像的设置流程图;
图7是本发明实施例提供的一种图像处理装置的结构示意图;
图8是本发明实施例提供的一种用户终端的结构示意图。
具体实施方式
下面将结合本发明实施例中的附图,对本发明实施例中的技术方案进行清楚、完整地描述,显然,所描述的实施例仅仅是本发明一部分实施例,而不是全部的实施例。基于本发明中的实施例,本领域普通技术人员在没有作出创造性劳动前提下所获得的所有其他实施例,都属于本发明保护的范围。
目前,用户在应用上设置封面以及头像通常有以下两种方式:
方式一:如图1a和图1b所示,用户需要分别上传图像并进行剪裁来设置封面以及头像,图1a中,用户点击“更换封面”后,上传一张图像,并对图像进行剪裁,然后设置为封面,图1b中,用户点击“更换头像”后,上传一张图像,并对图像进行剪裁,然后设置为头像。
方式二:如图1c和图1d所示,用户上传作为封面的图像,然后采用封面图像中固定位置处的图像区域作为头像,图1c中,用户上传一张图像作为封面,然后直接将封面图像中的中心位置处的一部分图像区域作为头像,设置结果如图1d所示。
在实际使用中发现,方式一需要用户多次上传图像进行剪裁,导致封面和头像的设置操作较为繁琐,效率较低;方式二在设置头像时灵活性较差,难以满足用户的个性化审美需求。
针对目前在设置封面和头像时存在的操作繁琐,效率较低,以及灵活性较差,难以满足用户的个性化审美需求的问题,本发明实施例提供了一种图像处理方法,可以有效简化设置封面和头像时的操作,并且具备较强的灵活性,可以充分满足用户的个性化设置需求。
以下对本发明实施例的技术方案的实现细节进行详细阐述:
请参见图2,是本发明实施例提供的一种图像处理方法的流程示意图,该图像处理方法包括如下步骤:
201、用户终端获取目标图像。
其中,用户终端可以包括智能手机、平板电脑、笔记本、台式电脑、车载智能终端等电子设备。
具体的,可以通过应用的显示界面向用户提供“设置封面”、“设置头像”、“设置封面和头像”三个功能选项,如图3a所示。用户终端在检测到用户触发“设置封面和头像”这一功能选项后,可以提示用户上传图像,例如打开相册管理器(本地相册管理器或者云相册管理器),用户可以从相册管理器的显示界面中展示的多张图像中选择目标图像,用户终端获取用户选择的目标图像。如图3b所示,用户选择2016年6月27日的一张人物图像作为目标图像,该人物图像既用于设置封面,又用于设置头像。
在一些可行的实施方式中,用户终端可以检测用户对应用的显示界面中当前的封面或头像的触摸操作,当检测到该触摸操作时,通过应用的显示界面向用户提供“设置封面”、“设置头像”、“设置封面和头像”三个功能选项,该触摸操作具体可以是点击操作或者长按操作或者滑动操作等。
在一些可行的实施方式中,用户终端在检测到用户触发“设置封面和头像”这一功能选项后,可以输出一图像选择界面,如图3c所示。检测到用户点击“请选择图像”按钮后,可以输出选择图像的方式的可选项,具体可以包括“从图库选择图像”或者“拍照”,如图3d所示。当检测到用户选择“从图库选择图像”时,可以通过图3b所示的方式打开相册管理器,然后用户从中选择目标图像。当检测到用户选择“拍照”时,用户终端可以启动相机进行拍照,例如用户可以自拍,从而将拍照得到的图像作为目标图像。
在一些可行的实施方式中,用户从相册管理器选择目标图像或者通过拍照得到目标图像后,可以对目标图像进行个性化编辑,例如在目标图像中添加文本内容或者饰件,对目标图像进行美化(如美颜)或涂鸦操作,等等。
202、所述用户终端检测对应用的图像编辑界面中的所述目标图像和/或管理组件的编辑操作,其中,所述管理组件包括封面区域管理组件和头像区域管理组件。
具体的,用户终端可以向用户提供一图像编辑界面,该图像编辑界面中展示有目标图像和管理组件,管理组件包括封面区域管理组件和头像区域管理组件,其中,封面区域管理组件用于对作为封面的图像区域进行调整,头像区域管理组件用于对作为头像的图像区域进行调整。其中,封面区域管理组件具体是一个封面选取框,具有默认的位置和大小;头像区域管理组件具体是一个头像选取框,具有默认的位置和大小,如图3e所示。
在一些可行的实施方式中,编辑操作可以是调整位置和调整大小中的一种或两种,即用户可以通过对目标图像和/或管理组件的位置、大小进行编辑来调整目标图像中作为封面的图像区域和作为头像的图像区域。该编辑操作可以通过点击、滑动、长按等方式触发。
203、所述用户终端根据所述编辑操作从所述目标图像中确定出作为封面的第一图像区域和作为头像的第二图像区域。
具体的,用户终端在检测到用户对应用的图像编辑界面中的目标图像和/或管理组件的编辑操作时,根据编辑操作对目标图像和/或管理组件进行编辑处理,编辑处理完成后,可以根据封面区域管理组件和头像区域管理组件在目标图像中的位置,从目标图像中确定出作为封面的第一图像区域和作为头像的第二图像区域,其中,目标图像中封面区域管理组件的边框包围的图像区域即为封面,目标图像中头像区域管理组件的边框包围的图像区域即为头像,并将第一图像区域保存为封面以及将第二图像区域保存为头像。
在一些可行的实施方式中,目标图像、封面区域管理组件和头像区域管理组件的位置和大小都是可编辑的,用户在对目标图像进行裁剪时,可以根据个人习惯和实际需求对目标图像、封面区域管理组件和头像区域管理组件中的一个或者多个进行编辑,本发明实施例不做限定。
在一些可行的实施方式中,可以在图像编辑界面中展示某一管理组件的功能描述信息,例如,用户终端在检测到用户对圆形的头像区域管理组件进行编辑时,可以在头像区域管理组件的位置展示其功能描述信息“头像”,如图3f所示。
在一些可行的实施方式中,以头像区域管理组件为例,可以是在检测到光标移动到头像区域管理组件的边缘或者头像区域管理组件的内部区域时,在头像区域管理组件的位置展示其功能描述信息“头像”。
在一些可行的实施方式中,用户终端也可以在图像编辑界面中直接展示每个管理组件的功能描述信息,具体可以是在封面区域管理组件的位置展示其功能描述信息“封面”,在头像区域管理组件的位置展示其功能描述信息“头像”,如图3g所示,便于用户直观的知晓每个管理组件的功能。
在一些可行的实施方式中,用户在对目标图像和/或管理组件进行编辑操作完毕后,可以点击图3e中所示的“完成”选项,用户终端即可保存得到如图3h所示的封面和头像设置结果,也就是说用户只需提交一次图像即可同时完成封面和头像的设置。
本发明实施例中,用户终端获取用户提交的目标图像,图像编辑界面中展示有该目标图像以及管理组件,该管理组件包括封面区域管理组件和头像区域管理组件,检测用户在该图像编辑界面中对该目标图像和/或管理组件的编辑操作,并根据该编辑操作从目标图像中确定出作为封面的第一图像区域和作为头像的第二图像区域,从而针对用户提交的一张图像同时进行封面和头像裁剪,减少用户的上传裁剪成本,并且用户可以自由裁剪自己想要的封面和头像,可以有效简化设置封面和头像时的操作,并且具备较强的灵活性,可以充分满足用户的个性化审美需求。
请参见图4,是本发明实施例提供的一种图像处理方法的流程示意图,该图像处理方法包括如下步骤:
401、用户终端获取目标图像。
其中,步骤401的具体实现方式可以参见步骤201中的相关描述,此处不再赘述。
402、所述用户终端通过显示屏输出应用的图像编辑界面。
403、所述用户终端在所述图像编辑界面中展示所述目标图像和管理组件,其中,所述管理组件包括封面区域管理组件和头像区域管理组件。
具体的,用户终端可以在获取到用户提交的目标图像后,通过显示屏输出应用的图像编辑界面,并在该图像编辑界面中展示目标图像、封面区域管理组件和头像区域管理组件,如图3e所示。
在一些可行的实施方式中,用户终端也可以先通过显示屏输出图像编辑界面,并在图像编辑界面中提示用户提交目标图像,在获取到目标图像后,再在该图像编辑界面中展示目标图像、封面区域管理组件和头像区域管理组件,即图像编辑界面可以同时作为步骤201中所述的图像选择界面。具体包括:用户终端通过显示屏输出应用的图像编辑界面,检测用户在图像编辑界面输入的图像选取操作,根据该图像选取操作确定目标图像,目标图像包括图库中的图像或者通过用户终端的相机拍摄的图像,在获取到目标图像之后,在图像编辑界面中展示目标图像、封面区域管理组件和头像区域管理组件。
404、所述用户终端检测对应用的图像编辑界面中的所述目标图像的编辑操作,并根据所述编辑操作对所述目标图像进行编辑处理,以调整所述目标图像中作为封面的第一图像区域。
具体的,封面区域管理组件的位置、大小可以是固定的,用户可以通过对目标图像的编辑操作来调整封面,编辑操作可以是调整位置、大小等,目标图像被编辑后,目标图像中被封面区域管理组件的边框包围的图像区域也随之发生变化。如图5a所示,用户可以利用两个手指在图像编辑界面中进行相互靠近或者远离的滑动来对目标图像的大小进行编辑,用户终端在检测到用户对目标图像的编辑操作后,对目标图像进行编辑处理,例如检测到用户的两个手指在相互靠近的滑动,则对目标图像进行缩小处理;检测到用户的两个手指在相互远离的滑动,则对目标图像进行放大处理;检测到用户对目标图像的拖动,则对目标图像在图像编辑界面中的显示位置进行调整,从而实现通过对目标图像的编辑操作来调整目标图像中作为封面的图像区域(即封面区域管理组件对应的第一图像区域)。其中,缩小或者放大的倍数可以与滑动的距离相关,也可以与滑动的速度相关。
405、所述用户终端检测对所述图像编辑界面中的管理组件包括的头像区域管理组件的编辑操作,并根据所述编辑操作对所述头像区域管理组件进行编辑处理,以调整所述目标图像中作为头像的第二图像区域。
具体的,用户可以通过对头像区域管理组件的编辑操作来调整头像,编辑操作可以是调整头像区域管理组件的位置和/或大小,头像区域管理组件被编辑操作后,目标图像中被头像区域管理组件的边框包围的图像区域也随之发生变化,用户终端在检测到用户对头像区域管理组件的编辑操作后,对头像区域管理组件进行编辑处理,从而调整目标图像中作为头像的图像区域(即头像区域管理组件对应的第二图像区域)。
在一些可行的实施方式中,如图5b所示,用户可以利用单个手指在头像区域管理组件的区域范围内进行拖动,实现对头像区域管理组件的位置进行调整。
在一些可行的实施方式中,头像区域管理组件可以包括拉伸按钮,拉伸按钮用于调整头像区域管理组件的大小。如图5c所示,用户可以利用单个或多个手指拖动拉伸按钮,实现对头像区域管理组件的大小进行调整,具体是向头像区域管理组件的区域外部拖动时,对头像区域管理组件放大;向头像区域管理组件的区域内部拖动时,对头像区域管理组件缩小。
在一些可行的实施方式中,头像区域管理组件也可以不包括拉伸按钮,通过触摸操作拖动头像区域管理组件的边框即可实现调整头像区域管理组件的大小。
在一些可行的实施方式中,还可以通过非接触的手势操作实现调整头像区域管理组件的大小,例如当通过相机检测到用户输入双指(如大拇指和食指)合并的手势操作时,对头像区域管理组件进行缩小,当通过相机检测到用户输入双指分开的手势操作时,对头像区域管理组件进行放大。
406、所述用户终端在根据所述编辑操作对所述目标图像和/或所述管理组件进行编辑处理后,从所述目标图像中确定所述封面区域管理组件对应的第一图像区域,并从所述第一图像区域中确定所述头像区域管理组件对应的第二图像区域。
407、所述用户终端将所述第一图像区域作为封面,以及将所述第二图像区域作为头像。
具体的,在用户对目标图像和头像区域管理组件编辑完毕后,用户终端获取目标图像中封面区域管理组件的边框包围的图像区域(记为第一图像区域),并将第一图像区域作为封面,以及获取第一图像区域中头像区域管理组件的边框包围的图像区域(记为第二图像区域),并将第二图像区域作为头像。
在一些可行的实施方式中,封面区域管理组件的位置、大小也是可调整的,用户可以通过对封面区域管理组件进行编辑操作来调整封面,其中编辑操作具体可以参考前述调整头像区域管理组件的位置和/或大小的方式,即可以通过编辑操作来调整封面区域管理组件的位置和/或大小,以改变目标图像中被封面区域管理组件的边框包围的图像区域,从而实现对封面对应的图像区域的调整。
在一些可行的实施方式中,在调整作为封面的图像区域时,用户也可以选择既对目标图像进行编辑操作,也对封面区域管理组件进行编辑操作,本发明实施例不做限定。
在一些可行的实施方式中,封面区域管理组件可以包括拉伸按钮,拉伸按钮用于调整封面区域管理组件的大小,该拉伸按钮可以分布在封面区域管理组件的边框上。该拉伸按钮的形态可以参考图5c所示的头像区域管理组件的拉伸按钮。
在一些可行的实施方式中,用户也可以不对目标图像和封面区域管理组件进行缩放操作或编辑操作,只需要对头像区域管理组件进行编辑,也即是用户上传目标图像后,使用默认位置和大小的封面区域管理组件的边框包围的第一图像区域作为封面。
在一些可行的实施方式中,用户终端保存封面和头像的具体实现方式可以包括:用户终端调用背景保存方法,例如saveBackgroundImage(),将第一图像区域作为参数输入上述背景保存方法,从而实现将第一图像区域保存为封面(或者说背景)。用户终端调用头像保存方法,例如saveAvatar(),将第二图像区域作为参数输入上述头像保存方法,从而实现将第二图像区域保存为头像。
在一些可行的实施方式中,如图5d所示,是对图像编辑界面的图层的层级的划分,底层可以是用户上传的图像(即上述目标图像),此时图像作为底层的背景,中层可以是封面选取框(即封面区域管理组件),顶层可以是头像选取框(即头像区域管理组件)。
在一些可行的实施方式中,封面区域管理组件和头像区域管理组件的形状可以有多种组合,具体可以是长方形、正方形、圆形等形状中任意两种的组合,当然也可以采用同一种形状,本发明实施例不做限定。如图5e所示,封面区域管理组件的形状可以为长方形,头像区域管理组件的形状可以为圆形。如图5f所示,封面区域管理组件的形状可以为正方形,头像区域管理组件的形状也为正方形。
在一些可行的实施方式中,如图5g所示,为用户在输入编辑操作完毕并点击“完成”选项后,用户终端获取的目标图像中的封面区域图像和头像区域图像。
在一些可行的实施方式中,头像区域管理组件的位置、大小只能在封面区域管理组件的内部区域进行调整,即不能超出封面区域管理组件的边界,如图5h所示。再如图5i所示,是头像区域管理组件的最大尺寸。当然,也可以规定头像区域管理组件的最小尺寸,例如30*30像素,如图5j所示。
在一些可行的实施方式中,针对封面和头像在个人主页界面的展示,可以采用融合展示的方式,用户终端可以获取作为头像的第二图像区域在作为封面的第一图像区域中的位置信息,然后根据位置信息在应用的个人主页界面中展示封面和头像,具体是将头像展示在封面中该位置信息对应的位置处,以将封面和头像进行融合展示。如图5k所示,作为头像的第二图像区域位于作为封面的第一图像区域中的居中位置,则在应用的个人主页界面中展示封面和头像时,可以将头像也展示在封面的居中位置,如图5l所示,使得头像与封面融为一体,提升了设置封面和头像时的趣味性。再如图5m所示,头像区域管理组件默认在中间位置,如果用户对头像区域管理组件的位置进行了移动,例如向左上方移动,则当移动头像区域管理组件时,原位置的头像区域会有虚线提示,用户对头像区域管理组件操作完毕后,可以将头像区域管理组件对应的头像区域展示在默认的封面的中间位置,以增强设置封面和头像时的趣味性,设置结果如图5n所示。
本发明实施例中,用户终端获取用户提交的目标图像,通过显示屏输出图像编辑界面,并在该图像编辑界面展示目标图像和管理组件,其中,管理组件包括封面区域管理组件和头像区域管理组件。用户终端检测到用户对目标图像的编辑操作时,根据该编辑操作对目标图像进行编辑处理,以调整目标图像中封面区域管理组件对应的第一图像区域,检测到用户对头像区域管理组件的编辑操作时,根据该编辑操作对头像区域管理组件进行编辑处理,以调整目标图像中头像区域管理组件对应的第二图像区域。用户终端在编辑处理完毕后,从目标图像中确定封面区域管理组件对应的第一图像区域,并从第一图像区域中确定头像区域管理组件对应的第二图像区域,进而将第一图像区域作为封面,将第二图像区域作为头像,从而可以针对用户提交的一张图像同时进行封面和头像的裁剪(如调整位置、大小等),减少用户的上传裁剪成本,并且用户可以自由裁剪自己想要的封面和头像,可以有效简化设置封面和头像时的操作,并且具备较强的灵活性,可以充分满足用户的个性化审美需求。
在一些可行的实施方式中,如图6所示,是本发明实施例提供的一种封面和头像的设置流程,具体包括:用户终端获取封面选取框(即上述封面区域管理组件)和头像选取框(即上述头像区域管理组件)的初始大小和位置,并通过图像编辑界面展示出来,然后检测用户对图像和/或头像选取框的调整,该调整包括但不限于放大、缩小、移动等操作,用户调整完毕后,分别获取封面选取框内的图像区域以及头像选取框内的图像区域,当检测到用户点击完成或者保存时,将封面选取框内的图像区域自动保存为封面,并将头像选取框内的图像区域自动保存为头像,从而可以有效简化设置封面和头像时的操作,并且具备较强的灵活性,可以充分满足用户的个性化审美需求。
请参见图7,是本发明实施例的一种图像处理装置的结构示意图,所述图像处理装置包括:
获取模块701,用于获取目标图像。
检测模块702,用于检测对应用的图像编辑界面中的所述目标图像和/或管理组件的编辑操作,其中,所述管理组件包括封面区域管理组件和头像区域管理组件。
处理模块703,用于根据所述编辑操作从所述目标图像中确定出作为封面的第一图像区域和作为头像的第二图像区域。
可选的,所述封面区域管理组件用于对作为封面的图像区域进行调整,和/或,所述头像区域管理组件用于对作为头像的图像区域进行调整。
可选的,所述检测模块702,具体用于:
检测对应用的图像编辑界面中的所述目标图像的编辑操作。
根据所述编辑操作对所述目标图像进行编辑处理,以调整所述目标图像中作为封面的第一图像区域。
检测对所述图像编辑界面中的管理组件包括的头像区域管理组件的编辑操作。
根据所述编辑操作对所述头像区域管理组件进行编辑处理,以调整所述目标图像中作为头像的第二图像区域。
其中,所述编辑操作包括调整位置和调整大小中的一种或两种。
可选的,所述检测模块702,具体用于:
检测对应用的图像编辑界面中的管理组件包括的封面区域管理组件的编辑操作。
根据所述编辑操作对所述封面区域管理组件进行编辑处理,以调整所述目标图像中作为封面的第一图像区域。
检测对所述图像编辑界面中的所述管理组件包括的头像区域管理组件的编辑操作。
根据所述编辑操作对所述头像区域管理组件进行编辑处理,以调整所述目标图像中作为头像的第二图像区域。
其中,所述编辑操作包括调整位置和调整大小中的一种或两种。
可选的,所述处理模块703,具体用于:
在根据所述编辑操作对所述目标图像和/或所述管理组件进行编辑处理后,从所述目标图像中确定所述封面区域管理组件对应的第一图像区域。
从所述第一图像区域中确定所述头像区域管理组件对应的第二图像区域。
将所述第一图像区域作为封面,以及将所述第二图像区域作为头像。
可选的,所述处理模块703,具体用于:
将所述第一图像区域作为参数输入背景保存方法,以将所述第一图像区域保存为封面。
将所述第二图像区域作为参数输入头像保存方法,以将所述第二图像区域保存为头像。
可选的,所述图像处理装置还包括展示模块704,其中:
所述获取模块701,还用于获取所述第二图像区域在所述第一图像区域中的位置信息。
所述展示模块704,用于根据所述位置信息在所述应用的个人主页界面中展示所述封面和所述头像,以将所述封面和所述头像进行融合展示。
可选的,所述头像区域管理组件包括拉伸按钮,所述拉伸按钮用于调整所述头像区域管理组件的大小。
可选的,所述封面区域管理组件包括拉伸按钮,所述拉伸按钮用于调整所述封面区域管理组件的大小。
可选的,所述获取模块701,具体用于:
通过所述用户终端的显示屏输出应用的图像编辑界面。
检测用户在所述图像编辑界面输入的图像选取操作。
根据所述图像选取操作确定目标图像,所述目标图像包括图库中的图像或者通过所述用户终端的相机拍摄的图像。
可选的,所述展示模块704,还用于在所述图像编辑界面中展示所述目标图像和管理组件,其中,所述管理组件包括封面区域管理组件和头像区域管理组件。
可选的,所述展示模块704,还用于:
通过所述用户终端的显示屏输出应用的图像编辑界面。
在所述图像编辑界面中展示所述目标图像和管理组件,其中,所述管理组件包括封面区域管理组件和头像区域管理组件。
可选的,所述目标图像展示在所述图像编辑界面的底层,所述封面区域管理组件展示在所述图像编辑界面的中间层,所述头像区域管理组件展示在所述图像编辑界面的顶层。
需要说明的是,本发明实施例的图像处理装置的各功能模块的功能可根据上述方法实施例中的方法具体实现,其具体实现过程可以参照上述方法实施例的相关描述,此处不再赘述。
请参见图8,是本发明实施例的一种用户终端的结构示意图,本发明实施例的所述用户终端包括供电模块等结构,并包括处理器801、存储装置802、网络接口803以及输入/输出设备804。所述处理器801、存储装置802、网络接口803以及输入/输出设备804之间可以交互数据。
所述存储装置802可以包括易失性存储器(volatile memory),例如随机存取存储器(random-access memory,RAM);存储装置802也可以包括非易失性存储器(non-volatilememory),例如快闪存储器(flash memory),固态硬盘(solid-state drive,SSD)等;所述存储装置802还可以包括上述种类的存储器的组合。
所述网络接口803用于收发数据。
所述输入/输出设备804可以是显示屏、触摸屏、麦克风、扬声器等,用于检测触摸操作以及输出文字、图像、声音等。
所述处理器801可以是中央处理器801(central processing unit,CPU)。在一个实施例中,所述处理器801还可以是图形处理器801(Graphics Processing Unit,GPU)。所述处理器801也可以是由CPU和GPU的组合。在一个实施例中,所述存储装置802用于存储程序指令。所述处理器801可以调用所述程序指令,执行如下操作:
获取目标图像。
通过所述输入/输出设备804检测对应用的图像编辑界面中的所述目标图像和/或管理组件的编辑操作,其中,所述管理组件包括封面区域管理组件和头像区域管理组件。
根据所述编辑操作从所述目标图像中确定出作为封面的第一图像区域和作为头像的第二图像区域。
可选的,所述封面区域管理组件用于对作为封面的图像区域进行调整,和/或,所述头像区域管理组件用于对作为头像的图像区域进行调整。
可选的,所述处理器801,具体用于:
检测对应用的图像编辑界面中的所述目标图像的编辑操作。
根据所述编辑操作对所述目标图像进行编辑处理,以调整所述目标图像中作为封面的第一图像区域。
检测对所述图像编辑界面中的管理组件包括的头像区域管理组件的编辑操作。
根据所述编辑操作对所述头像区域管理组件进行编辑处理,以调整所述目标图像中作为头像的第二图像区域。
其中,所述编辑操作包括调整位置和调整大小中的一种或两种。
可选的,所述处理器801,具体用于:
检测对应用的图像编辑界面中的管理组件包括的封面区域管理组件的编辑操作。
根据所述编辑操作对所述封面区域管理组件进行编辑处理,以调整所述目标图像中作为封面的第一图像区域。
检测对所述图像编辑界面中的所述管理组件包括的头像区域管理组件的编辑操作。
根据所述编辑操作对所述头像区域管理组件进行编辑处理,以调整所述目标图像中作为头像的第二图像区域。
其中,所述编辑操作包括调整位置和调整大小中的一种或两种。
可选的,所述处理器801,具体用于:
在根据所述编辑操作对所述目标图像和/或所述管理组件进行编辑处理后,从所述目标图像中确定所述封面区域管理组件对应的第一图像区域。
从所述第一图像区域中确定所述头像区域管理组件对应的第二图像区域。
将所述第一图像区域作为封面,以及将所述第二图像区域作为头像。
可选的,所述处理器801,具体用于:
将所述第一图像区域作为参数输入背景保存方法,以将所述第一图像区域保存为封面。
将所述第二图像区域作为参数输入头像保存方法,以将所述第二图像区域保存为头像。
可选的,所述处理器801,还用于获取所述第二图像区域在所述第一图像区域中的位置信息,并利用所述输入/输出设备804根据所述位置信息在所述应用的个人主页界面中展示所述封面和所述头像,以将所述封面和所述头像进行融合展示。
可选的,所述头像区域管理组件包括拉伸按钮,所述拉伸按钮用于调整所述头像区域管理组件的大小。
可选的,所述封面区域管理组件包括拉伸按钮,所述拉伸按钮用于调整所述封面区域管理组件的大小。
可选的,所述处理器801,具体用于:
通过所述用户终端的显示屏输出应用的图像编辑界面。
检测用户在所述图像编辑界面输入的图像选取操作。
根据所述图像选取操作确定目标图像,所述目标图像包括图库中的图像或者通过所述用户终端的相机拍摄的图像。
可选的,所述处理器801,还用于利用所述输入/输出设备804在所述图像编辑界面中展示所述目标图像和管理组件,其中,所述管理组件包括封面区域管理组件和头像区域管理组件。
可选的,所述处理器801,还用于通过所述用户终端的显示屏输出应用的图像编辑界面,并利用所述输入/输出设备804在所述图像编辑界面中展示所述目标图像和管理组件,其中,所述管理组件包括封面区域管理组件和头像区域管理组件。
可选的,所述目标图像展示在所述图像编辑界面的底层,所述封面区域管理组件展示在所述图像编辑界面的中间层,所述头像区域管理组件展示在所述图像编辑界面的顶层。
具体实现中,本发明实施例中所描述的处理器801、存储装置802、网络接口803以及输入/输出设备804可执行本发明实施例图2或图4提供的一种图像处理方法的相关实施例中所描述的实现方式,也可执行本发明实施例图7提供的一种图像处理装置的相关实施例中所描述的实现方式,在此不再赘述。
在上述实施例中,对各个实施例的描述都各有侧重,某个实施例中没有详述的部分,可以参见其他实施例的相关描述。
需要说明的是,对于前述的各方法实施例,为了简单描述,故将其都表述为一系列的动作组合,但是本领域技术人员应该知悉,本发明并不受所描述的动作顺序的限制,因为依据本发明,某些步骤可能可以采用其他顺序或者同时进行。其次,本领域技术人员也应该知悉,说明书中所描述的实施例均属于优选实施例,所涉及的动作和模块并不一定是本发明所必须的。
在本申请所提供的几个实施例中,应该理解到,所揭露的装置,可通过其它的方式实现。例如,以上所描述的装置实施例仅仅是示意性的,例如上述单元的划分,仅仅为一种逻辑功能划分,实际实现时可以有另外的划分方式,例如多个单元或组件可以结合或者可以集成到另一个系统,或一些特征可以忽略,或不执行。另一点,所显示或讨论的相互之间的耦合或直接耦合或通信连接可以是通过一些接口,装置或单元的间接耦合或通信连接,可以是电性或其它的形式。
上述作为分离部件说明的单元可以是或者也可以不是物理上分开的,作为单元显示的部件可以是或者也可以不是物理单元,即可以位于一个地方,或者也可以分布到多个网络单元上。可以根据实际的需要选择其中的部分或者全部单元来实现本实施例方案的目的。
另外,在本发明各实施例中的各功能单元可以集成在一个处理单元中,也可以是各个单元单独物理存在,也可以两个或两个以上单元集成在一个单元中。上述集成的单元既可以采用硬件的形式实现,也可以采用软件功能单元的形式实现。
上述集成的单元如果以软件功能单元的形式实现并作为独立的产品销售或使用时,可以存储在一个计算机可读取存储介质中。基于这样的理解,本发明的技术方案本质上或者说对现有技术做出贡献的部分或者该技术方案的全部或部分可以以软件产品的形式体现出来,该计算机软件产品存储在一个存储介质中,包括若干指令用以使得一台计算机设备(可以为个人计算机、服务器或者网络设备等,具体可以是计算机设备中的处理器)执行本发明各个实施例上述方法的全部或部分步骤。其中,而前述的存储介质可包括:U盘、移动硬盘、磁碟、光盘、只读存储器(英文:Read-Only Memory,缩写:ROM)或者随机存取存储器(英文:Random Access Memory,缩写:RAM)等各种可以存储程序代码的介质。
以上所述,以上实施例仅用以说明本发明的技术方案,而非对其限制;尽管参照前述实施例对本发明进行了详细的说明,本领域的普通技术人员应当理解:其依然可以对前述各实施例所记载的技术方案进行修改,或者对其中部分技术特征进行等同替换;而这些修改或者替换,并不使相应技术方案的本质脱离本发明各实施例技术方案的精神和范围。
Claims (15)
1.一种图像处理方法,其特征在于,应用于用户终端,所述方法包括:
获取目标图像;
检测对应用的图像编辑界面中的所述目标图像和/或管理组件的编辑操作,其中,所述管理组件包括封面区域管理组件和头像区域管理组件;
根据所述编辑操作从所述目标图像中确定出作为封面的第一图像区域和作为头像的第二图像区域。
2.根据权利要求1所述的方法,其特征在于,所述封面区域管理组件用于对作为封面的图像区域进行调整,和/或,所述头像区域管理组件用于对作为头像的图像区域进行调整。
3.根据权利要求1或2所述的方法,其特征在于,所述检测对应用的图像编辑界面中的所述目标图像和/或管理组件的编辑操作,包括:
检测对应用的图像编辑界面中的所述目标图像的编辑操作;
根据所述编辑操作对所述目标图像进行编辑处理,以调整所述目标图像中作为封面的第一图像区域;
检测对所述图像编辑界面中的管理组件包括的头像区域管理组件的编辑操作;
根据所述编辑操作对所述头像区域管理组件进行编辑处理,以调整所述目标图像中作为头像的第二图像区域;
其中,所述编辑操作包括调整位置和调整大小中的一种或两种。
4.根据权利要求1或2所述的方法,其特征在于,所述检测对应用的图像编辑界面中的所述目标图像和/或管理组件的编辑操作,包括:
检测对应用的图像编辑界面中的管理组件包括的封面区域管理组件的编辑操作;
根据所述编辑操作对所述封面区域管理组件进行编辑处理,以调整所述目标图像中作为封面的第一图像区域;
检测对所述图像编辑界面中的所述管理组件包括的头像区域管理组件的编辑操作;
根据所述编辑操作对所述头像区域管理组件进行编辑处理,以调整所述目标图像中作为头像的第二图像区域;
其中,所述编辑操作包括调整位置和调整大小中的一种或两种。
5.根据权利要求1所述的方法,其特征在于,所述根据所述编辑操作从所述目标图像中确定出作为封面的第一图像区域和作为头像的第二图像区域,包括:
在根据所述编辑操作对所述目标图像和/或所述管理组件进行编辑处理后,从所述目标图像中确定所述封面区域管理组件对应的第一图像区域;
从所述第一图像区域中确定所述头像区域管理组件对应的第二图像区域;
将所述第一图像区域作为封面,以及将所述第二图像区域作为头像。
6.根据权利要求5所述的方法,其特征在于,所述将所述第一图像区域作为封面,以及将所述第二图像区域作为头像,包括:
将所述第一图像区域作为参数输入背景保存方法,以将所述第一图像区域保存为封面;
将所述第二图像区域作为参数输入头像保存方法,以将所述第二图像区域保存为头像。
7.根据权利要求5或6所述的方法,其特征在于,所述将所述第一图像区域作为封面,以及将所述第二图像区域作为头像之后,所述方法还包括:
获取所述第二图像区域在所述第一图像区域中的位置信息;
根据所述位置信息在所述应用的个人主页界面中展示所述封面和所述头像,以将所述封面和所述头像进行融合展示。
8.根据权利要求2所述的方法,其特征在于,所述头像区域管理组件包括拉伸按钮,所述拉伸按钮用于调整所述头像区域管理组件的大小。
9.根据权利要求2所述的方法,其特征在于,所述封面区域管理组件包括拉伸按钮,所述拉伸按钮用于调整所述封面区域管理组件的大小。
10.根据权利要求1所述的方法,其特征在于,所述获取目标图像,包括:
通过所述用户终端的显示屏输出应用的图像编辑界面;
检测用户在所述图像编辑界面输入的图像选取操作;
根据所述图像选取操作确定目标图像,所述目标图像包括图库中的图像或者通过所述用户终端的相机拍摄的图像。
11.根据权利要求10所述的方法,其特征在于,所述根据所述图像选取操作确定目标图像之后,所述方法还包括:
在所述图像编辑界面中展示所述目标图像和管理组件,其中,所述管理组件包括封面区域管理组件和头像区域管理组件。
12.根据权利要求1所述的方法,其特征在于,所述获取目标图像之后,所述检测对应用的图像编辑界面中的所述目标图像和/或管理组件的编辑操作之前,所述方法还包括:
通过所述用户终端的显示屏输出应用的图像编辑界面;
在所述图像编辑界面中展示所述目标图像和管理组件,其中,所述管理组件包括封面区域管理组件和头像区域管理组件。
13.根据权利要求1所述的方法,其特征在于,所述目标图像展示在所述图像编辑界面的底层,所述封面区域管理组件展示在所述图像编辑界面的中间层,所述头像区域管理组件展示在所述图像编辑界面的顶层。
14.一种图像处理装置,其特征在于,所述装置包括:
获取模块,用于获取目标图像;
检测模块,用于检测对应用的图像编辑界面中的所述目标图像和/或管理组件的编辑操作,其中,所述管理组件包括封面区域管理组件和头像区域管理组件;
处理模块,用于根据所述编辑操作从所述目标图像中确定出作为封面的第一图像区域和作为头像的第二图像区域。
15.一种计算机可读存储介质,其特征在于,所述计算机存储介质存储有计算机程序,所述计算机程序包括程序指令,所述程序指令被处理器执行,用以执行如权利要求1-13任一项所述的图像处理方法。
Priority Applications (1)
Application Number | Priority Date | Filing Date | Title |
---|---|---|---|
CN202010368185.7A CN113592983A (zh) | 2020-04-30 | 2020-04-30 | 一种图像处理方法、装置及计算机可读存储介质 |
Applications Claiming Priority (1)
Application Number | Priority Date | Filing Date | Title |
---|---|---|---|
CN202010368185.7A CN113592983A (zh) | 2020-04-30 | 2020-04-30 | 一种图像处理方法、装置及计算机可读存储介质 |
Publications (1)
Publication Number | Publication Date |
---|---|
CN113592983A true CN113592983A (zh) | 2021-11-02 |
Family
ID=78237722
Family Applications (1)
Application Number | Title | Priority Date | Filing Date |
---|---|---|---|
CN202010368185.7A Pending CN113592983A (zh) | 2020-04-30 | 2020-04-30 | 一种图像处理方法、装置及计算机可读存储介质 |
Country Status (1)
Country | Link |
---|---|
CN (1) | CN113592983A (zh) |
Cited By (1)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
WO2023134568A1 (zh) * | 2022-01-14 | 2023-07-20 | 北京字跳网络技术有限公司 | 显示方法、装置、电子设备及存储介质 |
Citations (3)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
CN103034401A (zh) * | 2012-12-13 | 2013-04-10 | 东莞宇龙通信科技有限公司 | 终端和关联图片的设置方法 |
CN105094513A (zh) * | 2014-05-23 | 2015-11-25 | 腾讯科技(北京)有限公司 | 用户头像设置方法、装置及电子设备 |
CN108132749A (zh) * | 2017-12-21 | 2018-06-08 | 维沃移动通信有限公司 | 一种图像编辑方法及移动终端 |
-
2020
- 2020-04-30 CN CN202010368185.7A patent/CN113592983A/zh active Pending
Patent Citations (3)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
CN103034401A (zh) * | 2012-12-13 | 2013-04-10 | 东莞宇龙通信科技有限公司 | 终端和关联图片的设置方法 |
CN105094513A (zh) * | 2014-05-23 | 2015-11-25 | 腾讯科技(北京)有限公司 | 用户头像设置方法、装置及电子设备 |
CN108132749A (zh) * | 2017-12-21 | 2018-06-08 | 维沃移动通信有限公司 | 一种图像编辑方法及移动终端 |
Non-Patent Citations (1)
Title |
---|
故乡的云781010: "《微信怎么更换头像和相册封面》", pages 1 - 6, Retrieved from the Internet <URL:https://jingyan.baidu.com/article/63f236280f00750208ab3d82.html> * |
Cited By (1)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
WO2023134568A1 (zh) * | 2022-01-14 | 2023-07-20 | 北京字跳网络技术有限公司 | 显示方法、装置、电子设备及存储介质 |
Similar Documents
Publication | Publication Date | Title |
---|---|---|
US11706521B2 (en) | User interfaces for capturing and managing visual media | |
US20230319394A1 (en) | User interfaces for capturing and managing visual media | |
DK180452B1 (en) | USER INTERFACES FOR RECEIVING AND HANDLING VISUAL MEDIA | |
EP3792738B1 (en) | User interfaces for capturing and managing visual media | |
JP7033152B2 (ja) | ユーザインタフェースカメラ効果 | |
JP7547560B2 (ja) | 複数参加者ライブ通信ユーザインターフェース | |
EP3661187A1 (en) | Photography method and mobile terminal | |
CN108334371B (zh) | 编辑对象的方法和装置 | |
KR102368385B1 (ko) | 시각적 미디어를 캡처 및 관리하기 위한 사용자 인터페이스들 | |
US9058095B2 (en) | Method for displaying data in mobile terminal having touch screen and mobile terminal thereof | |
US9560414B1 (en) | Method, apparatus and system for dynamic content | |
CN113592983A (zh) | 一种图像处理方法、装置及计算机可读存储介质 | |
WO2016188199A1 (zh) | 图片裁剪方法和装置 |
Legal Events
Date | Code | Title | Description |
---|---|---|---|
PB01 | Publication | ||
PB01 | Publication | ||
REG | Reference to a national code |
Ref country code: HK Ref legal event code: DE Ref document number: 40055393 Country of ref document: HK |
|
SE01 | Entry into force of request for substantive examination | ||
SE01 | Entry into force of request for substantive examination |