CN107622098A - 网站内容颜色的设置方法和装置、存储介质及电子装置 - Google Patents
网站内容颜色的设置方法和装置、存储介质及电子装置 Download PDFInfo
- Publication number
- CN107622098A CN107622098A CN201710787988.4A CN201710787988A CN107622098A CN 107622098 A CN107622098 A CN 107622098A CN 201710787988 A CN201710787988 A CN 201710787988A CN 107622098 A CN107622098 A CN 107622098A
- Authority
- CN
- China
- Prior art keywords
- picture
- released
- color
- lightness
- content
- 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
Landscapes
- Information Transfer Between Computers (AREA)
Abstract
本发明公开了一种网站内容颜色的设置方法和装置、存储介质及电子装置。其中,该方法包括:获取待发布的内容的明亮度,其中,待发布的内容用于显示在网页的预定位置;根据待发布的内容的明亮度设置待显示在网页的预定位置的文字或图标的颜色;在网页的预定位置显示待发布的内容和待显示在导航位置上的文字或图标。本发明解决了由于网页的背景图与显示在图片上的文字或图标颜色匹配不合理造成的显示不清晰的技术问题。
Description
技术领域
本发明涉及网站领域,具体而言,涉及一种网站内容颜色的设置方法和装置、存储介质及电子装置。
背景技术
随着网络销售的逐渐普及,网站的设计和优化成为了各商家越来越重视的问题,在官网运营的时候,经常会出现一种情景模式就是网站导航下面是一个背景图(广告图),为了便于活动推广与运营活动广告精彩动感化,经常性的需要把焦点广告图和导航打通,显示更大、更丰富的图片以提升官网的整个格调。在这里经常会遇到一个现实的问题:我们的Logo是白色的,若焦点图也是浅色偏白,则Logo会看不清楚。解决方案就需要根据焦点图色调的深浅来适配选择白色或深色的头部Logo、导航文字颜色。
现有的开发方式都是采用前端开发手动修改的方式,或者运营在修改广告图的时候手工配色的方式来实现根据焦点图色调的深浅来适配选择白色或深色的头部Logo、导航文字颜色,来解决背景广告图或横幅广告图与网站导航颜色不匹配显示不清晰识别度低的问题,但是由于现有的技术方案都是采用人工维护的方式来进行修改和调整,人工维护成本较大,对运营人员相对广告图的配色水平也有较高要求。
针对上述的问题,目前尚未提出有效的解决方案。
发明内容
本发明实施例提供了一种网站内容颜色的设置方法和装置、存储介质及电子装置,以至少解决由于网页的背景图与显示在图片上的文字或图标颜色匹配不合理造成的显示不清晰的技术问题。
根据本发明实施例的一个方面,提供了一种网站内容颜色的设置方法,包括:获取待发布的内容的明亮度,其中,所述待发布的内容用于显示在网页的预定位置;根据所述待发布的内容的明亮度设置待显示在所述网页的预定位置的文字或图标的颜色;在所述网页的预定位置显示所述待发布的内容和所述待显示在所述导航位置上的文字或图标。
根据本发明实施例的另一方面,还提供了一种网站内容颜色的设置装置,包括:获取单元,用于获取待发布的内容的明亮度,其中,所述待发布的内容用于显示在网页的预定位置;设置单元,用于根据所述待发布的内容的明亮度设置待显示在所述网页的导航位置的文字或图标的颜色;显示单元,用于在所述网页的预定位置显示所述待发布的内容和所述待显示在所述导航位置上的文字或图标。
根据本发明实施例的另一方面,还提供了一种存储介质,包括存储的程序,其中,所述程序运行时执行本发明所述的方法。
根据本发明实施例的另一方面,还提供了一种电子装置,包括存储器、处理器及存储在所述存储器上并可在所述处理器上运行的计算机程序,其特征在于,所述处理器通过所述计算机程序执行本发明所述的方法。
在本发明实施例中,通过获取待发布的内容的明亮度,其中,所述待发布的内容用于显示在网页的预定位置;根据所述待发布的内容的明亮度设置待显示在所述网页的导航位置的文字或图标的颜色;在所述网页的预定位置显示所述待发布的内容和所述待显示在所述导航位置上的文字或图标,达到了根据待发布的内容的明亮度调整文字和图片的明亮度的目的,从而实现了根据待发布的内容的明亮度调节网页导航位置图片和文字的明亮度以提高识别度的技术效果,进而解决了由于网页的背景图与显示在图片上的文字或图标颜色匹配不合理造成的显示不清晰的技术问题。
附图说明
此处所说明的附图用来提供对本发明的进一步理解,构成本申请的一部分,本发明的示意性实施例及其说明用于解释本发明,并不构成对本发明的不当限定。在附图中:
图1是根据本发明实施例的网站内容颜色的设置方法的硬件环境的示意图;
图2是根据本发明实施例的一种可选的网站内容颜色的设置方法的流程图;
图3是根据本发明实施例的一种可选的网站内容颜色的设置方法的流程图;
图4是根据本发明实施例的一种广告图和导航文字匹配界面的示意图;
图5是根据本发明实施例的一种可选的网站内容颜色的设置装置的示意图;以及
图6是根据本发明实施例的一种终端的结构框图。
具体实施方式
为了使本技术领域的人员更好地理解本发明方案,下面将结合本发明实施例中的附图,对本发明实施例中的技术方案进行清楚、完整地描述,显然,所描述的实施例仅仅是本发明一部分的实施例,而不是全部的实施例。基于本发明中的实施例,本领域普通技术人员在没有做出创造性劳动前提下所获得的所有其他实施例,都应当属于本发明保护的范围。
需要说明的是,本发明的说明书和权利要求书及上述附图中的术语“第一”、“第二”等是用于区别类似的对象,而不必用于描述特定的顺序或先后次序。应该理解这样使用的数据在适当情况下可以互换,以便这里描述的本发明的实施例能够以除了在这里图示或描述的那些以外的顺序实施。此外,术语“包括”和“具有”以及他们的任何变形,意图在于覆盖不排他的包含,例如,包含了一系列步骤或单元的过程、方法、系统、产品或设备不必限于清楚地列出的那些步骤或单元,而是可包括没有清楚地列出的或对于这些过程、方法、产品或设备固有的其它步骤或单元。
实施例
根据本发明实施例,提供了一种网站内容颜色的设置的方法实施例。
可选地,在本实施例中,上述网站内容颜色的设置方法可以应用于如图1所示的由服务器102和终端104所构成的硬件环境中。如图1所示,服务器102通过网络与终端104进行连接,上述网络包括但不限于:广域网、城域网或局域网,终端104并不限定于PC、手机、平板电脑等。本发明实施例的网站内容颜色的设置方法可以由服务器102来执行,也可以由终端104来执行,还可以是由服务器102和终端104共同执行。其中,终端104执行本发明实施例的网站内容颜色的设置方法也可以是由安装在其上的客户端来执行。
图2是根据本发明实施例的一种可选的网站内容颜色的设置方法的流程图,如图2所示,该方法可以包括以下步骤:
步骤S202,获取待发布的内容的明亮度,其中,待发布的内容用于显示在网页的预定位置。
步骤S204,根据待发布的内容的明亮度设置待显示在网页的导航位置的文字或图标的颜色。
步骤S206,在网页的预定位置显示待发布的内容和待显示在导航位置上的文字或图标。
通过上述步骤S202至步骤S206,通过获取待发布的内容的明亮度,其中,所述待发布的内容用于显示在网页的预定位置;根据所述待发布的内容的明亮度设置待显示在所述网页的导航位置的文字或图标的颜色;在所述网页的预定位置显示所述待发布的内容和所述待显示在所述导航位置上的文字或图标,解决了由于网页的背景图与显示在图片上的文字或图标颜色匹配不合理造成的显示不清晰的技术问题,进而达到根据待发布的内容的明亮度调整文字和图片的明亮度以提高识别度的技术效果。
在步骤S202提供的技术方案中,待发布的内容可以是图片,也可以是文字等内容,预定位置的一部分为网页的导航位置,也即待发布的图片的一部分显示在网站的导航位置上,通常图片尺寸比较大,除了导航位置还可以覆盖其他位置,可以作为导航位置的背景图。
例如,在一些网站中,网站导航位置会显示一个背景图(或称广告图),用于宣传,在导航位置背景图上显示导航栏的控件,每个控件上有控件名称,这些文字的颜色如果与导航位置的背景图颜色都是深色或者都是浅色,则文字的辨识度会比较低,很难分清,因此获取待发布的内容的明亮度。获取待发布的内容的明亮度可以通过多种方法,对于颜色较为简单的图片或文字,可以随机获取待发布内容的某个位置的明亮度作为整个图片的明亮度,对于颜色较为复杂的图片或文字,则需要获取待发布内容中多个位置的明亮度来共同确定图片的颜色明亮度。通常情况下,明亮度大时,颜色较浅,明亮度小时,颜色较深。
在步骤S204提供的技术方案中,根据待发布的内容的明亮度设置待显示在网页的导航位置的文字或图标的颜色,待发布的内容的明亮度可以通过YUV颜色编码方法中的Y参数来确定,随着科技进步和发展,待发布的内容的明亮度也可以通过其他方法或参数来表示,以待发布的内容是图片为例,如果图片的明亮度大于等于第一明亮度,可以确定图片的颜色为浅色,如果图片的明亮度小于第一明亮度,可以确定图片的颜色为深色,根据待发布内容的明亮度设置待显示在网页的导航位置的文字或图标颜色可以是根据待发布的内容的明亮度设置导航栏的文字或图标的颜色以与待发布内容的明亮度形成反差方便用户查看。
可选地,在待发布的图片的颜色为浅色的情况下,将导航栏的文字或图标(logo)的颜色设置为深色,也即设置导航栏的文字或图标的明亮度小于第一预设阈值,在图片的颜色为深色的情况下,将导航栏的文字或图标的颜色设置为浅色,设置导航栏的文字或图标的明亮度大于第二预设阈值。第一预设阈值小于第二预设阈值,第一明亮度大于等于第一预设阈值且小于等于第二预设阈值。优选的方案中,第一预设阈值小于第一明亮度小于第二明亮度,这样,在导航图片的颜色为深色的情况下,就可以设置导航栏的文字或图标的颜色为浅色,其中,导航图片的颜色与文字或图标的颜色反差越大越清晰容易辨认,但是考虑到导航文字的色彩显示,导航文字并不是取最大的明亮度或最小的明亮度,而是取一个色彩合适又容易区分的最佳值。
在步骤S206提供的技术方案中,在根据待发布的内容的明亮度确定出导航位置的文字或图标的颜色的明亮度之后,按照确定的明亮度在导航位置显示待发布的内容和待显示在导航位置上的文字或图标。
作为一种可选的实施例,获取待发布的内容的明亮度可以是:对待发布的图片进行分区,得到多个图片区块;从多个图片区块中提取预设数量的采样点的颜色;根据预设数量的采样点的颜色得到待发布的图片的明亮度。
获取待发布的图片的明亮度可以由网站后台管理系统执行,获取待发布的图片的明亮度可以是分区获取,首先对待发布的图片进行分区,得到多个图片区块,从每个区块中确定一定数量的采样点,提取各个采样点的颜色,然后根据提取到的多个采样点的颜色确定图片整体的明亮度。例如,可以是计算图片整体中明亮度大于第一明亮度的采样点的数量和小于第一明亮度的采样点的数量,明亮度大的采样点的数量多则可以确定图片整体是浅色,反之则图片是深色。还可以通过对明亮度取平均值的方式确定图片整体的颜色深浅。
作为一种可选的实施例,根据预设数量的采样点的颜色得到待发布的图片的明亮度包括:提取每个采样点的颜色的R、G、B数值;计算所有采样点的颜色的R、G、B数值的平均值,得到平均R、G、B数值;根据平均R、G、B数值计算得到待发布的图片的明亮度。
确定图片的明亮度可以是提取每个采样点的RGB颜色数值,对于多个采样点,分别提取每个采样点的RGB颜色数值然后对所有的采样点的R值取平均值,G值取平均值,B值取平均值,得到所有采样点的颜色的R、G、B数值的平均值,将平均值计算得到待发布的图片的明亮度。通过计算每个采样点的RGB颜色的平均值能够使图片的明亮度的确定更加准确。
作为一种可选的实施例,在对待发布的图片进行分区之前,将待发布的图片转换为canvas格式的图片,对待发布的图片进行分区,得到多个图片区块包括:对canvas格式的图片进行分区,得到canvas格式的多个图片区块。
在对待发布的图片进行分区之前,将图片转换成canvas格式,转换的过程可以由客户端浏览器来执行,将图片转换成canvas格式可以使浏览器能够读取到图片的信息数据,将图片展现为利于读取数据的canvas格式图片网页形式。在转换完成之后,将对canvas格式的图片进行分区,得到canvas格式的多个图片区块。
作为一种可选的实施例,在将待发布的图片转换为canvas格式的图片之后,通过预设的方法函数与系统接口读取canvas格式的图片的数据信息。
系统内部将图片转换为canvas,浏览器通过自带的方法函数与系统接口读取到canvas图片画布的数据信息,用以后面的计算。
作为一种可选的实施例,对待发布的图片进行分区,得到多个图片区块包括:将待发布的图片平均分成四个区块,从多个图片区块中提取预设数量的采样点的颜色包括:按照位置对称分布从四个区块中确定预设数量的采样点的位置,提取采样点的位置处的图片的颜色。
在对图片进行分区时,可以分为四个区域模块,然后在四个区域模块中平均对称取点,提取采样点的位置处的图片的颜色,根据提取的颜色确定明暗度,得到最接近该广告图片整体的明暗度。
可选地,在通过本发明实施例的网站内容颜色的设置方法得到导航文字或图标的明暗度之后,还可以进行人工干预调整,例如,可以通过人工干预调整得到更加美观的导航栏文字或图片的明暗度和颜色。
本发明实施例的技术方案通过焦点图+导航区配色自动匹配算法,辅助人工干预策略(编辑可干预算法计算出的结果)使首页焦点图与导航区颜色得到完美匹配,极大程度减少人工干预,提高用户视觉体验,大大提升了运营效率。解决了背景广告图或横幅广告图与网站导航颜色不匹配显示不清晰识别度低的问题,还能够解决运营修改背景广告图或横幅广告图后需要手工配置导航颜色的问题。
本发明还提供了一种优选实施例,该优选实施例包括以下步骤:
步骤S301,广告焦点图上传。
在后台系统中运营人员选择需要发布的广告图上传,网站后台管理系统获取当前广告焦点图,也即待发布的图片。
步骤S302,转换为canvas。
系统内部会将图片转换为canvas,并可以使用canvas方法对这个临时图片进行接口操作。接口指的是,浏览器通过自带的方法函数与系统接口读取到canvas图片画布的数据信息,用以后面的计算。
步骤S303,分区提取颜色。
通过获取canvas图片的区域位置信息,打点取几个地方区块的颜色,并对颜色值进行平均处理。
步骤S304,分离出RGB。
获取的颜色可以提取出三原色,取到红(R)、绿(G)、蓝(B)三个颜色通道的数值。
步骤S305,RGB转换为YUV。
YUV是编译true-color颜色空间(color space)的种类,Y'UV,YUV,YCbCr,YPbPr等专有名词都可以称为YUV,彼此有重叠。“Y”表示明亮度(Luminance、Luma),“U”和“V”则是色度、浓度(Chrominance、Chroma)。
Y'UV的发明是由于彩色电视与黑白电视的过渡时期。黑白视讯只有Y(Luma,Luminance)视讯,也就是灰阶值。到了彩色电视规格的制定,是以YUV/YIQ的格式来处理彩色电视图像,把UV视作表示彩度的C(Chrominance或Chroma),如果忽略C信号,那么剩下的Y(Luma)信号就跟之前的黑白电视信号相同,这样一来便解决彩色电视机与黑白电视机的相容问题。
在YUV模型中,Y用来表示明亮度,有了这个值就可以算出头部Logo、导航是用浅色还是深色。
YUV与RGB转换公式:
Y=0.299*R+0.587*G+0.114*B;
U=-0.169*R-0.331*G+0.5*B+128;
V=0.5*R-0.419*G-0.081*B+128;
Y、U、V取值范围与RGB一样皆为:[0,255]
步骤S306,如果判断出当前图片颜色为浅色,则执行步骤S307,使用深色导航文字和图标颜色。
步骤S308,如果判断出当前图片颜色为深色,则执行步骤S309,使用浅色导航文字和图标颜色。
图4是根据本发明实施例的一种广告图和导航文字匹配界面的示意图,如图4所示,在确定广告图的颜色深浅之后,根据颜色深浅进行自动匹配反差显示导航文字的颜色,在图片深色时调整导航文字颜色为浅色,在图片浅色时调整导航文字为深色。
本发明实施例的技术方案通过焦点图+导航区配色自动匹配算法,辅助人工干预策略(编辑可干预算法计算出的结果)使首页焦点图与导航区颜色得到完美匹配,极大程度减少人工干预,提高用户视觉体验,大大提升了运营效率。
需要说明的是,对于前述的各方法实施例,为了简单描述,故将其都表述为一系列的动作组合,但是本领域技术人员应该知悉,本发明并不受所描述的动作顺序的限制,因为依据本发明,某些步骤可以采用其他顺序或者同时进行。其次,本领域技术人员也应该知悉,说明书中所描述的实施例均属于优选实施例,所涉及的动作和模块并不一定是本发明所必须的。
通过以上的实施方式的描述,本领域的技术人员可以清楚地了解到根据上述实施例的方法可借助软件加必需的通用硬件平台的方式来实现,当然也可以通过硬件,但很多情况下前者是更佳的实施方式。基于这样的理解,本发明的技术方案本质上或者说对现有技术做出贡献的部分可以以软件产品的形式体现出来,该计算机软件产品存储在一个存储介质(如ROM/RAM、磁碟、光盘)中,包括若干指令用以使得一台终端设备(可以是手机,计算机,服务器,或者网络设备等)执行本发明各个实施例所述的方法。
根据本发明的一实施例,还提供了一种用于实施上述网站内容颜色的设置方法的网站内容颜色的设置装置。图5是根据本发明实施例的一种可选的网站内容颜色的设置装置的示意图,如图5所示,该装置可以包括:
获取单元10,获取单元,用于获取待发布的内容的明亮度,其中,待发布的内容用于显示在网页的预定位置;
设置单元20,用于根据待发布的内容的明亮度设置待显示在网页的导航位置的文字或图标的颜色;
显示单元30,用于在网页的预定位置显示待发布的内容和待显示在导航位置上的文字或图标。
需要说明的是,该实施例中的获取单元10可以用于执行本申请实施例1中的步骤S202,该实施例中的设置单元20可以用于执行本申请实施例1中的步骤S204,该实施例中的显示单元30可以用于执行本申请实施例1中的步骤S206。
此处需要说明的是,上述模块与对应的步骤所实现的示例和应用场景相同,但不限于上述实施例所公开的内容。需要说明的是,上述模块作为装置的一部分可以运行在如图1所示的硬件环境中,可以通过软件实现,也可以通过硬件实现。
通过上述模块,可以解决了由于网页的背景图与显示在图片上的文字或图标颜色匹配不合理造成的显示不清晰的技术问题,进而达到根据网站导航栏的背景图的明亮度调节图片和文字明亮度以提高识别度的技术效果。
作为一种可选的实施例,待发布的内容包括待发布的图片,预定位置的一部分为网页的导航位置,设置单元用于:在明亮度大于等于第一明亮度时,将待显示在导航位置上的文字或图标的颜色的明亮度设置为小于第一预设阈值;在明亮度小于第一明亮度时,将文字或图标的颜色的明亮度设置为大于第二预设阈值,其中,第一预设阈值小于第二预设阈值。
作为一种可选的实施例,待发布的内容包括待发布的图片,获取单元10包括:分区模块,用于对待发布的图片进行分区,得到多个图片区块;提取模块,用于从多个图片区块中提取预设数量的采样点的颜色;处理模块,用于根据预设数量的采样点的颜色得到待发布的图片的明亮度。
作为一种可选的实施例,处理模块用于:提取每个采样点的颜色的R、G、B数值;计算所有采样点的颜色的R、G、B数值的平均值,得到平均R、G、B数值;根据平均R、G、B数值计算得到待发布的图片的明亮度。
作为一种可选的实施例,该装置还包括:转换单元,用于在对待发布的图片进行分区之前,将待发布的图片转换为canvas格式的图片,分区模块用于:对canvas格式的图片进行分区,得到canvas格式的多个图片区块。
作为一种可选的实施例,该装置还包括:读取单元,用于在将待发布的图片转换为canvas格式的图片之后,通过预设的方法函数与系统接口读取canvas格式的图片的数据信息。
作为一种可选的实施例,分区模块用于将待发布的图片平均分成四个区块,提取模块用于按照位置对称分布从四个区块中确定预设数量的采样点的位置,提取采样点的位置处的图片的颜色。
此处需要说明的是,上述模块与对应的步骤所实现的示例和应用场景相同,但不限于上述实施例1所公开的内容。需要说明的是,上述模块作为装置的一部分可以运行在如图1所示的硬件环境中,可以通过软件实现,也可以通过硬件实现,其中,硬件环境包括网络环境。
根据本发明其中一实施例,还提供了一种用于实施上述网站内容颜色的设置方法的服务器或终端。
图6是根据本发明实施例的一种电子装置的结构框图,如图6所示,该电子装置可以包括:一个或多个(图中仅示出一个)处理器201、存储器203、以及传输装置205(如上述实施例中的发送装置),如图6所示,该电子装置还可以包括输入输出设备207。
其中,存储器203可用于存储软件程序以及模块,如本发明实施例中的网站内容颜色的设置方法和装置对应的程序指令/模块,处理器201通过运行存储在存储器203内的软件程序以及模块,从而执行各种功能应用以及数据处理,即实现上述的网站内容颜色的设置方法。存储器203可包括高速随机存储器,还可以包括非易失性存储器,如一个或者多个磁性存储装置、闪存、或者其他非易失性固态存储器。在一些实例中,存储器203可进一步包括相对于处理器201远程设置的存储器,这些远程存储器可以通过网络连接至电子装置。上述网络的实例包括但不限于互联网、企业内部网、局域网、移动通信网及其组合。
上述的传输装置205用于经由一个网络接收或者发送数据,还可以用于处理器与存储器之间的数据传输。上述的网络具体实例可包括有线网络及无线网络。在一个实例中,传输装置205包括一个网络适配器(Network Interface Controller,NIC),其可通过网线与其他网络设备与路由器相连从而可与互联网或局域网进行通讯。在一个实例中,传输装置205为射频(Radio Frequency,RF)模块,其用于通过无线方式与互联网进行通讯。
其中,具体地,存储器203用于存储应用程序。
处理器201可以通过传输装置205调用存储器203存储的应用程序,以执行下述步骤:获取待发布的内容的明亮度,其中,待发布的内容用于显示在网页的预定位置;根据待发布的内容的明亮度设置待显示在网页的导航位置的文字或图标的颜色;在网页的预定位置显示待发布的内容和待显示在导航位置上的文字或图标。
处理器201还用于执行下述步骤:对待发布的图片进行分区,得到多个图片区块;从多个图片区块中提取预设数量的采样点的颜色;根据预设数量的采样点的颜色得到待发布的图片的明亮度。
处理器201还用于执行下述步骤:在明亮度大于等于第一明亮度时,将待显示在导航位置上的文字或图标的颜色的明亮度设置为小于第一预设阈值;在明亮度小于第一明亮度时,将文字或图标的颜色的明亮度设置为大于第二预设阈值,其中,第一预设阈值小于第二预设阈值。
处理器201还用于执行下述步骤:提取每个采样点的颜色的R、G、B数值;计算所有采样点的颜色的R、G、B数值的平均值,得到平均R、G、B数值;根据平均R、G、B数值计算得到待发布的图片的明亮度。
处理器201还用于执行下述步骤:将待发布的图片转换为canvas格式的图片,对canvas格式的图片进行分区,得到canvas格式的多个图片区块。
处理器201还用于执行下述步骤:通过预设的方法函数与系统接口读取canvas格式的图片的数据信息。
处理器201还用于执行下述步骤:将待发布的图片平均分成四个区块,按照位置对称分布从四个区块中确定预设数量的采样点的位置,提取采样点的位置处的图片的颜色。
采用本发明实施例,通过获取待发布的内容的明亮度,其中,所述待发布的内容用于显示在网页的预定位置;根据所述待发布的内容的明亮度设置待显示在所述网页的导航位置的文字或图标的颜色;在所述网页的预定位置显示所述待发布的内容和所述待显示在所述导航位置上的文字或图标,达到了根据待发布的内容的明亮度调整文字和图片的明亮度的目的,从而实现了根据待发布的内容的明亮度调节网页导航位置图片和文字的明亮度以提高识别度的技术效果,进而解决了由于网页的背景图与显示在图片上的文字或图标颜色匹配不合理造成的显示不清晰的技术问题。
可选地,本实施例中的具体示例可以参考上述实施例1和实施例2中所描述的示例,本实施例在此不再赘述。
本领域普通技术人员可以理解,图6所示的结构仅为示意,终端可以是智能手机(如Android手机、iOS手机等)、平板电脑、掌上电脑以及移动互联网设备(Mobile InternetDevices,MID)、PAD等终端设备。图6其并不对上述电子装置的结构造成限定。例如,终端还可包括比图6中所示更多或者更少的组件(如网络接口、显示装置等),或者具有与图6所示不同的配置。
本领域普通技术人员可以理解上述实施例的各种方法中的全部或部分步骤是可以通过程序来指令终端设备相关的硬件来完成,该程序可以存储于一计算机可读存储介质中,存储介质可以包括:闪存盘、只读存储器(Read-Only Memory,ROM)、随机存取器(RandomAccess Memory,RAM)、磁盘或光盘等。
本发明的其中一实施例还提供了一种存储介质。可选地,在本实施例中,上述存储介质可以用于执行网站内容颜色的设置方法的程序代码。
可选地,在本实施例中,上述存储介质可以位于上述实施例所示的网络中的多个网络设备中的至少一个网络设备上。
可选地,在本实施例中,存储介质被设置为存储用于执行以下步骤的程序代码:
S1,获取待发布的内容的明亮度,其中,待发布的内容用于显示在网页的预定位置;
S2,根据待发布的内容的明亮度设置待显示在网页的导航位置的文字或图标的颜色;
S3,在网页的预定位置显示待发布的内容和待显示在导航位置上的文字或图标。
可选地,存储介质还被设置为存储用于执行以下步骤的程序代码:在明亮度大于等于第一明亮度时,将待显示在导航位置上的文字或图标的颜色的明亮度设置为小于第一预设阈值;在明亮度小于第一明亮度时,将文字或图标的颜色的明亮度设置为大于第二预设阈值,其中,第一预设阈值小于第二预设阈值。
可选地,存储介质还被设置为存储用于执行以下步骤的程序代码:对待发布的图片进行分区,得到多个图片区块;从多个图片区块中提取预设数量的采样点的颜色;根据预设数量的采样点的颜色得到待发布的图片的明亮度。
可选地,存储介质还被设置为存储用于执行以下步骤的程序代码:提取每个采样点的颜色的R、G、B数值;计算所有采样点的颜色的R、G、B数值的平均值,得到平均R、G、B数值;根据平均R、G、B数值计算得到待发布的图片的明亮度。
可选地,存储介质还被设置为存储用于执行以下步骤的程序代码:将待发布的图片转换为canvas格式的图片,对canvas格式的图片进行分区,得到canvas格式的多个图片区块。
可选地,存储介质还被设置为存储用于执行以下步骤的程序代码:通过预设的方法函数与系统接口读取canvas格式的图片的数据信息。
可选地,存储介质还被设置为存储用于执行以下步骤的程序代码:将待发布的图片平均分成四个区块,按照位置对称分布从四个区块中确定预设数量的采样点的位置,提取采样点的位置处的图片的颜色。
可选地,本实施例中的具体示例可以参考上述实施例1和实施例2中所描述的示例,本实施例在此不再赘述。
可选地,在本实施例中,上述存储介质可以包括但不限于:U盘、只读存储器(ROM,Read-Only Memory)、随机存取存储器(RAM,Random Access Memory)、移动硬盘、磁碟或者光盘等各种可以存储程序代码的介质。
上述本发明实施例序号仅仅为了描述,不代表实施例的优劣。
上述实施例中的集成的单元如果以软件功能单元的形式实现并作为独立的产品销售或使用时,可以存储在上述计算机可读取的存储介质中。基于这样的理解,本发明的技术方案本质上或者说对现有技术做出贡献的部分或者该技术方案的全部或部分可以以软件产品的形式体现出来,该计算机软件产品存储在存储介质中,包括若干指令用以使得一台或多台计算机设备(可为个人计算机、服务器或者网络设备等)执行本发明各个实施例所述方法的全部或部分步骤。
在本发明的上述实施例中,对各个实施例的描述都各有侧重,某个实施例中没有详述的部分,可以参见其他实施例的相关描述。
在本申请所提供的几个实施例中,应该理解到,所揭露的客户端,可通过其它的方式实现。其中,以上所描述的装置实施例仅仅是示意性的,例如所述单元的划分,仅仅为一种逻辑功能划分,实际实现时可以有另外的划分方式,例如多个单元或组件可以结合或者可以集成到另一个系统,或一些特征可以忽略,或不执行。另一点,所显示或讨论的相互之间的耦合或直接耦合或通信连接可以是通过一些接口,单元或模块的间接耦合或通信连接,可以是电性或其它的形式。
所述作为分离部件说明的单元可以是或者也可以不是物理上分开的,作为单元显示的部件可以是或者也可以不是物理单元,即可以位于一个地方,或者也可以分布到多个网络单元上。可以根据实际的需要选择其中的部分或者全部单元来实现本实施例方案的目的。
另外,在本发明各个实施例中的各功能单元可以集成在一个处理单元中,也可以是各个单元单独物理存在,也可以两个或两个以上单元集成在一个单元中。上述集成的单元既可以采用硬件的形式实现,也可以采用软件功能单元的形式实现。
以上所述仅是本发明的优选实施方式,应当指出,对于本技术领域的普通技术人员来说,在不脱离本发明原理的前提下,还可以做出若干改进和润饰,这些改进和润饰也应视为本发明的保护范围。
Claims (15)
1.一种网站内容颜色的设置方法,其特征在于,包括:
获取待发布的内容的明亮度,其中,所述待发布的内容用于显示在网页的预定位置;
根据所述待发布的内容的明亮度设置待显示在所述网页的导航位置的文字或图标的颜色;
在所述网页的预定位置显示所述待发布的内容和所述待显示在所述导航位置上的文字或图标。
2.根据权利要求1所述的方法,其特征在于,所述待发布的内容包括待发布的图片,所述预定位置的一部分为所述网页的导航位置,根据所述待发布的内容的明亮度设置待显示在所述网页的导航位置的文字或图标的颜色包括:
在所述明亮度大于等于第一明亮度时,将待显示在所述导航位置上的文字或图标的颜色的明亮度设置为小于第一预设阈值;
在所述明亮度小于所述第一明亮度时,将所述文字或图标的颜色的明亮度设置为大于第二预设阈值,其中,所述第一预设阈值小于所述第二预设阈值。
3.根据权利要求1所述的方法,其特征在于,所述待发布的内容包括待发布的图片,获取所述待发布的内容的明亮度包括:
对所述待发布的图片进行分区,得到多个图片区块;
从所述多个图片区块中提取预设数量的采样点的颜色;
根据预设数量的所述采样点的颜色得到所述待发布的图片的明亮度。
4.根据权利要求3所述的方法,其特征在于,根据所述预设数量的所述采样点的颜色得到所述待发布的图片的明亮度包括:
提取每个所述采样点的颜色的R、G、B数值;
计算所有采样点的颜色的R、G、B数值的平均值,得到平均R、G、B数值;
根据所述平均R、G、B数值计算得到所述待发布的图片的明亮度。
5.根据权利要求3所述的方法,其特征在于,
在对所述待发布的图片进行分区之前,所述方法还包括:将所述待发布的图片转换为canvas格式的图片,
对所述待发布的图片进行分区,得到多个图片区块包括:对所述canvas格式的图片进行分区,得到canvas格式的多个图片区块。
6.根据权利要求5所述的方法,其特征在于,
在将所述待发布的图片转换为canvas格式的图片之后,所述方法还包括:通过预设的方法函数与系统接口读取canvas格式的图片的数据信息。
7.根据权利要求3所述的方法,其特征在于,
对所述待发布的图片进行分区,得到多个图片区块包括:将所述待发布的图片平均分成四个区块,
从所述多个图片区块中提取预设数量的采样点的颜色包括:按照位置对称分布从所述四个区块中确定预设数量的所述采样点的位置,
提取所述采样点的位置处的图片的颜色。
8.一种网站内容颜色的设置装置,其特征在于,包括:
获取单元,用于获取待发布的内容的明亮度,其中,所述待发布的内容用于显示在网页的预定位置;
设置单元,用于根据所述待发布的内容的明亮度设置待显示在所述网页的导航位置的文字或图标的颜色;
显示单元,用于在所述网页的预定位置显示所述待发布的内容和所述待显示在所述导航位置上的文字或图标。
9.根据权利要求8所述的装置,其特征在于,所述待发布的内容包括待发布的图片,所述预定位置的一部分为所述网页的导航位置,所述设置单元用于:
在所述明亮度大于等于第一明亮度时,将待显示在所述导航位置上的文字或图标的颜色的明亮度设置为小于第一预设阈值;
在所述明亮度小于所述第一明亮度时,将所述文字或图标的颜色的明亮度设置为大于第二预设阈值,其中,所述第一预设阈值小于所述第二预设阈值。
10.根据权利要求8所述的装置,其特征在于,所述待发布的内容包括待发布的图片,所述获取单元包括:
分区模块,用于对所述待发布的图片进行分区,得到多个图片区块;
提取模块,用于从所述多个图片区块中提取预设数量的采样点的颜色;
处理模块,用于根据预设数量的所述采样点的颜色得到所述待发布的图片的明亮度。
11.根据权利要求10所述的装置,其特征在于,所述处理模块用于:
提取每个所述采样点的颜色的R、G、B数值;
计算所有采样点的颜色的R、G、B数值的平均值,得到平均R、G、B数值;
根据所述平均R、G、B数值计算得到所述待发布的图片的明亮度。
12.根据权利要求10所述的装置,其特征在于,
所述装置还包括:转换单元,用于在对所述待发布的图片进行分区之前,将所述待发布的图片转换为canvas格式的图片,
所述分区模块用于:对所述canvas格式的图片进行分区,得到canvas格式的多个图片区块。
13.根据权利要求12所述的装置,其特征在于,
所述装置还包括:读取单元,用于在将所述待发布的图片转换为canvas格式的图片之后,通过预设的方法函数与系统接口读取canvas格式的图片的数据信息。
14.一种存储介质,其特征在于,所述存储介质包括存储的程序,其中,所述程序运行时执行所述权利要求1至7任一项中所述的方法。
15.一种电子装置,包括存储器、处理器及存储在所述存储器上并可在所述处理器上运行的计算机程序,其特征在于,所述处理器通过所述计算机程序执行所述权利要求1至7中任一项所述的方法。
Priority Applications (1)
Application Number | Priority Date | Filing Date | Title |
---|---|---|---|
CN201710787988.4A CN107622098A (zh) | 2017-09-04 | 2017-09-04 | 网站内容颜色的设置方法和装置、存储介质及电子装置 |
Applications Claiming Priority (1)
Application Number | Priority Date | Filing Date | Title |
---|---|---|---|
CN201710787988.4A CN107622098A (zh) | 2017-09-04 | 2017-09-04 | 网站内容颜色的设置方法和装置、存储介质及电子装置 |
Publications (1)
Publication Number | Publication Date |
---|---|
CN107622098A true CN107622098A (zh) | 2018-01-23 |
Family
ID=61089414
Family Applications (1)
Application Number | Title | Priority Date | Filing Date |
---|---|---|---|
CN201710787988.4A Pending CN107622098A (zh) | 2017-09-04 | 2017-09-04 | 网站内容颜色的设置方法和装置、存储介质及电子装置 |
Country Status (1)
Country | Link |
---|---|
CN (1) | CN107622098A (zh) |
Cited By (3)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
CN110704052A (zh) * | 2018-07-10 | 2020-01-17 | 腾讯科技(深圳)有限公司 | 业务平台颜色的配置方法和装置、存储介质、电子装置 |
CN111368502A (zh) * | 2019-05-15 | 2020-07-03 | 深圳市鸿合创新信息技术有限责任公司 | 一种修改文字颜色的方法、装置、设备及存储介质 |
CN113240776A (zh) * | 2021-05-24 | 2021-08-10 | 广东好太太智能家居有限公司 | 基于canvas改变图片颜色的方法、装置及存储介质 |
Citations (5)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
US20110191334A1 (en) * | 2010-02-04 | 2011-08-04 | Microsoft Corporation | Smart Interface for Color Layout Sensitive Image Search |
CN104537021A (zh) * | 2014-12-18 | 2015-04-22 | 北京奇虎科技有限公司 | 设置浏览器背景的方法和浏览器客户端 |
CN104899211A (zh) * | 2014-03-05 | 2015-09-09 | 腾讯科技(深圳)有限公司 | 网页嵌入对象的配色方法及装置 |
CN105741327A (zh) * | 2014-12-10 | 2016-07-06 | 阿里巴巴集团控股有限公司 | 提取图片的主色和醒目色的方法和装置 |
CN105786896A (zh) * | 2014-12-24 | 2016-07-20 | 阿里巴巴集团控股有限公司 | 一种页面侧边栏的颜色渲染方法及装置 |
-
2017
- 2017-09-04 CN CN201710787988.4A patent/CN107622098A/zh active Pending
Patent Citations (5)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
US20110191334A1 (en) * | 2010-02-04 | 2011-08-04 | Microsoft Corporation | Smart Interface for Color Layout Sensitive Image Search |
CN104899211A (zh) * | 2014-03-05 | 2015-09-09 | 腾讯科技(深圳)有限公司 | 网页嵌入对象的配色方法及装置 |
CN105741327A (zh) * | 2014-12-10 | 2016-07-06 | 阿里巴巴集团控股有限公司 | 提取图片的主色和醒目色的方法和装置 |
CN104537021A (zh) * | 2014-12-18 | 2015-04-22 | 北京奇虎科技有限公司 | 设置浏览器背景的方法和浏览器客户端 |
CN105786896A (zh) * | 2014-12-24 | 2016-07-20 | 阿里巴巴集团控股有限公司 | 一种页面侧边栏的颜色渲染方法及装置 |
Cited By (5)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
CN110704052A (zh) * | 2018-07-10 | 2020-01-17 | 腾讯科技(深圳)有限公司 | 业务平台颜色的配置方法和装置、存储介质、电子装置 |
CN110704052B (zh) * | 2018-07-10 | 2022-02-08 | 腾讯科技(深圳)有限公司 | 业务平台颜色的配置方法和装置、存储介质、电子装置 |
CN111368502A (zh) * | 2019-05-15 | 2020-07-03 | 深圳市鸿合创新信息技术有限责任公司 | 一种修改文字颜色的方法、装置、设备及存储介质 |
CN113240776A (zh) * | 2021-05-24 | 2021-08-10 | 广东好太太智能家居有限公司 | 基于canvas改变图片颜色的方法、装置及存储介质 |
CN113240776B (zh) * | 2021-05-24 | 2024-01-02 | 广东好太太智能家居有限公司 | 基于canvas改变图片颜色的方法、装置及存储介质 |
Similar Documents
Publication | Publication Date | Title |
---|---|---|
CN108320312B (zh) | 图片的配色方法及装置、计算机终端 | |
WO2017059732A1 (zh) | 调整显示色域的显示设备及其调整显示色域的方法 | |
EP2887634B1 (en) | Method of mapping source colors from a source color gamut into a target color gamut | |
CN106780635B (zh) | 一种智能终端的图片适配方法及系统 | |
CN108701351B (zh) | 一种图像显示增强方法及装置 | |
KR100791373B1 (ko) | 선호 색을 변환하는 장치 및 방법 | |
CN109345612B (zh) | 一种图像生成方法、装置、设备和存储介质 | |
CN104076928B (zh) | 一种调整文字显示区域色调的方法 | |
CN107622098A (zh) | 网站内容颜色的设置方法和装置、存储介质及电子装置 | |
EP2573670B1 (en) | Character display method and device | |
KR20070090224A (ko) | 전자 색 이미지 채도 처리 방법 | |
US9378564B2 (en) | Methods for color correcting digital images and devices thereof | |
CN107799093A (zh) | 调节终端屏幕亮度的方法、终端及计算机可读存储介质 | |
EP2890107A1 (en) | Method of mapping source colors of images of a video content into the target color gamut of a target color device | |
CN104461614A (zh) | 一种主题资源的处理方法及电子设备 | |
CN111164563B (zh) | 一种智能终端的图像色彩调节系统及色彩调节方法 | |
CN113132696A (zh) | 图像色调映射方法、装置、电子设备和存储介质 | |
CN113316711A (zh) | 用于估计环境光的方法和设备 | |
CN110780961B (zh) | 一种调整应用界面文字颜色的方法、存储介质及终端设备 | |
WO2017143812A1 (zh) | 区分对象的方法和装置 | |
CN108174183A (zh) | 一种基于物联网的vr影像数据控制系统 | |
CN108205795A (zh) | 一种直播过程中人脸图像处理方法及系统 | |
CN113360820B (zh) | 一种页面展示方法、系统、设备和存储介质 | |
CN106250009B (zh) | 交互方法、交互装置、显示设备及图像获取设备 | |
CN115063800A (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 | ||
RJ01 | Rejection of invention patent application after publication |
Application publication date: 20180123 |
|
RJ01 | Rejection of invention patent application after publication |