CN110795659A - 页面背景图的生成方法及其装置 - Google Patents
页面背景图的生成方法及其装置 Download PDFInfo
- Publication number
- CN110795659A CN110795659A CN201910913834.4A CN201910913834A CN110795659A CN 110795659 A CN110795659 A CN 110795659A CN 201910913834 A CN201910913834 A CN 201910913834A CN 110795659 A CN110795659 A CN 110795659A
- Authority
- CN
- China
- Prior art keywords
- information
- image
- color
- page
- page background
- 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
- G06F—ELECTRIC DIGITAL DATA PROCESSING
- G06F16/00—Information retrieval; Database structures therefor; File system structures therefor
- G06F16/90—Details of database functions independent of the retrieved data types
- G06F16/95—Retrieval from the web
- G06F16/958—Organisation or management of web site content, e.g. publishing, maintaining pages or automatic linking
-
- 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
Landscapes
- Engineering & Computer Science (AREA)
- Theoretical Computer Science (AREA)
- Physics & Mathematics (AREA)
- General Physics & Mathematics (AREA)
- Databases & Information Systems (AREA)
- Data Mining & Analysis (AREA)
- General Engineering & Computer Science (AREA)
- Image Processing (AREA)
Abstract
本申请公开了页面背景图的生成方法方法及其装置,涉及页面制作技术领域。其中方法包括:对获取到的图像信息中的原始图像进行频域滤波处理,得到用于生成页面背景色的图像像素信息;利用RGB色彩模式中的三个颜色通道分别对所述图像像素信息进行加权处理,得到页面背景色;对得到的页面背景色进行色调处理,生成与所述图像信息匹配的页面背景图。通过本申请的技术方案,能够为用户智能生成与其发送的图像信息相匹配的个性化页面背景图,从而满足用户的阅读体验需求。
Description
技术领域
本申请涉及页面制作技术领域,尤其是涉及到页面背景图的生成方法及其装置。
背景技术
随着移动互联网的不断发展,阅读页面内容的情况越来越多,从而阅读期间更换背景色的个性化需求也越来越多。在实际的应用场景中,应用程序中都会涉及到页面装修,针对页面装修中的页面背景图,现有的实现方法主要为,通过上传页面背景图等常规方式实现页面背景图的设置,即人工提供固定的页面背景图。
为了增强页面背景图与页面内容的匹配度,可通过上传多个不同颜色的页面背景图,以使其匹配不同的页面内容,但由于页面背景色固定不变,极易出现用户阅读的页面内容与页面背景色的匹配度较低,影响用户的阅读体验。此外,若上传过多的页面背景图,则不仅导致用户阅读的页面内容与页面背景色的匹配度的计算压力较大,且占用较多的存储空间,加载时间较长,同样影响用户的阅读体验。
发明内容
有鉴于此,本申请提供了页面背景图的生成方法及其装置,主要目的在于解决现有技术中通过人工上传页面背景图等常规方式实现页面背景图的设置,导致用户阅读的页面内容与页面背景色的匹配度较低,以及若上传过多的页面背景图,则不仅导致用户阅读的页面内容与页面背景色的匹配度的计算压力较大,且占用较多的存储空间,加载时间较长的技术问题。
根据本申请的一个方面,提供了页面背景图的生成方法,该方法包括:
对获取到的图像信息中的原始图像进行频域滤波处理,得到用于生成页面背景色的图像像素信息;
利用RGB色彩模式中的三个颜色通道分别对所述图像像素信息进行加权处理,得到页面背景色;
对得到的页面背景色进行色调处理,生成与所述图像信息匹配的页面背景图。
优选地,所述对获取到的图像信息中的原始图像进行频域滤波处理,得到用于生成页面背景色的图像像素信息,具体包括:
对所述图像信息中原始图像的原始图像像素信息进行二维傅里叶变换处理,并利用预设的滤波参数进行过滤,得到用于生成页面背景色的图像像素信息。
优选地,所述利用RGB色彩模式中的三个颜色通道分别对所述图像像素信息进行加权处理,得到页面背景色,具体包括:
对所述图像像素信息进行采样,得到第一图像像素信息;
利用预设的三个颜色通道的强度值分别对所述第一图像像素信息进行过滤,得到第二图像像素信息;
利用RGB色彩模式中的三个颜色通道,对所述第二图像像素信息的三个颜色通道的强度值分别进行加权平均处理,得到页面背景色。
优选地,所述对所述图像像素信息进行采样,得到第一图像像素信息,具体包括:
获取客户端的单核频率信息和屏幕像素密度信息;
根据获取到的客户端的单核频率信息和屏幕像素密度信息,以及原始图像的尺寸信息,计算得到用于对所述图像像素信息进行采样的采样率;
根据计算得到的采样率对所述图像像素信息进行采样,得到第一图像像素信息。
优选地,若所述图像信息包括色调信息,则对得到的页面背景色进行色调处理,生成与所述图像信息匹配的页面背景图,具体包括:
若色调信息为冷色调信息,则对所述页面背景色进行冷色调处理,得到与所述色调信息匹配的页面背景图;
若色调信息为暖色调信息,则对所述页面背景色进行暖色调处理,得到与所述色调信息匹配的页面背景图。
优选地,若所述图像信息包括业务类型信息,则对得到的页面背景色进行色调处理,生成与所述图像信息匹配的页面背景图,具体包括:
根据预设的业务类型信息与色调信息的对应关系,确定对所述页面背景色进行冷色调处理或者暖色调处理;
对所述页面背景色进行冷色调处理或者暖色调处理,生成与所述业务类型信息匹配的页面背景图。
根据本申请的又一方面,提供了一种页面背景图的生成装置,该装置包括:
滤波模块,用于对获取到的图像信息中的原始图像进行频域滤波处理,得到用于生成页面背景色的图像像素信息;
背景色模块,用于利用RGB色彩模式中的三个颜色通道分别对所述图像像素信息进行加权处理,得到页面背景色;
生成模块,用于对得到的页面背景色进行色调处理,生成与所述图像信息匹配的页面背景图。
优选地,所述滤波模块,具体包括:
像素处理单元,用于对所述图像信息中原始图像的原始图像像素信息进行二维傅里叶变换处理,并利用预设的滤波参数进行过滤,得到用于生成页面背景色的图像像素信息。
优选地,所述背景色模块,具体包括:
采样单元,用于对所述图像像素信息进行采样,得到第一图像像素信息;
过滤单元,用于利用预设的三个颜色通道的强度值分别对所述第一图像像素信息进行过滤,得到第二图像像素信息;
统计单元,用于利用RGB色彩模式中的三个颜色通道,对所述第二图像像素信息的三个颜色通道的强度值分别进行加权平均处理,得到页面背景色。
优选地,所述采样单元,具体包括:
获取客户端的单核频率信息和屏幕像素密度信息;
根据获取到的客户端的单核频率信息和屏幕像素密度信息,以及原始图像的尺寸信息,计算得到用于对所述图像像素信息进行采样的采样率;
根据计算得到的采样率对所述图像像素信息进行采样,得到第一图像像素信息。
优选地,若所述图像信息包括色调信息,则生成模块具体包括:
冷色处理单元,用于若色调信息为冷色调信息,则对所述页面背景色进行冷色调处理,得到与所述色调信息匹配的页面背景图;
暖色处理单元,用于若色调信息为暖色调信息,则对所述页面背景色进行暖色调处理,得到与所述色调信息匹配的页面背景图。
优选地,若所述图像信息包括业务类型信息,则生成模块具体包括:
确定单元,用于根据预设的业务类型信息与色调信息的对应关系,确定对所述页面背景色进行冷色调处理或者暖色调处理;
匹配单元,用于对所述页面背景色进行冷色调处理或者暖色调处理,生成与所述业务类型信息匹配的页面背景图。
依据本申请再一个方面,提供了一种存储介质,其上存储有计算机程序,所述程序被处理器执行时实现上述页面背景图的生成方法。
依据本申请再一个方面,提供了一种设备,包括存储介质、处理器及存储在存储介质上并可在处理器上运行的计算机程序,所述处理器执行所述程序时实现上述页面背景图的生成方法。
借由上述技术方案,本申请提供的页面背景图的生成方法及其装置,与目前现有技术相比,本申请对获取到的图像信息中的原始图像进行频域滤波处理,得到用于生成页面背景色的图像像素信息,利用RGB色彩模式中的三个颜色通道分别对图像像素信息进行加权处理,得到页面背景色,以便客户端能够根据图像信息对加权处理后得到的页面背景色进行色调处理,生成与图像信息匹配的页面背景图。可见,能够为用户智能生成与其发送的图像信息相匹配的个性化页面背景图,有效提升用户的阅读体验,同时有效避免了用户阅读的页面内容与页面背景色的匹配度较低,以及人工上传过多的页面背景图,导致用户阅读的页面内容与页面背景色的匹配度的计算压力较大,存储空间占用较多,且加载时间较长的技术问题。
上述说明仅是本申请技术方案的概述,为了能够更清楚了解本申请的技术手段,而可依照说明书的内容予以实施,并且为了让本申请的上述和其它目的、特征和优点能够更明显易懂,以下特举本申请的具体实施方式。
附图说明
此处所说明的附图用来提供对本申请的进一步理解,构成本申请的一部分,本申请的示意性实施例及其说明用于解释本申请,并不构成对本申请的不当限定。在附图中:
图1示出了本申请实施例提供的一种页面背景图的生成方法的流程示意图;
图2示出了本申请实施例提供的另一种页面背景图的生成方法的流程示意图;
图3示出了本申请实施例提供的一种页面背景图的生成装置的结构示意图;
图4示出了本申请实施例提供的另一种页面背景图的生成装置的结构示意图。
具体实施方式
下文中将参考附图并结合实施例来详细说明本申请。需要说明的是,在不冲突的情况下,本申请中的实施例及实施例中的特征可以相互组合。
针对目前现有技术中存在的问题,本实施例提供了一种页面背景图的生成方法,可应用于客户端侧,当接收到页面背景图的生成请求后,能够为用户智能生成与其生成请求相匹配的个性化页面背景图,从而满足用户的阅读体验需求,如图1所示,该方法包括:
步骤101、对获取到的图像信息中的原始图像进行频域滤波处理,得到用于生成页面背景色的图像像素信息。
在本实施例中,获取图像信息的方式可以为,当接收到来自用户的页面背景图的生成请求时,若生成请求中包括店铺标识,以及对应店铺标识的图像信息,例如,店铺LOGO图像,则对该生成请求进行解析,得到对应店铺标识的图像信息。根据实际应用场景的需求,若生成请求中仅包括店铺标识,则利用预存的店铺标识与图像信息的对应关系,获取对应店铺标识的图像信息,此处不对图像信息的存储位置进行具体限定,以及不对实际应用场景进行具体限定。
其中,基于外卖等应用程序为每个商户生成其独特的菜单列表为实际应用场景,页面背景图的生成请求可以为菜单列表生成请求中的子请求,即通过对菜单列表生成请求进行解析,获取页面背景图的生成请求,此处不对页面背景图的生成请求的形式进行具体限定。
步骤102、利用RGB色彩模式中的三个颜色通道分别对所述图像像素信息进行加权处理,得到页面背景色。
在本实施例中,分别对图像像素信息的RGB色彩模式中的三个颜色通道进行独立统计,根据三个颜色通道的统计结果进行加权处理,得到用于生成页面背景图的页面背景色,以使所得到的页面背景色能够与原始图像智能匹配,得到更加符合用户阅读需求的整体视觉背景。
步骤103、对得到的页面背景色进行色调处理,生成与所述图像信息匹配的页面背景图。
在本实施例中,根据实际应用场景的需求,根据生成请求中包括的图像信息或者店铺信息,对得到的页面背景色进行色调处理,以使生成的页面背景图更加符合用户的阅读需求,从而有效提升用户的阅读体验,此处不对生成请求中包括的信息或者生成请求对应的信息进行具体限定。
本实施例提供的一种页面背景图的生成方法,与目前现有技术相比,本实施例能够对获取到的图像信息中的原始图像进行频域滤波处理,得到用于生成页面背景色的图像像素信息,并利用RGB色彩模式中的三个颜色通道分别对所对应的图像像素信息进行加权处理,得到页面背景色,以便客户端能够根据图像信息对加权处理后得到的页面背景色进行色调处理,生成与图像信息匹配的页面背景图。可见,根据获取到的图像信息能够为用户智能生成与其发送的图像信息相匹配的个性化页面背景图,有效提升用户的阅读体验。
进一步的,作为上述实施例具体实施方式的细化和扩展,为了完整说明本实施例中的过程,提供了另一种页面背景图的生成方法,如图2所示,该方法包括:
步骤201、对所述图像信息中原始图像的原始图像像素信息进行二维傅里叶变换处理,并利用预设的滤波参数进行过滤,得到用于生成页面背景色的图像像素信息。
具体实施中,对接收到的页面背景图的生成请求进行解析,得到生成请求中的店铺信息,获取与店铺信息对应的图像信息。具体为,对接收到的来自用户的页面背景图的生成请求进行解析,得到生成请求中的店铺名称信息,根据店铺名称信息获取对应该店铺名称信息的店铺店铺LOGO图像。根据实际应用场景的需求,进一步地,根据店铺名称信息确定店铺类型信息,以便根据店铺类型信息,对得到的页面背景色进行微调处理,以使生成的页面背景图更加符合用户的阅读需求,从而有效提升用户的阅读体验,此处不对店铺类型信息的获取方式进行具体限定。
此外,此处涉及到的店铺信息中的店铺为线上店铺,不同于线下实体店铺,因此能够通过获取生成请求的方式,得到线上店铺的相关店铺信息。
具体实施中,原始图像的原始图像像素信息由多个像素值组成,将像素值转换为二维向量的时域信号,对原始图像像素信息对应的二维向量的时域信号进行二维傅立叶变换,得到频域信号;对得到的频域信号按照预设的滤波参数进行高频过滤,并对高频过滤后的频域信号进行二维傅立叶逆变换,得到二维向量的时域信号;以及,将二维向量的时域信号转换为像素值,即用于生成页面背景色的图像像素信息。
例如,对滤波参数进行具体设定,滤波半径r设为5,滤波中心c设为(r+1)/2,滤波器参数设为x范围为0-r,y范围为0-r。其中,滤波半径过大虽然能够保留原始图像中细节(例如,轮廓边界或者突兀颜色)位置的颜色,使得所生成的页面背景色与用户的阅读需求匹配度更高,但会导致运算速度降低,影响用户阅读页面的加载时间。
根据实际应用场景的需求,滤波参数中设定的阈值越高,原始图像中的细节位置的颜色保留的越完好。根据所设定的阈值,通过高频过滤得到的图像像素信息能够过滤掉大量的轮廓边界信息,使得图像像素信息构成的图像中多种颜色的混合过渡更加平滑,其整体颜色更一致,更趋近于用户的阅读体验需求,且便于后续对图像像素信息进行采样处理,此处不对滤波参数中的阈值进行具体限定。
步骤202、对所述图像像素信息进行采样,得到第一图像像素信息。
进一步地,为了说明步骤202具体的实施过程,作为一种可选方式,该过程具体可包括:
步骤2021、获取客户端的单核频率信息和屏幕像素密度信息。
步骤2022、根据获取到的客户端的单核频率信息和屏幕像素密度信息,以及原始图像的尺寸信息,计算得到对所述图像像素信息进行采样的采样率。
步骤2023、根据计算得到的采样率对所述图像像素信息进行采样,得到第一图像像素信息。
具体实施中,获取原始图像的尺寸信息,得到原始图像长为x,宽为y,以及获取客户端的单核频率为h,屏幕像素密度为ppi,并设定屏幕像素密度的基准值为200;根据获取到的客户端的单核频率h、屏幕像素密度ppi和滤波半径r,计算得到客户端生成页面背景色需要的运算量c为x*y*r*r*r,运算时间t为c/(h*k);根据运算时间计算得到对图像像素信息进行采样的采样率g为g取最接近的自然数。其中,k为客户端实际处理能力(例如,CPU频率)与其峰值的比值,根据实际应用场景的需求,可以设定k为0.1。
步骤203、利用预设的三个颜色通道的强度值分别对所述第一图像像素信息进行过滤,得到第二图像像素信息。
具体实施中,根据预设的三个颜色通道的强度值,分别对第一图像像素信息的RGB色彩模式中的三个颜色通道进行独立统计,过滤各颜色通道最高强度阈值范围和最低强度阈值范围,例如,过滤各颜色通道最高强度阈值范围80-100%,以及最低强度阈值范围0-20%,并将剩余的20-80%的三个颜色通道的强度值对应的图像像素信息作为第二图像像素信息。
步骤204、利用RGB色彩模式中的三个颜色通道,对所述第二图像像素信息的三个颜色通道的强度值分别进行加权平均处理,得到页面背景色。
具体实施中,对第二图像像素信息的三个颜色通道的强度值分别进行加权平均处理,得到页面背景色。根据实际应用场景的需求,也可以将第二图像像素信息的三个颜色通道的强度值作为一个整体进行加权平均处理,此处不对加权平均处理进行具体限定。
步骤205、对得到的页面背景色进行色调处理,生成与所述图像信息匹配的页面背景图。
进一步地,为了说明步骤205具体的实施过程,作为一种可选方式,若所述图像信息包括色调信息,则该过程具体可包括:
步骤2051、若色调信息为冷色调信息,则对所述页面背景色进行冷色调处理,得到与所述色调信息匹配的页面背景图;若色调信息为暖色调信息,则对所述页面背景色进行暖色调处理,得到与所述色调信息匹配的页面背景图。
具体实施中,图像信息至少包括原始图像和色调信息,根据图像信息中的色调信息,确定原始图像为冷色调图像或者暖色调图像;根据确定的原始图像为冷色调图像或者暖色调图像,对页面背景色进行整体RGB色彩模式的参数进行调整,生成低饱和度的、与冷色调图像或者暖色调图像同色系的页面背景色。
例如,若确定原始图像为冷色调图像,则对所述页面背景色进行冷色调偏移处理,具体为,保持RGB色彩模式的蓝色通道参数b不变,或者对蓝色通道参数b进行轻微加强处理,轻微加强处理后得到蓝色通道参数B为b*xb,xb为调整系数,范围为1-1.1,轻微减弱处理后得到绿色通道参数G为g*xg,xg范围为0.8-0.85,轻微减弱处理后得到红色通道参数R为r*xr,xr范围为0.8-0.85。
对应地,若确定原始图像为暖色调图像,则对所述页面背景色进行暖色调偏移处理,具体为,保持RGB色彩模式的红色通道参数不变,或者对红色通道参数r进行轻微加强处理,轻微加强处理后得到红色通道参数R为r*xr,xr为调整系数,范围为1-1.1,轻微减弱处理后得到蓝色通道参数B为b*xb,xb范围为0.8-0.85,轻微减弱处理后得到绿色通道参数G为g*xg,xg范围为0.9-0.95。
此外,根据实际应用场景的需求,在对页面背景色进行冷色调或者暖色调处理步骤之前,还可以对页面背景色进行冷色调或者暖色调页面背景色判断,若确定原始图像为冷色调图像,且确定页面背景色为冷色调页面背景色,则不对页面背景色进行冷色调处理,即保持页面背景色不变,此处不对页面背景色是否继续冷色调处理进行具体限定。
其中,对页面背景色进行冷色调或者暖色调页面背景色判断,具体为,设定色相环为一个单位圆,以正红色为0度基准,确定页面背景色映射到色相环上的点到圆心,与正红色到圆心的夹角为θ,顺时针夹角θ为负,逆时针夹角θ为正,对夹角θ进行计算,并根据计算结果确定页面背景色为冷色调或者暖色调页面背景色,计算公式为cos(θ-15°),若计算结果为正,则页面背景色为暖色调页面背景色,若计算结果为负,则页面背景色为冷色调页面背景色。
根据实际应用场景的需求,也可以直接设定冷暖临界范围为-75°-105°,若夹角θ小于-75°且大于105°,则页面背景色为冷色调页面背景色;若夹角θ小于105°且大于-75°,则页面背景色为暖色调页面背景色,此处不对冷色调或者暖色调页面背景色的判断方法进行具体限定。
进一步地,为了说明步骤205具体的实施过程,作为另一种可选方式,若所述图像信息包括业务类型信息,则该过程具体可包括:
步骤2052、根据预设的业务类型信息与色调信息的对应关系,确定对所述页面背景色进行冷色调处理或者暖色调处理;确定对所述页面背景色进行冷色调处理或者暖色调处理,生成与所述业务类型信息匹配的页面背景图。
具体实施中,根据实际应用场景的需求,业务类型信息为店铺类型信息,或者店铺信息中包括的店铺类型信息,预存店铺类型信息与色调信息的对应关系,例如,店铺类型为婴幼儿店铺,其对应的色调信息为暖色调信息,并根据所对应的暖色调信息对页面背景色进行暖色调处理,生成最终的大面积颜色趋同的页面背景色,从而智能生成与店铺类型信息匹配的页面背景图,此处不对对应关系的建立进行具体限定,也可以根据生成请求中的店铺信息包括的店铺名称信息建立对应关系,且此处不对实际应用场景进行具体限定,即不局限于线上店铺的应用场景。
通过应用本实施例提供的方法,即对获取到的图像信息中的原始图像进行频域滤波处理,得到用于生成页面背景色的图像像素信息,并利用RGB色彩模式中的三个颜色通道分别对所对应的图像像素信息进行加权处理,得到页面背景色,以便客户端能够根据图像信息对加权处理后得到的页面背景色进行色调处理,生成与图像信息匹配的页面背景图。可见,根据获取到的图像信息,能够为用户智能生成与图像信息相匹配的个性化页面背景图,有效提升用户的阅读体验。
进一步地,作为图1和图2所示方法的具体实现,本申请实施例提供了一种页面背景图的生成装置,如图3所示,该装置包括:滤波模块31、背景色模块32、生成模块33。
滤波模块31,用于对获取到的图像信息中的原始图像进行频域滤波处理,得到用于生成页面背景色的图像像素信息。
背景色模块32,用于利用RGB色彩模式中的三个颜色通道分别对所述图像像素信息进行加权处理,得到页面背景色。
生成模块33,用于对得到的页面背景色进行色调处理,生成与所述图像信息匹配的页面背景图。
在具体的应用场景中,如图4所示,所述滤波模块31,具体包括:像素处理单元311。
像素处理单元311,用于对所述图像信息中原始图像的原始图像像素信息进行二维傅里叶变换处理,并利用预设的滤波参数进行过滤,得到用于生成页面背景色的图像像素信息。
在具体的应用场景中,所述背景色模块32,具体包括:采样单元321、过滤单元322、统计单元323。
采样单元321,具体用于对所述图像像素信息进行采样,得到第一图像像素信息。
过滤单元322,具体用于利用预设的三个颜色通道的强度值分别对所述第一图像像素信息进行过滤,得到第二图像像素信息。
统计单元323,具体用于利用RGB色彩模式中的三个颜色通道,对所述第二图像像素信息的三个颜色通道的强度值分别进行加权平均处理,得到页面背景色。
在具体的应用场景中,所述采样单元321,具体包括:获取客户端的单核频率信息和屏幕像素密度信息;根据获取到的客户端的单核频率信息和屏幕像素密度信息,以及原始图像的尺寸信息,计算得到对所述图像像素信息进行采样的采样率;以及,根据计算得到的采样率对所述图像像素信息进行采样,得到第一图像像素信息。
在具体的应用场景中,若所述图像信息包括色调信息,则所述生成模块33,具体包括:冷色处理单元331、暖色处理单元332。
冷色处理单元331,具体用于若色调信息为冷色调信息,则对所述页面背景色进行冷色调处理,得到与所述色调信息匹配的页面背景图。
暖色处理单元332,具体用于若色调信息为暖色调信息,则对所述页面背景色进行暖色调处理,得到与所述色调信息匹配的页面背景图。
在具体的应用场景中,若所述图像信息包括业务类型信息,则所述生成模块33,具体包括:确定单元333、匹配单元334。
确定单元333,具体用于根据预设的业务类型信息与色调信息的对应关系,确定对所述页面背景色进行冷色调处理或者暖色调处理。
匹配单元334,具体用于确定对所述页面背景色进行冷色调处理或者暖色调处理,生成与所述业务类型信息匹配的页面背景图。
需要说明的是,本实施例提供的一种页面背景图的生成装置所涉及各功能模块、功能单元的其它相应描述,可以参考图1和图2中的对应描述,在此不再赘述。
通过应用上述页面背景图的生成装置,能够为用户智能生成与其发送的图像信息相匹配的个性化页面背景图,有效提升用户的阅读体验,同时有效避免了用户阅读的页面内容与页面背景色的匹配度较低,以及人工上传过多的页面背景图,导致用户阅读的页面内容与页面背景色的匹配度的计算压力较大,存储空间占用较多,且加载时间较长的技术问题。
基于上述如图1和图2所示方法,相应的,本申请实施例还提供了一种存储介质,其上存储有计算机程序,该程序被处理器执行时实现上述如图1和图2所示的页面背景图的生成方法。
基于这样的理解,本申请的技术方案可以以软件产品的形式体现出来,该软件产品可以存储在一个非易失性存储介质(可以是CD-ROM,U盘,移动硬盘等)中,包括若干指令用以使得一台计算机设备(可以是个人计算机,服务器,或者网络设备等)执行本申请各个实施场景的菜品信息的识别方法。
基于上述如图1和图2所示的方法,以及图3和图4所示的虚拟装置实施例,为了实现上述目的,本申请实施例还提供了一种终端设备,具体可以为个人计算机、平板电脑、智能手机、智能手表、POS设备或其他网络设备等,该终端设备包括存储介质和处理器;存储介质,用于存储计算机程序;处理器,用于执行计算机程序以实现上述如图1和图2所示的页面背景图的生成方法。
可选的,上述实体设备都还可以包括用户接口、网络接口、摄像头、射频(RadioFrequency,RF)电路,传感器、音频电路、WI-FI模块等等。用户接口可以包括显示屏(Display)、输入单元比如键盘(Keyboard)等,可选用户接口还可以包括USB接口、读卡器接口等。网络接口可选的可以包括标准的有线接口、无线接口(如WI-FI接口)等。
本领域技术人员可以理解,本实施例提供的一种终端设备的实体设备结构并不构成对上述实体设备的限定,可以包括更多或更少的部件,或者组合某些部件,或者不同的部件布置。
存储介质中还可以包括操作***、网络通信模块。操作***是管理上述两个实体设备硬件和软件资源的程序,支持信息处理程序以及其它软件和/或程序的运行。网络通信模块用于实现存储介质内部各组件之间的通信,以及与信息处理实体设备中其它硬件和软件之间通信。
通过以上的实施方式的描述,本领域的技术人员可以清楚地了解到本申请可以借助软件加必要的通用硬件平台的方式来实现,也可以通过硬件实现。通过应用本申请的技术方案,与目前现有技术相比,本实施例能够为用户智能生成与其发送的图像信息相匹配的个性化页面背景图,有效提升用户的阅读体验。
本申请实施例提供了以下技术方案:
A1、一种页面背景图的生成方法,包括:
对获取到的图像信息中的原始图像进行频域滤波处理,得到用于生成页面背景色的图像像素信息;
利用RGB色彩模式中的三个颜色通道分别对所述图像像素信息进行加权处理,得到页面背景色;
对得到的页面背景色进行色调处理,生成与所述图像信息匹配的页面背景图。
A2、根据权利要求A1所述的方法,所述对获取到的图像信息中的原始图像进行频域滤波处理,得到用于生成页面背景色的图像像素信息,具体包括:
对所述图像信息中原始图像的原始图像像素信息进行二维傅里叶变换处理,并利用预设的滤波参数进行过滤,得到用于生成页面背景色的图像像素信息。
A3、根据权利要求A2所述的方法,所述利用RGB色彩模式中的三个颜色通道分别对所述图像像素信息进行加权处理,得到页面背景色,具体包括:
对所述图像像素信息进行采样,得到第一图像像素信息;
利用预设的三个颜色通道的强度值分别对所述第一图像像素信息进行过滤,得到第二图像像素信息;
利用RGB色彩模式中的三个颜色通道,对所述第二图像像素信息的三个颜色通道的强度值分别进行加权平均处理,得到页面背景色。
A4、根据权利要求A3所述的方法,所述对所述图像像素信息进行采样,得到第一图像像素信息,具体包括:
获取客户端的单核频率信息和屏幕像素密度信息;
根据获取到的客户端的单核频率信息和屏幕像素密度信息,以及原始图像的尺寸信息,计算得到用于对所述图像像素信息进行采样的采样率;
根据计算得到的采样率对所述图像像素信息进行采样,得到第一图像像素信息。
A5、根据权利要求A1所述的方法,若所述图像信息包括色调信息,则对得到的页面背景色进行色调处理,生成与所述图像信息匹配的页面背景图,具体包括:
若色调信息为冷色调信息,则对所述页面背景色进行冷色调处理,得到与所述色调信息匹配的页面背景图;
若色调信息为暖色调信息,则对所述页面背景色进行暖色调处理,得到与所述色调信息匹配的页面背景图。
A6、根据权利要求A1所述的方法,若所述图像信息包括业务类型信息,则对得到的页面背景色进行色调处理,生成与所述图像信息匹配的页面背景图,具体包括:
根据预设的业务类型信息与色调信息的对应关系,确定对所述页面背景色进行冷色调处理或者暖色调处理;
对所述页面背景色进行冷色调处理或者暖色调处理,生成与所述业务类型信息匹配的页面背景图。
B7、一种页面背景图的生成装置,包括:
滤波模块,用于对获取到的图像信息中的原始图像进行频域滤波处理,得到用于生成页面背景色的图像像素信息;
背景色模块,用于利用RGB色彩模式中的三个颜色通道分别对所述图像像素信息进行加权处理,得到页面背景色;
生成模块,用于对得到的页面背景色进行色调处理,生成与所述图像信息匹配的页面背景图。
B8、根据权利要求B7所述的装置,所述滤波模块,具体包括:
像素处理单元,用于对所述图像信息中原始图像的原始图像像素信息进行二维傅里叶变换处理,并利用预设的滤波参数进行过滤,得到用于生成页面背景色的图像像素信息。
B9、根据权利要求B8所述的装置,所述背景色模块,具体包括:
采样单元,用于对所述图像像素信息进行采样,得到第一图像像素信息;
过滤单元,用于利用预设的三个颜色通道的强度值分别对所述第一图像像素信息进行过滤,得到第二图像像素信息;
统计单元,用于利用RGB色彩模式中的三个颜色通道,对所述第二图像像素信息的三个颜色通道的强度值分别进行加权平均处理,得到页面背景色。
B10、根据权利要求B9所述的装置,所述采样单元,具体包括:
获取客户端的单核频率信息和屏幕像素密度信息;
根据获取到的客户端的单核频率信息和屏幕像素密度信息,以及原始图像的尺寸信息,计算得到用于对所述图像像素信息进行采样的采样率;
根据计算得到的采样率对所述图像像素信息进行采样,得到第一图像像素信息。
B11、根据权利要求B7所述的装置,若所述图像信息包括色调信息,则生成模块具体包括:
冷色处理单元,用于若色调信息为冷色调信息,则对所述页面背景色进行冷色调处理,得到与所述色调信息匹配的页面背景图;
暖色处理单元,用于若色调信息为暖色调信息,则对所述页面背景色进行暖色调处理,得到与所述色调信息匹配的页面背景图。
B12、根据权利要求B7所述的装置,若所述图像信息包括业务类型信息,则生成模块具体包括:
确定单元,用于根据预设的业务类型信息与色调信息的对应关系,确定对所述页面背景色进行冷色调处理或者暖色调处理;
匹配单元,用于对所述页面背景色进行冷色调处理或者暖色调处理,生成与所述业务类型信息匹配的页面背景图。
C13、一种存储介质,其上存储有计算机程序,所述程序被处理器执行时实现权利要求A1至A6中任一项所述的页面背景图的生成方法。
D14、一种设备,包括存储介质、处理器及存储在存储介质上并可在处理器上运行的计算机程序,其特征在于,所述处理器执行所述程序时实现权利要求A1至A6中任一项所述的页面背景图的生成方法。
本领域技术人员可以理解附图只是一个优选实施场景的示意图,附图中的模块或流程并不一定是实施本申请所必须的。本领域技术人员可以理解实施场景中的装置中的模块可以按照实施场景描述进行分布于实施场景的装置中,也可以进行相应变化位于不同于本实施场景的一个或多个装置中。上述实施场景的模块可以合并为一个模块,也可以进一步拆分成多个子模块。
上述本申请序号仅仅为了描述,不代表实施场景的优劣。以上公开的仅为本申请的几个具体实施场景,但是,本申请并非局限于此,任何本领域的技术人员能思之的变化都应落入本申请的保护范围。
Claims (10)
1.一种页面背景图的生成方法,其特征在于,包括:
对获取到的图像信息中的原始图像进行频域滤波处理,得到用于生成页面背景色的图像像素信息;
利用RGB色彩模式中的三个颜色通道分别对所述图像像素信息进行加权处理,得到页面背景色;
对得到的页面背景色进行色调处理,生成与所述图像信息匹配的页面背景图。
2.根据权利要求1所述的方法,其特征在于,所述对获取到的图像信息中的原始图像进行频域滤波处理,得到用于生成页面背景色的图像像素信息,具体包括:
对所述图像信息中原始图像的原始图像像素信息进行二维傅里叶变换处理,并利用预设的滤波参数进行过滤,得到用于生成页面背景色的图像像素信息。
3.根据权利要求2所述的方法,其特征在于,所述利用RGB色彩模式中的三个颜色通道分别对所述图像像素信息进行加权处理,得到页面背景色,具体包括:
对所述图像像素信息进行采样,得到第一图像像素信息;
利用预设的三个颜色通道的强度值分别对所述第一图像像素信息进行过滤,得到第二图像像素信息;
利用RGB色彩模式中的三个颜色通道,对所述第二图像像素信息的三个颜色通道的强度值分别进行加权平均处理,得到页面背景色。
4.根据权利要求3所述的方法,其特征在于,所述对所述图像像素信息进行采样,得到第一图像像素信息,具体包括:
获取客户端的单核频率信息和屏幕像素密度信息;
根据获取到的客户端的单核频率信息和屏幕像素密度信息,以及原始图像的尺寸信息,计算得到用于对所述图像像素信息进行采样的采样率;
根据计算得到的采样率对所述图像像素信息进行采样,得到第一图像像素信息。
5.根据权利要求1所述的方法,其特征在于,若所述图像信息包括色调信息,则对得到的页面背景色进行色调处理,生成与所述图像信息匹配的页面背景图,具体包括:
若色调信息为冷色调信息,则对所述页面背景色进行冷色调处理,得到与所述色调信息匹配的页面背景图;
若色调信息为暖色调信息,则对所述页面背景色进行暖色调处理,得到与所述色调信息匹配的页面背景图。
6.根据权利要求1所述的方法,其特征在于,若所述图像信息包括业务类型信息,则对得到的页面背景色进行色调处理,生成与所述图像信息匹配的页面背景图,具体包括:
根据预设的业务类型信息与色调信息的对应关系,确定对所述页面背景色进行冷色调处理或者暖色调处理;
对所述页面背景色进行冷色调处理或者暖色调处理,生成与所述业务类型信息匹配的页面背景图。
7.一种页面背景图的生成装置,其特征在于,包括:
滤波模块,用于对获取到的图像信息中的原始图像进行频域滤波处理,得到用于生成页面背景色的图像像素信息;
背景色模块,用于利用RGB色彩模式中的三个颜色通道分别对所述图像像素信息进行加权处理,得到页面背景色;
生成模块,用于对得到的页面背景色进行色调处理,生成与所述图像信息匹配的页面背景图。
8.根据权利要求7所述的装置,其特征在于,所述滤波模块,具体包括:
像素处理单元,用于对所述图像信息中原始图像的原始图像像素信息进行二维傅里叶变换处理,并利用预设的滤波参数进行过滤,得到用于生成页面背景色的图像像素信息。
9.一种存储介质,其上存储有计算机程序,其特征在于,所述程序被处理器执行时实现权利要求1至6中任一项所述的页面背景图的生成方法。
10.一种设备,包括存储介质、处理器及存储在存储介质上并可在处理器上运行的计算机程序,其特征在于,所述处理器执行所述程序时实现权利要求1至6中任一项所述的页面背景图的生成方法。
Priority Applications (1)
Application Number | Priority Date | Filing Date | Title |
---|---|---|---|
CN201910913834.4A CN110795659A (zh) | 2019-09-25 | 2019-09-25 | 页面背景图的生成方法及其装置 |
Applications Claiming Priority (1)
Application Number | Priority Date | Filing Date | Title |
---|---|---|---|
CN201910913834.4A CN110795659A (zh) | 2019-09-25 | 2019-09-25 | 页面背景图的生成方法及其装置 |
Publications (1)
Publication Number | Publication Date |
---|---|
CN110795659A true CN110795659A (zh) | 2020-02-14 |
Family
ID=69439783
Family Applications (1)
Application Number | Title | Priority Date | Filing Date |
---|---|---|---|
CN201910913834.4A Pending CN110795659A (zh) | 2019-09-25 | 2019-09-25 | 页面背景图的生成方法及其装置 |
Country Status (1)
Country | Link |
---|---|
CN (1) | CN110795659A (zh) |
Cited By (3)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
CN111338627A (zh) * | 2020-03-05 | 2020-06-26 | 苏宁云计算有限公司 | 前端网页主题颜色调节方法及装置 |
CN111722898A (zh) * | 2020-05-26 | 2020-09-29 | 口碑(上海)信息技术有限公司 | 状态栏中文字颜色的配置方法、装置及设备 |
CN114066753A (zh) * | 2021-11-09 | 2022-02-18 | 深圳市酷开网络科技股份有限公司 | 一种提取背景色的方法、装置、终端设备及存储介质 |
Citations (7)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
CN105744317A (zh) * | 2016-01-29 | 2016-07-06 | 深圳市美贝壳科技有限公司 | 一种快速修改显示背景的方法 |
CN105808613A (zh) * | 2014-12-31 | 2016-07-27 | 广州市动景计算机科技有限公司 | 页面背景图片的处理方法及装置 |
CN106204690A (zh) * | 2015-05-04 | 2016-12-07 | 阿里巴巴集团控股有限公司 | 一种图像处理方法及装置 |
CN107590719A (zh) * | 2017-09-05 | 2018-01-16 | 青岛海信电器股份有限公司 | 生成虚拟资源展示图像的方法及装置、可读存储介质 |
CN108074271A (zh) * | 2017-12-04 | 2018-05-25 | 阿里巴巴集团控股有限公司 | 电子信息图片展示方法、装置及计算机存储介质 |
CN109447086A (zh) * | 2018-09-19 | 2019-03-08 | 浙江口碑网络技术有限公司 | 一种图片文字颜色的提取方法及装置 |
CN110210532A (zh) * | 2019-05-15 | 2019-09-06 | 北京字节跳动网络技术有限公司 | 背景色生成方法、装置及电子设备 |
-
2019
- 2019-09-25 CN CN201910913834.4A patent/CN110795659A/zh active Pending
Patent Citations (7)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
CN105808613A (zh) * | 2014-12-31 | 2016-07-27 | 广州市动景计算机科技有限公司 | 页面背景图片的处理方法及装置 |
CN106204690A (zh) * | 2015-05-04 | 2016-12-07 | 阿里巴巴集团控股有限公司 | 一种图像处理方法及装置 |
CN105744317A (zh) * | 2016-01-29 | 2016-07-06 | 深圳市美贝壳科技有限公司 | 一种快速修改显示背景的方法 |
CN107590719A (zh) * | 2017-09-05 | 2018-01-16 | 青岛海信电器股份有限公司 | 生成虚拟资源展示图像的方法及装置、可读存储介质 |
CN108074271A (zh) * | 2017-12-04 | 2018-05-25 | 阿里巴巴集团控股有限公司 | 电子信息图片展示方法、装置及计算机存储介质 |
CN109447086A (zh) * | 2018-09-19 | 2019-03-08 | 浙江口碑网络技术有限公司 | 一种图片文字颜色的提取方法及装置 |
CN110210532A (zh) * | 2019-05-15 | 2019-09-06 | 北京字节跳动网络技术有限公司 | 背景色生成方法、装置及电子设备 |
Cited By (5)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
CN111338627A (zh) * | 2020-03-05 | 2020-06-26 | 苏宁云计算有限公司 | 前端网页主题颜色调节方法及装置 |
CN111338627B (zh) * | 2020-03-05 | 2023-05-16 | 苏宁云计算有限公司 | 前端网页主题颜色调节方法及装置 |
CN111722898A (zh) * | 2020-05-26 | 2020-09-29 | 口碑(上海)信息技术有限公司 | 状态栏中文字颜色的配置方法、装置及设备 |
CN111722898B (zh) * | 2020-05-26 | 2023-11-07 | 口碑(上海)信息技术有限公司 | 状态栏中文字颜色的配置方法、装置及设备 |
CN114066753A (zh) * | 2021-11-09 | 2022-02-18 | 深圳市酷开网络科技股份有限公司 | 一种提取背景色的方法、装置、终端设备及存储介质 |
Similar Documents
Publication | Publication Date | Title |
---|---|---|
EP3614334B1 (en) | Method for image processing and electronic device | |
CN109272459B (zh) | 图像处理方法、装置、存储介质及电子设备 | |
CN110378846B (zh) | 一种处理图像磨皮的方法、装置、介质和电子设备 | |
WO2020125631A1 (zh) | 视频压缩方法、装置和计算机可读存储介质 | |
CN110795659A (zh) | 页面背景图的生成方法及其装置 | |
CN109727215B (zh) | 图像处理方法、装置、终端设备及存储介质 | |
CN109741280A (zh) | 图像处理方法、装置、存储介质及电子设备 | |
CN112241933A (zh) | 人脸图像处理方法、装置、存储介质及电子设备 | |
CN111131688B (zh) | 一种图像处理方法、装置及移动终端 | |
CN110069974B (zh) | 高光图像处理方法、装置和电子设备 | |
JP2010218110A (ja) | ノイズ低減装置、ノイズ低減方法、ノイズ低減プログラム、記録媒体 | |
KR101586954B1 (ko) | 디지털 영상에서의 컬러 아티팩트 감소 기법 | |
CN111739041B (zh) | 图像边框的裁剪方法、装置及设备 | |
CN109618098A (zh) | 一种人像面部调整方法、装置、存储介质及终端 | |
CN110139104A (zh) | 视频解码方法、装置、计算机设备和存储介质 | |
Shi et al. | Study on subjective quality assessment of screen content images | |
CN113222844B (zh) | 一种图像美化方法、装置、电子设备及介质 | |
CN110674697A (zh) | 滤波方法、装置及相关产品 | |
CN111028180B (zh) | 图像处理方法、视频处理方法以及对应的装置 | |
CN109003272A (zh) | 图像处理方法、装置及*** | |
CN112565887A (zh) | 一种视频处理方法、装置、终端及存储介质 | |
CN108282664A (zh) | 图像处理方法、装置、***及计算机可读存储介质 | |
CN111292247A (zh) | 图像处理方法和装置 | |
WO2022111269A1 (zh) | 视频的细节增强方法、装置、移动终端和存储介质 | |
CN109089042A (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: 20200214 |
|
RJ01 | Rejection of invention patent application after publication |