CN110838154A - 一种图片处理方法及装置 - Google Patents
一种图片处理方法及装置 Download PDFInfo
- Publication number
- CN110838154A CN110838154A CN201911158861.1A CN201911158861A CN110838154A CN 110838154 A CN110838154 A CN 110838154A CN 201911158861 A CN201911158861 A CN 201911158861A CN 110838154 A CN110838154 A CN 110838154A
- Authority
- CN
- China
- Prior art keywords
- color
- picture
- theme
- pixel points
- 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.)
- Pending
Links
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/001—Texturing; Colouring; Generation of texture or colour
-
- G—PHYSICS
- G06—COMPUTING; CALCULATING OR COUNTING
- G06T—IMAGE DATA PROCESSING OR GENERATION, IN GENERAL
- G06T11/00—2D [Two Dimensional] image generation
- G06T11/40—Filling a planar surface by adding surface attributes, e.g. colour or texture
-
- G—PHYSICS
- G06—COMPUTING; CALCULATING OR COUNTING
- G06T—IMAGE DATA PROCESSING OR GENERATION, IN GENERAL
- G06T7/00—Image analysis
- G06T7/90—Determination of colour characteristics
Abstract
本公开关于一种图片处理方法及装置,涉及图像处理技术领域,解决了相关技术中轮播的广告图与背景图及主题颜色无关联性,界面显示效果不好的问题。该方法包括:从主题页面中获取第一图片,第一图片为主题页面的代表图片;根据第一图片确定第一图片的主题色,主题色为第一图片中像素点数量最多的颜色;根据第一图片的主题色设置第二图片的主色调,第二图片与第一图片关联显示在所述主题页面中。
Description
技术领域
本公开涉及图像处理技术领域,尤其涉及一种图片处理方法及装置。
背景技术
目前在应用程序的界面上,经常会出现各种的轮播广告图片,也就是将多张广告图片以一定的滚动频率,以轮播的呈现形式,在界面上逐个显示,以吸引消费者的注意,为用户推荐商品,以此带动和促进销售。
但是轮播广告图片一般是较为吸引用户的颜色,且多张轮播的广告图颜色一般是不同的,但是应用程序的界面主题色或者轮播位置的背景色通常是一定的,其与轮播的广告图反差较大,使得用户对于广告内容难以有沉浸感,因此难以调动用户对广告活动产生兴趣。
发明内容
本公开提供一种图片处理方法及装置,以至少解决相关技术中轮播的广告图与背景图及主题颜色无关联性,界面显示效果不好的问题。本公开的技术方案如下:
根据本公开实施例的第一方面,提供一种图片处理方法,该方法包括:从主题页面中获取第一图片,所述第一图片为所述主题页面的代表图片;根据所述第一图片确定所述第一图片的主题色,所述主题色为所述第一图片中像素点数量最多的颜色;根据所述第一图片的主题色设置第二图片的主色调,所述第二图片与所述第一图片关联显示在所述主题页面中。
在一种可能的实施方式中,所述统计第一图片中的像素点的颜色包括:根据所述第一图片确定所述第一图片的主题色,包括:获取所述第一图片中除预设像素点以外的像素点的颜色,所述预设像素点包括:颜色是黑色的像素点和/或颜色是白色的像素点;和/或,获取所述第一图片中预设区域以外的像素点的颜色;基于所获取的像素点的颜色,确定像素点数量最多的颜色作为所述第一图片的主题色。
在一种可能的实施方式中,所述根据所述第一图片的主题色设置第二图片的主色调,具体包括:根据第一透明度对所述主题色的色值进行处理,得到第一色值;将所述第一色值设置为所述第二图片的主色调的色值;其中,所述第一透明度为所述第一图片中颜色为所述主题色的像素点数量占所述第一图片的像素点数量的百分比。
在一种可能的实施方式中,所述根据所述第一颜色设置第二图片的主色调,具体包括:根据所述主题色的色值、第一颜色的色值以及第一透明度,对所述主题色和所述第一颜色进行颜色叠加,得到第二颜色;其中,所述第一颜色的像素点数量少于所述第一图片中颜色为所述主题色的像素点数量,且多于所述第一图片中除所述主题色和所述第一颜色的其他颜色的像素点的数量,所述第一透明度为所述第一图片中颜色为所述主题色的像素点数量占所述第一图片的像素点数量的百分比;将所述第二颜色的色值设置为所述第二图片的主色调的色值。
在一种可能的实施方式中,所述第二图片为所述第一图片的背景图片。
在一种可能的实施方式中,所述根据所述第一图片的主题色设置第二图片的主色调之后,所述方法还包括:显示所述第一图片;根据所述主色调显示所述第二图片。
根据本公开实施例的第二方面,提供一种图片处理装置,包括:获取模块,被配置为从主题页面中获取第一图片,所述第一图片为所述主题页面的代表图片;确定模块,被配置为根据所述第一图片确定所述第一图片的主题色,所述主题色为所述第一图片中像素点数量最多的颜色;设置模块,被配置为根据所述第一图片的主色调设置第二图片的主色调,所述第二图片与所述第一图片关联显示在所述主题页面中。
在一种可能的实施方式中,所述确定模块,具体被配置为获取所述第一图片中除预设像素点以外的像素点的颜色,所述预设像素点包括:颜色是黑色的像素点和/或颜色是白色的像素点;和/或,获取所述第一图片中预设区域以外的像素点的颜色;基于所获取的像素点的颜色,确定像素点数量最多的颜色作为所述第一图片的主题色。
在一种可能的实施方式中,所述设置模块,具体被配置为根据第一透明度对所述主题色的色值进行处理,得到第一色值;将所述第一色值设置为所述第二图片的主色调的色值;其中,所述第一透明度为所述第一图片中颜色为所述主题色的像素点数量占所述第一图片的像素点数量的百分比。
在一种可能的实施方式中,所述设置模块,具体被配置为根据所述主题色的色值、第一颜色的色值以及第一透明度,对所述主题色和所述第一颜色进行颜色叠加,得到第二颜色;其中,所述第一颜色的像素点数量少于所述第一图片中颜色为所述主题色的像素点数量,且多于所述第一图片中除所述主题色和所述第一颜色的其他颜色的像素点的数量,所述第一透明度为所述第一图片中颜色为所述主题色的像素点数量占所述第一图片的像素点数量的百分比;将所述第二颜色的色值设置为所述第二图片的主色调的色值。
在一种可能的实施方式中,所述第二图片为所述第一图片的背景图片。
在一种可能的实施方式中,所述装置还包括:显示模块,被配置为显示所述第一图片,根据所述主色调显示所述第二图片。
根据本公开实施例的第三方面,提供一种电子设备,包括:处理器;用于存储所述处理器可执行指令的存储器;其中,所述处理器被配置为执行所述指令,以实现如上述第一方面中任一项所述的图片处理方法。
根据本公开实施例的第四方面,提供一种存储介质,当所述存储介质中的指令由电子设备的处理器执行时,使得电子设备能够执行如上述第一方面中任一项所述的图片处理方法。
根据本公开实施例的第五方面,提供一种计算机程序产品,当所述计算机程序产品在计算机上运行时,使得所述计算机执行如上述第一方面中任一项所述的图片处理方法。
本公开的实施例提供的技术方案至少带来以下有益效果:根据第一图片的颜色,动态设置其背景图片也就是第二图片的颜色,使得界面显示效果统一,界面显示的图片之间有整体性和关联性,同时有效烘托广告图片的宣传氛围,增强广告图片的宣传表现力。
应当理解的是,以上的一般描述和后文的细节描述仅是示例性和解释性的,并不能限制本公开。
附图说明
此处的附图被并入说明书中并构成本说明书的一部分,示出了符合本公开的实施例,并与说明书一起用于解释本公开的原理,并不构成对本公开的不当限定。
图1是根据一示例性实施例示出的一种应用场景的界面示意图。
图2是根据一示例性实施例示出的一种图片处理方法的流程示意图。
图3是根据一示例性实施例示出的一种终端设备的界面坐标示意图。
图4是根据一示例性实施例示出的另一种图片处理方法的流程示意图。
图5是根据一示例性实施例示出的另一种图片处理方法的流程示意图。
图6是根据一示例性实施例示出的一种图片处理方法的界面显示效果示意图。
图7是根据一示例性实施例示出的另一种图片处理方法的流程示意图。
图8是根据一示例性实施例示出的另一种图片处理方法的界面显示效果示意图。
图9A是根据一示例性实施例示出的一种图片处理装置的框图。
图9B是根据一示例性实施例示出的另一种图片处理装置的框图。
图10是根据一示例性实施例示出的一种装置的框图(电子设备的一般结构)。
具体实施方式
为了使本领域普通人员更好地理解本公开的技术方案,下面将结合附图,对本公开实施例中的技术方案进行清楚、完整地描述。
需要说明的是,本公开的说明书和权利要求书及上述附图中的术语“第一”、“第二”等是用于区别类似的对象,而不必用于描述特定的顺序或先后次序。应该理解这样使用的数据在适当情况下可以互换,以便这里描述的本公开的实施例能够以除了在这里图示或描述的那些以外的顺序实施。以下示例性实施例中所描述的实施方式并不代表与本公开相一致的所有实施方式。相反,它们仅是与如所附权利要求书中所详述的、本公开的一些方面相一致的装置和方法的例子。
本申请实施例提供一种图片处理方法,可以应用于终端设备基于一张已有的图片,生成该图片的背景图的主色调,或者该终端设备应用程序的界面主题颜色。
在一种可能的应用场景中,终端设备上安装的应用程序的主题页面,主题页面的一部分显示区域用于显示轮播的广告图片,如图1所示的区域A,该图片的背景图可以显示在图中的区域B,该应用的界面主题图片可以显示在图中的区域C。
在另一种可能的应用场景中,终端设备可以用于将多张图片拼贴在一起时,根据多张拼贴的图片,获得背景图片的颜色,从而终端设备可以根据不同颜色的图片,设置不同的背景图片的主色,实现动态取色方案。
本申请实施例可以应用于显示界面包括轮播图片展示的应用程序,具体可以为网络购物应用、音乐播放应用、社交应用、网络视频播放应用或者新闻应用等。
上述的终端设备具体可以为可以是手机、平板电脑、桌面型、膝上型、手持计算机、笔记本电脑、车载设备、超级移动个人计算机(ultra-mobile personal computer,UMPC)、上网本,以及蜂窝电话、个人数字助理(personal digital assistant,PDA)、增强现实(augmented reality,AR)\虚拟现实(virtual reality,VR)设备等,本公开实施例对该终端设备的具体形态不作特殊限制。
图2是根据一示例性实施例示出的一种图片处理方法的流程图,如图2所示,该方法可以应用于终端设备,包括以下步骤:
在步骤S21中,获取第一图片。
从主题页面中获取第一图片,第一图片为所述主题页面的代表图片。其中,第一图片可以为终端设备界面上轮播显示的一张广告图片,也可以是终端设备本地存储的一张图片,或者是通过截取界面上某一区域的方式获取的一张图片,本申请对此不做具体限定。
其中,轮播显示是指在一个固定的界面显示区域,将多张广告图片以一定的更新频率,逐个进行显示的一种方式。
具体的,终端设备截取界面图片可以通过系统提供的Bitmap功能来实现,用终端设备的坐标功能进行区域的精准定位,如图3所示,示例性的,以1920*1080的分辨率的手机为例,手机上的任何一个像素点都在该坐标系内,每一个像素点的位置可以用一个具体的坐标来表示,比如屏幕右上角就是(1080,1920),正中心是(540,960)。当需要截取屏幕左下角200*200像素的区域显示的图片时,系统可以通过坐标(0,0),(0,200),(200,0)和(200,200)定位区域。
在步骤S22中,根据第一图片确定第一图片的主题色。
其中,第一图片中像素点的颜色为主题色的像素点数量最多,也就是,主题色为第一图片的像素点中像素点数量最多的颜色。
在一种实施方式中,第一颜色的获取方法可以为:获取第一图片上每个像素点的颜色,例如色值,得到第一图片的像素点的颜色集合,根据对第一图片中的每个像素点的颜色进行统计,得到每一种颜色所对应的像素点数量。根据统计得到的像素点数量最多的色值所对应的颜色,即确定为主题色。
在步骤S23中,根据第一图片的主题色设置第二图片的主色调。
其中,第二图片可以为上述第一图片的背景图片,或者是在终端设备的主题界面的显示区域显示的图片,第二图片与第一图片关联显示在上述主题页面中。第二图片的主色调为第二图片中像素点数量最多的颜色。
在一种实施方式中,根据第一图片的主题色设置第二图片的主色调,如图4所示,具体可以为:
S2301:将第一图片的主题色的色值设置为第二图片的主色调的色值。
也就是将第一图片的主题色设置为第二图片中像素点的数量最多的颜色。将第一图片的主题色的色值设置为第二图片的主色调的色值,已使得第二图片的像素点数量最多的颜色为第一图片的主题色。
其中,色值是计算机语言中,每一种颜色在不同的颜色模式中所对应的颜色值。如RGB颜色模式(Red、Green、Blue,红绿蓝三基色)中,红色所对应的色值是(255,0,0);绿色所对应的色值是(0,255,0);蓝色所对应的色值是(0,0,255)等。
示例性的,当第一图片为轮播的广告图片,第二图片为背景图片,结合图1所示的界面显示示意图,通过获取A区域轮播显示的广告图片中像素点的颜色数量最多的颜色,将其设置为背景图片的主色调,例如图1所示的B区域,或者C区域。
在一种实施方式中,在步骤S23后,终端设备显示第一图片,根据第二图片的所述主色调显示第二图片。
本申请实施例提供的方法,通过获取目标图片(如第一图片)的主色,将其设置为目标图片的背景图片的主色调,从而使得背景显示与目标图片主色一致,整体界面显示效果统一。在一种实施场景中,轮播的广告图片是按照一定频率进行更换显示的,则在上述的本申请的实施方式下,背景图或者应用界面显示的主题色也可以是动态变换的,根据轮播的广告图片进行相应的主色调的调整,从而使得界面整体显示与广告图片更加协调一致,主题明确,容易给用户带来沉浸感,提升显示效果,进而提高广告效益。
在一种实施方式中,当黑色和白色不适合做背景颜色或者界面的主题颜色时,确定第一图片的主题色,具体可以包括:获取第一图片中除预设像素点以外的像素点的颜色,基于所获取的像素点的颜色,确定像素点数量最多的颜色作为第一图片的主题色。预设像素点包括:颜色是黑色的像素点,和/或,颜色是白色的像素点。另外,预设像素点的颜色还可以包括其他预设的颜色,本领域技术人员可以根据界面设计需求进行设置,本申请对此不做具体限定。
具体可以为,将颜色集合中的预设颜色的像素点进行剔除,统计颜色集合中剩余颜色的像素点的数量。或者,可以不对预设颜色的像素点进行统计,而对预设颜色的像素点之外的像素点的颜色进行统计。
在另一种实施方式中,为了防止得到的背景色和广告图片的颜色边缘一样,界限区别不明显,起不到较好的背景衬托的作用,上述步骤S22中的,确定第一图片的主题色,具体还可以包括:获取第一图片中预设区域以外的像素点的颜色,基于所获取的像素点的颜色,确定像素点数量最多的颜色作为第一图片的主题色。
也就是,对第一图片中除预设区域的像素点之外的像素点的颜色进行统计。具体可以为将颜色集合中,预设区域的像素点对应的一种或者多种颜色剔除。或者,可以不对预设区域的像素点的颜色进行统计,而对除预设区域的像素点之外的像素点的颜色进行统计。
其中,预设区域可以为第一图片的边缘区域,具体包括第一图片的像素点构成的颜色集合中,上、下、左、右四条边的像素点对应的颜色,或者,结合上述图3所示的,预设区域可以为预设的坐标点对应区域的像素点。例如,颜色集合为矩阵形式,该矩阵中的每个元素对应第一图片的每行像素点和每列像素点所对应的颜色。例如,当预设区域为广告图片的最周围的5圈像素点时,则预设区域的像素点颜色即为颜色矩阵中最上面5行、最下面5行、最左面5行和最右面5行的像素点的颜色。
上述实施方式中,将颜色集合中的部分颜色剔除可以为,将颜色集合中的预设区域的像素点对应的所有颜色剔除,或者,将颜色集合中的预设区域的多种颜色中像素点的数量最多的一种或者几种颜色剔除。
需要说明的是,上述两种方式对第一图片中的像素点的颜色进行统计并剔除部分颜色,可以择一执行,或者两种方式同时执行。
上述实施例中的颜色集合中的像素点颜色,可以通过色值来表示每一个像素点对应的颜色,系统通过统计第一图片中的每一种色值对应的像素点的数量,获得第一图片的主题色。
在一种实施方式中,上述的步骤S23中的,根据第一图片的主题色设置第二图片的主色调,如图5所示,具体可以为:
S2302:根据第一透明度对第一图片的主题色的色值进行处理,得到第一色值。
S2303:将第一色值设置为第二图片的主色调的色值。
其中,第一透明度为第一图片中,颜色为所述主题色的像素点数量占第一图片的像素点数量的百分比,也就是像素点数量最多的颜色对应的像素点的数量所占整个图片的所有像素点的数量的百分比。例如,第一图片的主题色的像素点数量是5000个,第一图片的所有像素点数量是10000个,那么该主题色的透明度就是50%。
示例性的,本申请中实施例中的颜色集合中,每个像素点的颜色的色值可以用ARGB_8888格式来表示,其中,A表示透明度,R表示红色,G表示绿色,B表示蓝色,分别用8个比特位来记录每个像素点的A、R、G、B数据,因此,ARGB_8888就是常说的32比特位图,可以用来表示256色位图。颜色格式也可以是RGB_888这种24比特位图,或者其他颜色格式,本申请实施例对此不做具体限定。
在一种实施方式中,根据第一透明度对主题色的色值进行处理,可以为将上述的主题色的色值编码ARGB_8888中的A值,替换为第一透明度的值。具体可以为将第一透明度换算为二进制的或者16进制表示形式,替换主题色中透明度对应的比特位的值,则可以得到更新后的色值,将其作为第二图片的主色调的色值。
或者,还可以为将第一透明度与主题色本身的透明度值A进行叠加处理或者其他的算法处理,本申请对此不做具体限定。
上述实施例中,根据第一图片获取像素点数量最多的主题色,对主题色的色值进行透明度的处理,得到第一色值,将第一色值作为第二图片的主色调的色值。本领域技术人员根据图片颜色的色值,例如,如图6所示,第一图片的主题色的色值为FF4500,第二图片的主色调的色值为FFA500,即可以得到第一图片的色值与第二图片的主色调的色值接近,因此,界面图片的显示关联性强、主题统一,提升了显示效果。
在另一种实施方式中,上述的步骤S23中的,根据第一图片的主题色设置第二图片的主色调,如图7所示,可以包括:
S2304:根据第一图片的主题色的色值、第一颜色的色值以及第一透明度对第一图片的主题色和第一颜色进行颜色叠加,得到第二颜色。
S2305:将第二颜色的色值设置为第二图片的主色调的色值。
其中,第一颜色为第一图片的像素点中除主题色之外像素点数量最多的颜色,也就是数量第二多的像素点的颜色。即第一颜色的像素点数量少于第一图片中颜色为主题色的像素点数量,且多于第一图片中除主题色和第一颜色的其他颜色的像素点的数量。
也就是说,将第一图片中像素点颜色最多的两种颜色,进行混合处理,将得到的第二颜色作为背景图片的主色,如此,可以避免第二图片的颜色与第一图片的颜色太接近,起不到很好的衬托作用。
具体的,根据第一透明度将主题色与第一颜色进行叠加可以根据各种算法进行处理,示例性的,可以根据简易Alpha混合算法进行处理,其中,Alpha表示透明度。
首先获取需要叠加的两个颜色的色值,例如,用r1,g1,b1表示第一颜色的R、G、B值,用r2,g2,b2表示主题色的R、G、B值,Alpha表示透明度,用r,g,b表示第一颜色与主题色进行颜色混合处理后的第二颜色的R、G、B值。其中,Alpha的取值可以为上述的第一透明度,或者预设的一个值。
则根据如下公式,可以由r1,g1,b1,r2,g2,b2,Alpha得出r,g,b的值:
当Alpha=50%时,r=r1/2+r2/2,g=g1/2+g2/2,b=b1/2+b2/2;
当Alpha<50%时,r=r1-r1/Alpha+r2/Alpha,g=g1-g1/Alpha+g2/Alpha,
b=b1-b1/Alpha+b2/Alpha;
当Alpha>50%时,r=r1/Alpha+r2-r2/Alpha,g=g1/Alpha+g2-g2/Alpha,
b=b1/Alpha+b2-b2/Alpha。
本申请实施例提供的上述方法,通过将目标图片中的两种像素点数量最多的颜色进行叠加处理,形成新的颜色,作为背景图片的主色,从而形成与目标图片的主题一致,但又有明显的颜色区分,不会和目标图片产生重叠,提高了显示效果。应用于轮播广告图的场景,可以动态拾取颜色进行背景色的调整,从而有效烘托广告图片的宣传氛围,增强广告图片的宣传表现力。
在另一种可能的实施方式中,动态拾取颜色的处理方式还可以包括,对上述实施例获取的目标图片的颜色,如主题色、第一颜色或者第二颜色中的至少一种进行亮度处理、饱和度处理或者柔化处理等其他可能的图像处理的技术手段后,设置为背景图片的主色调,都属于本申请实施例的保护范围,对此不做具体限定。
在一种可能的实现场景中,当第一图片为动态图片,即图片中显示的部分内容可以动态变换,例如,第一图片为动态的图形交换格式(Graphics Interchange Format,GIF)的图片,则终端设备可以根据预设的频率,对第一图片的像素点颜色进行统计。根据对第一图片的像素点颜色的统计结果,确定第二图片的主色调,并进行周期性的更新。
在另一种可能的实现场景中,当终端设备的界面设置为分屏显示,即界面的不同区域分别用于显示不同的应用程序的窗口,则终端设备可以根据不同的应用程序的界面显示区域,进行背景颜色或者主题颜色的设置。例如,图8所示的,终端设备可以根据第一应用程序的界面显示的图片A,设置图片B的主色调;同时,终端设备可以根据第二应用程序的界面显示的图片C,设置图片D的主色调。或者,终端设备可以根据第一应用程序的界面显示的图片A,设置图片B的主色调;同时,终端设备可以根据第二应用程序的主题颜色设置图片D的主色调。
上述实施方式中,图片颜色的取色方案可以由终端设备执行,也可以由该应用程序对应的服务器执行,例如,服务器根据第一图片的像素点颜色,得到第二图片的主色调,将第一图片的颜色、第二图片的颜色,包括界面显示的其他图片信息和文字信息等发送到终端设备,终端设备根据第一图片、第二图片显示信息在界面进行显示。
可以理解的是,上述方法可以由图片处理装置实现,为了实现上述功能,图片处理装置包含了执行各个功能相应的硬件结构和/或软件模块。本领域技术人员应该很容易意识到,结合本文中所公开的实施例描述的各示例的模块及算法步骤,本公开实施例能够以硬件或硬件和计算机软件的结合形式来实现。某个功能究竟以硬件还是计算机软件驱动硬件的方式来执行,取决于技术方案的特定应用和设计约束条件。专业技术人员可以对每个特定的应用来使用不同方法来实现所描述的功能,但是这种实现不应认为超出本公开实施例的范围。
本公开实施例可以根据上述方法示例对上述图片处理装置等进行功能模块的划分,例如,可以对应各个功能划分各个功能模块,也可以将两个或两个以上的功能集成在一个处理模块中。上述集成的模块既可以采用硬件的形式实现,也可以采用软件功能模块的形式实现。需要说明的是,本公开实施例中对模块的划分是示意性的,仅仅为一种逻辑功能划分,实际实现时可以有另外的划分方式。
图9A是根据一示例性实施例示出的一种图片处理装置框图。参照图9A,该装置包括获取模块901,确定模块902和设置模块903。
该获取模块901,被配置为从主题页面中获取第一图片,第一图片为所述主题页面的代表图片。
该确定模块902,被配置为根据第一图片确定第一图片的主题色,所述主题色为第一图片的像素点中像素点数量最多的颜色。
该设置模块903,被配置为根据第一图片的主题色设置第二图片的主色调,所述第二图片与所述第一图片关联显示在所述主题页面中。
在一种实施方式中,该确定模块902,具体可以被配置为获取第一图片中除预设像素点以外的像素点的颜色,和/或,获取第一图片中预设区域以外的像素点的颜色;基于所获取的像素点的颜色,确定像素点数量最多的颜色作为第一图片的主题色。
其中,预设像素点包括:颜色是黑色的像素点,或者颜色是白色的像素点,或者颜色是黑色的像素点和颜色是白色的像素点。
在一种实施方式中,该设置模块903,具体可以被配置为将第一图片的主题色设置为第二图片的主色调的色值。
在另一种实施方式中,该设置模块903,具体还可以被配置为根据第一透明度对主题色的色值进行处理,得到第一色值;将第一色值设置为第二图片的主色调的色值。
其中,第一透明度为第一图片中颜色为主题色的像素点数量占第一图片的像素点数量的百分比。
在另一种实施方式中,该设置模块903,具体还可以被配置为根据主题色的色值、第一颜色的色值以及第一透明度,对主题色和第一颜色进行颜色叠加,得到第二颜色;将第二颜色的色值设置为第二图片的主色调的色值。
其中,第一颜色的像素点数量少于第一图片中颜色为主题色的像素点数量,且多于第一图片中除主题色和第一颜色的其他颜色的像素点的数量;第一透明度为第一图片中颜色为主题色的像素点数量占第一图片的像素点数量的百分比。
在一种可能的实现场景中,该第二图片可以为第一图片的背景图片。
在一种实施方式中,如图9B所示,所述装置900还可以包括显示模块904,该显示模块904具体被配置为显示第一图片;并根据主色调显示第二图片。
关于上述实施例中的装置,其中各个模块执行操作的具体方式已经在有关该方法的实施例中进行了详细描述,此处将不做详细阐述说明。
图10为本公开实施例提供的一种电子设备,该电子设备1000可以包括:处理器1001和存储器1002。
处理器1001可以包括一个或多个处理核心,比如4核心处理器、8核心处理器等。处理器1001可以采用数字信号处理(Digital Signal Processing,DSP)、现场可编程门阵列(Field-Programmable Gate Array,FPGA)、可编程逻辑阵列(Programmable LogicArrayPLA,)中的至少一种硬件形式来实现。处理器801也可以包括主处理器和协处理器,主处理器是用于对在唤醒状态下的数据进行处理的处理器,也称中央处理器(CentralProcessing Unit,CPU);协处理器是用于对在待机状态下的数据进行处理的低功耗处理器。在一些实施例中,处理器1001可以在集成有图像处理器(Graphics Processing Unit,GPU),GPU用于负责显示屏所需要显示的内容的渲染和绘制。一些实施例中,处理器1001还可以包括人工智能(Artificial Intelligence,AI)处理器,该AI处理器用于处理有关机器学习的计算操作。
存储器1002可以包括一个或多个计算机可读存储介质,该计算机可读存储介质可以是非暂态的。存储器1002还可包括高速随机存取存储器,以及非易失性存储器,比如一个或多个磁盘存储设备、闪存存储设备。在一些实施例中,存储器1002中的非暂态的计算机可读存储介质用于存储至少一个指令,该至少一个指令用于被处理器1001所执行,以实现本公开中的上述方法实施例提供的图片处理方法。
在一些实施例中,电子设备1000可选的还包括有:外围设备接口1003和至少一个外围设备1004。处理器1001、存储器1002和外围设备接口1003之间可以通过总线或信号线相连。各个外围设备可以通过总线、信号线或电路板与外围设备接口1003相连。具体地,外围设备1004可以为:射频电路、显示屏、摄像头、音频电路、定位组件和电源中的至少一种。
本领域技术人员可以理解,图10中示出的结构并不构成对电子设备1000的限定,可以包括比图示更多或更少的组件,或者组合某些组件,或者采用不同的组件布置。
在另一实施例中,还提供了一种非临时性计算机可读存储介质,当所述存储介质中的指令由计算机的处理器执行时,使得计算机能够执行上述任一种可能的实施方式中的图片处理方法。
在另一实施例中,还提供了一种计算机程序产品,当其在计算机上运行时,使得计算机执行上述任一种可能的实施方式中的图片处理方法。
本领域技术人员在考虑说明书及实践这里公开的发明后,将容易想到本公开的其它实施方案。本公开旨在涵盖本公开的任何变型、用途或者适应性变化,这些变型、用途或者适应性变化遵循本公开的一般性原理并包括本公开未公开的本技术领域中的公知常识或惯用技术手段。说明书和实施例仅被视为示例性的,本公开的真正范围和精神由下面的权利要求指出。
应当理解的是,本公开并不局限于上面已经描述并在附图中示出的精确结构,并且可以在不脱离其范围进行各种修改和改变。本公开的范围仅由所附的权利要求来限制。
Claims (10)
1.一种图片处理方法,其特征在于,所述方法包括:
从主题页面中获取第一图片,所述第一图片为所述主题页面的代表图片;
根据所述第一图片确定所述第一图片的主题色,所述主题色为所述第一图片中像素点数量最多的颜色;
根据所述第一图片的主题色设置第二图片的主色调,所述第二图片与所述第一图片关联显示在所述主题页面中。
2.根据权利要求1所述的方法,其特征在于,所述根据所述第一图片确定所述第一图片的主题色,包括:
获取所述第一图片中除预设像素点以外的像素点的颜色,所述预设像素点包括:颜色是黑色的像素点和/或颜色是白色的像素点;和/或,
获取所述第一图片中预设区域以外的像素点的颜色;
基于所获取的像素点的颜色,确定像素点数量最多的颜色作为所述第一图片的主题色。
3.根据权利要求1或2所述的方法,其特征在于,所述根据所述所述第一图片的主题色设置第二图片的主色调,具体包括:
根据第一透明度对所述主题色的色值进行处理,得到第一色值;
将所述第一色值设置为所述第二图片的主色调的色值;
其中,所述第一透明度为所述第一图片中颜色为所述主题色的像素点数量占所述第一图片的像素点数量的百分比。
4.根据权利要求1或2所述的方法,其特征在于,所述根据所述第一图片的主题色设置第二图片的主色调,具体包括:
根据所述主题色的色值、第一颜色的色值以及第一透明度,对所述主题色和所述第一颜色进行颜色叠加,得到第二颜色;其中,所述第一颜色的像素点数量少于所述第一图片中颜色为所述主题色的像素点数量,且多于所述第一图片中除所述主题色和所述第一颜色的其他颜色的像素点的数量,所述第一透明度为所述第一图片中颜色为所述主题色的像素点数量占所述第一图片的像素点数量的百分比;
将所述第二颜色的色值设置为所述第二图片的主色调的色值。
5.一种图片处理装置,其特征在于,包括:
获取模块,被配置为从主题页面中获取第一图片,所述第一图片为所述主题页面的代表图片;
确定模块,被配置为根据所述第一图片确定所述第一图片的主题色,所述主题色为所述第一图片中像素点数量最多的颜色;
设置模块,被配置为根据所述第一图片的主题色设置第二图片的主色调,所述第二图片与所述第一图片关联显示在所述主题页面中。
6.根据权利要求5所述的装置,其特征在于,所述确定模块,具体被配置为获取所述第一图片中除预设像素点以外的像素点的颜色,所述预设像素点包括:颜色是黑色的像素点和/或颜色是白色的像素点;和/或,
获取所述第一图片中预设区域以外的像素点的颜色;
基于所获取的像素点的颜色,确定像素点数量最多的颜色作为所述第一图片的主题色。
7.根据权利要求5或6所述的装置,其特征在于,所述设置模块,具体被配置为根据第一透明度对所述主题色的色值进行处理,得到第一色值;
将所述第一色值设置为所述第二图片的主色调的色值;
其中,所述第一透明度为所述第一图片中颜色为所述主题色的像素点数量占所述第一图片的像素点数量的百分比。
8.根据权利要求5或6所述的装置,其特征在于,所述设置模块,具体被配置为根据所述主题色的色值、第一颜色的色值以及第一透明度,对所述主题色和所述第一颜色进行颜色叠加,得到第二颜色;其中,所述第一颜色的像素点数量少于所述第一图片中颜色为所述主题色的像素点数量,且多于所述第一图片中除所述主题色和所述第一颜色的其他颜色的像素点的数量,所述第一透明度为所述第一图片中颜色为所述主题色的像素点数量占所述第一图片的像素点数量的百分比;
将所述第二颜色的色值设置为所述第二图片的主色调的色值。
9.一种电子设备,其特征在于,包括:
处理器;
用于存储所述处理器可执行指令的存储器;
其中,所述处理器被配置为执行所述指令,以实现如权利要求1至4中任一项所述的图片处理方法。
10.一种存储介质,当所述存储介质中的指令由电子设备的处理器执行时,使得电子设备能够执行如权利要求1至4中任一项所述的图片处理方法。
Priority Applications (1)
Application Number | Priority Date | Filing Date | Title |
---|---|---|---|
CN201911158861.1A CN110838154A (zh) | 2019-11-22 | 2019-11-22 | 一种图片处理方法及装置 |
Applications Claiming Priority (1)
Application Number | Priority Date | Filing Date | Title |
---|---|---|---|
CN201911158861.1A CN110838154A (zh) | 2019-11-22 | 2019-11-22 | 一种图片处理方法及装置 |
Publications (1)
Publication Number | Publication Date |
---|---|
CN110838154A true CN110838154A (zh) | 2020-02-25 |
Family
ID=69577084
Family Applications (1)
Application Number | Title | Priority Date | Filing Date |
---|---|---|---|
CN201911158861.1A Pending CN110838154A (zh) | 2019-11-22 | 2019-11-22 | 一种图片处理方法及装置 |
Country Status (1)
Country | Link |
---|---|
CN (1) | CN110838154A (zh) |
Cited By (4)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
CN111429538A (zh) * | 2020-03-19 | 2020-07-17 | 政采云有限公司 | 一种轮播图播放的方法、系统、设备及可读存储介质 |
CN111814426A (zh) * | 2020-07-20 | 2020-10-23 | 腾讯科技(深圳)有限公司 | 问卷页面配置方法、装置、计算机设备和存储介质 |
CN112579962A (zh) * | 2020-12-29 | 2021-03-30 | 五八有限公司 | 网页颜色调整方法、装置、电子设备和计算机可读介质 |
CN112954429A (zh) * | 2020-12-14 | 2021-06-11 | 海看网络科技(山东)股份有限公司 | 一种iptv中动态生成背景的方法 |
Citations (3)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
CN108206917A (zh) * | 2017-12-29 | 2018-06-26 | 中兴通讯股份有限公司 | 图像处理的方法及装置、存储介质、电子装置 |
CN109783182A (zh) * | 2019-02-15 | 2019-05-21 | 百度在线网络技术(北京)有限公司 | 一种页面主题色调的调整方法、装置、设备及介质 |
CN109783178A (zh) * | 2019-01-24 | 2019-05-21 | 北京字节跳动网络技术有限公司 | 一种界面组件的颜色调整方法、装置、设备和介质 |
-
2019
- 2019-11-22 CN CN201911158861.1A patent/CN110838154A/zh active Pending
Patent Citations (3)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
CN108206917A (zh) * | 2017-12-29 | 2018-06-26 | 中兴通讯股份有限公司 | 图像处理的方法及装置、存储介质、电子装置 |
CN109783178A (zh) * | 2019-01-24 | 2019-05-21 | 北京字节跳动网络技术有限公司 | 一种界面组件的颜色调整方法、装置、设备和介质 |
CN109783182A (zh) * | 2019-02-15 | 2019-05-21 | 百度在线网络技术(北京)有限公司 | 一种页面主题色调的调整方法、装置、设备及介质 |
Cited By (5)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
CN111429538A (zh) * | 2020-03-19 | 2020-07-17 | 政采云有限公司 | 一种轮播图播放的方法、系统、设备及可读存储介质 |
CN111814426A (zh) * | 2020-07-20 | 2020-10-23 | 腾讯科技(深圳)有限公司 | 问卷页面配置方法、装置、计算机设备和存储介质 |
CN111814426B (zh) * | 2020-07-20 | 2023-08-25 | 腾讯科技(深圳)有限公司 | 问卷页面配置方法、装置、计算机设备和存储介质 |
CN112954429A (zh) * | 2020-12-14 | 2021-06-11 | 海看网络科技(山东)股份有限公司 | 一种iptv中动态生成背景的方法 |
CN112579962A (zh) * | 2020-12-29 | 2021-03-30 | 五八有限公司 | 网页颜色调整方法、装置、电子设备和计算机可读介质 |
Similar Documents
Publication | Publication Date | Title |
---|---|---|
CN110838154A (zh) | 一种图片处理方法及装置 | |
CN105955687B (zh) | 图像处理的方法、装置和系统 | |
CN113225427B (zh) | 一种图像显示的方法及终端设备 | |
CN109313793A (zh) | 评估并降低电子显示器的近视源性效应 | |
CN105574924A (zh) | 渲染方法、渲染设备和电子设备 | |
US8532436B2 (en) | Method and apparatus for scaling an image in segments | |
US7656416B2 (en) | Apparatus for generating anti-aliased and stippled 3d lines, points and surfaces using multi-dimensional procedural texture coordinates | |
EP2573670B1 (en) | Character display method and device | |
CN110569013B (zh) | 基于展示屏幕的图像展示方法以及装置 | |
CN107770618A (zh) | 一种图像处理方法、装置及存储介质 | |
CN104658030A (zh) | 二次图像混合的方法和装置 | |
WO2022068293A1 (zh) | 页面展示方法及装置 | |
WO2018076898A1 (zh) | 一种信息输出显示方法、装置及计算机可读存储介质 | |
CN106899878A (zh) | 一种基于omap芯片的透明度可调的视频图像叠加方法及系统 | |
CN115423923A (zh) | 模型渲染方法及装置 | |
US11321812B2 (en) | Display method, display device, virtual reality display device, virtual reality device, and storage medium | |
JP2006332908A (ja) | カラー画像表示装置、カラー画像表示方法、プログラム、および記録媒体 | |
CN111626921A (zh) | 图片处理方法、装置及电子设备 | |
CN102340635A (zh) | 一种多媒体播放设备及其文件的文字显示方法和装置 | |
CN104504350A (zh) | 显示装置、观看装置、显示方法及观看方法 | |
EP3236423A1 (en) | Method and device for compositing an image | |
US20140204005A1 (en) | System, method, and computer program product for distributed processing of overlapping portions of pixels | |
CN102682465A (zh) | 3d格式转换系统和方法 | |
CN112740278B (zh) | 用于图形处理的方法及设备 | |
CN108737851A (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 |