CN107092684B - 图像处理方法及装置、存储介质 - Google Patents

Abstract

本发明公开了一种图像处理方法及装置、存储介质；方法包括：在屏幕显示区域加载原始图像图层，并在原始图像图层中对应原始图像显示区域的区域渲染原始图像；在屏幕显示区域中确定渲染原始图像之后的空闲显示区域；在原始图像图层的底部加载模糊化图像图层，在模糊化图像图层中与空闲显示区域对应的区域以及相邻区域，渲染原始图像对应的模糊化图像；确定从渲染的模糊化图像到第二区域与渲染的原始图像的交汇线的第一分布方向，以及，在模糊化图像图层中确定渲染的原始图像与渲染的模糊化图像的交汇区域；对模糊化图像图层中对应交汇区域的像素点，按照第一分布方向设定顺序增大的透明度。实施本发明，能够高效地将图像与终端的不同屏幕尺寸进行适配。

Description

图像处理方法及装置、存储介质

技术领域

本发明涉及图像处理技术，尤其涉及一种图像处理方法及装置、存储介质。

背景技术

观赏照片、图片、海报等各种形式的图像是人们日常生活的一个不可或缺的内容，随着智能终端(如智能手机、平板电脑和笔记本电脑)技术的发展，使用终端观看数码化的图像成为人们观看图像的广泛使用的方式。

目前，服务器需要支持终端实现各种业务如视频分发和网络社交，在这些业务过程中不可避免涉及到向终端下发图像进行显示，由于终端显示屏幕的尺寸的差异，为了在不同终端都取得良好的显示效果，往往需要针对不同屏幕尺寸的终端进行有针对性的图像适配处理，一方面，这会消耗服务器额外的计算资源，另一方面，由于服务器业务的多发性，例如需要下发海量图像的业务，由于需要预先对图像针对适配处理，不可避免地影响业务分发的实时性能。

综上所述，对于如何以资源节约化方式解决图像尺寸与显示屏幕尺寸差异而影响图像显示效果的技术问题，从而减少对服务器的业务分发的资源占用，相关技术尚无有效解决方案。

发明内容

为至少解决上述技术问题，本发明实施例提供一种图像处理方法及装置、存储介质。

本发明实施例的技术方案是这样实现的：

第一方面，本发明实施例提供一种图像处理方法，包括：

在屏幕显示区域加载原始图像图层，并在所述原始图像图层中对应原始图像显示区域的区域渲染原始图像；

在所述屏幕显示区域中确定渲染所述原始图像之后的空闲显示区域；

在所述原始图像图层的底部加载模糊化图像图层，在所述模糊化图像图层中与所述空闲显示区域对应的区域以及相邻区域，渲染所述原始图像对应的模糊化图像；

确定从所述渲染的所述模糊化图像到所述第二区域与渲染的所述原始图像的交汇线的第一分布方向，以及，在所述模糊化图像图层中确定渲染的所述原始图像与渲染的所述模糊化图像的交汇区域；

对所述模糊化图像图层中对应所述交汇区域的像素点，按照所述第一分布方向设定顺序增大的透明度。

第二方面，本发明实施例提供一种图像处理装置，包括：

加载渲染单元，用于在屏幕显示区域加载原始图像图层，并在所述原始图像图层中对应原始图像显示区域的区域渲染原始图像；

确定单元，用于在所述屏幕显示区域中确定渲染所述原始图像之后的空闲显示区域；

加载渲染单元，用于在所述原始图像图层的底部加载模糊化图像图层，在所述模糊化图像图层中与所述空闲显示区域对应的区域以及相邻区域，渲染所述原始图像对应的模糊化图像；

所述确定单元，确定从所述渲染的所述模糊化图像到所述第二区域与渲染的所述原始图像的交汇线的第一分布方向，以及，在所述模糊化图像图层中确定渲染的所述原始图像与渲染的所述模糊化图像的交汇区域；

所述加载渲染单元，还用于对所述模糊化图像图层中对应所述交汇区域的像素点，按照所述第一分布方向设定顺序增大的透明度。

第三方面，本发明实施例提供一种图像处理装置，包括：

存储器，用于存储可执行程序；

处理器，用于通过执行所述存储器中存储的可执行程序时实现以下步骤：

在屏幕显示区域加载原始图像图层，并在所述原始图像图层中对应原始图像显示区域的区域渲染原始图像；

在所述屏幕显示区域中确定渲染所述原始图像之后的空闲显示区域；

在所述原始图像图层的底部加载模糊化图像图层，在所述模糊化图像图层中与所述空闲显示区域对应的区域以及相邻区域，渲染所述原始图像对应的模糊化图像；

确定从所述渲染的所述模糊化图像到所述第二区域与渲染的所述原始图像的交汇线的第一分布方向，以及，在所述模糊化图像图层中确定渲染的所述原始图像与渲染的所述模糊化图像的交汇区域；

对所述模糊化图像图层中对应所述交汇区域的像素点，按照所述第一分布方向设定顺序增大的透明度。

第四方面，本发明实施例提供一种存储介质，存储有可执行程序，所述可执行程序被处理器执行时实现以下步骤：

在屏幕显示区域加载原始图像图层，并在所述原始图像图层中对应原始图像显示区域的区域渲染原始图像；

在所述屏幕显示区域中确定渲染所述原始图像之后的空闲显示区域；

在所述原始图像图层的底部加载模糊化图像图层，在所述模糊化图像图层中与所述空闲显示区域对应的区域以及相邻区域，渲染所述原始图像对应的模糊化图像；

确定从所述渲染的所述模糊化图像到所述第二区域与渲染的所述原始图像的交汇线的第一分布方向，以及，在所述模糊化图像图层中确定渲染的所述原始图像与渲染的所述模糊化图像的交汇区域；

对所述模糊化图像图层中对应所述交汇区域的像素点，按照所述第一分布方向设定顺序增大的透明度。

本发明实施例具有这样的有益效果：

1)将模糊化图像和原始图像融合的方式填充原始图像显示区域，不需要针对终端屏幕尺寸的差异有针对性地设计海报，支持后台服务器能够根据需求随时下发图像而在接收终端进行融合处理，提高了后台服务器分发业务的效率。

2)对于模糊化图像和原始图像的交汇区域的透明度进行渐变，实现了从模糊化图像到原始图像的自然过渡，使得模糊化图像和原始图像自然衔接成一个整体对屏幕显示区域填充，实现了针对终端屏幕尺寸进行智能化适配的技术效果，节约了由服务器进行业务分发时需要根据终端的屏幕尺寸进行有针对性分发的资源消耗，提升了服务器分发业务的效率。

附图说明

图1-1是本发明实施例提供的在终端展示图像的一个可选的示意图；

图1-2是本发明实施例提供的在终端显示图像可选的显示示意图；

图2是本发明实施例提供的图像处理方法的一个可选的场景示意图；

图3是本发明实施例提供的图像处理方法的一个可选的流程示意图；

图4是本发明实施例提供的图像处理方法的一个可选的流程示意图；

图5-1至图5-3是本发明实施例中像素关系的示意图；

图6是本发明实施例提供的图像处理装置的一个可选的功能结构示意图；

图7是本发明实施例的提供的图像处理装置20的一个可选的结构示意图；

图8是本发明实施例提供的终端设备的视频客户端对海报处理的一个可选的流程示意图；

图9-1是本发明实施例提供的终端呈现海报的可选的显示示意图；

图9-2是本发明实施例提供的终端呈现海报的可选的显示示意图；

图10是本发明实施例提供的渲染原始图像、模糊化图像和文字信息的图层拆分的一个可选的示意图。

具体实施方式

以下结合附图及实施例，对本发明进行进一步详细说明。应当理解，此处所提供的实施例仅仅用以解释本发明，并不用于限定本发明。另外，以下所提供的实施例是用于实施本发明的部分实施例，而非提供实施本发明的全部实施例，在不冲突的情况下，本发明实施例记载的技术方案可以任意组合的方式实施。

对本发明进行进一步详细说明之前，对本发明实施例中涉及的名词和术语进行说明，本发明实施例中涉及的名词和术语适用于如下的解释。

1)图像，即使用数字化方式生成、存储并展示的视觉信息载体。就图像的存储格式而言，可以采用位图BMP(Bitmap)、标签图像文件格式(TIFF，Tag Image File Format)格式、联合照片专家组(Joint Photographic Experts Group)格式、图像互换格式(GIF，Graphics Interchange Format)、图片商店文件(PSD，Photoshop Document)格式，当然，本发明实施例不排除使用其他格式的图像。就图像从使用场景上的区分而言，可以包括照片、海报、艺术画作扫描图片等。

2)颜色值，也称为颜色值，指的是该种颜色在不同的颜色模式中所对应的取值。

如红色在红绿蓝(RGB，Red Blue Green)颜色模式中所对应的色值就是255，0，0；绿色在RGB颜色模式中所对应的值就是0，255，0；蓝色在RGB颜色模式中所对应的值就是0，0，255。

3)颜色平均值,多个像素如图像中某一特定区域的像素点的颜色值的平均值；颜色值的表示方式取决于所采用的颜色模式。

以RGB颜色模式为例，红色通道的平均值为像素点的红色通道的亮度的平均值，绿色通道的平均值为像素点的绿色通道的亮度的平均值，蓝色通道的平均值为像素点的蓝色通道的亮度的平均值。

以色彩饱和度亮度(HSB，Hues Saturation Brightness)颜色空间为例，色彩通道的平均值为像素点的在色彩通道的取值(以标准色环中0至360度的角度表示)的平均值，饱和度通道的平均值为像素点在饱和度通道的饱和度的平均值，亮度通道的平均值为像素点的在亮度通道的亮度的平均值。

4)原始图像，需要在终端的屏幕显示区域显示的图像。

5)原始图像图层，终端的屏幕显示区域中用于渲染原始图像的图层。

6)模糊化图像，对于原始图像进行模糊处理后得到的图像。

7)模糊化图像图层，终端的屏幕先显示区域中用于渲染模糊化图像的图层。

8)渐变图层，终端的屏幕显示区域中用于实现透明度的渐变效果的图层。

9)尺寸，对于原始图像、模糊化图像、原始图像图层、模糊化图像图层的度量，使用宽度、高度和对角线长度等参数表示。

10)模糊处理，也就是模糊化处理，对于原始图像中的每个像素点的颜色值，替换为相邻或一定距离范围内像素点的颜色值的平均值，形成的具有模糊化效果的图像，称为模糊化图像。

为解决上述技术问题，本发明实施例如下可选的方案：

1)设计图像的适配不同尺寸的显示屏幕的版本，根据终端的屏幕尺寸下发适配的图像。

针对不同宽高比例和对角线长度的显示屏幕，由美工人员有针对性设计适配显示屏幕尺寸的图像，这种方式虽然能够取得良好的显示效果，但是目前由于显示屏幕尺寸多样化的特点，处理效率非常低，难以适应显示大量图像以及图像频繁下发的需求。

2)对图像进行拉伸和缩放等形式的变换以适配显示屏幕的尺寸。

虽然拉伸处理能够使图像在长度方向和宽度方向上与屏幕的尺寸一致，但是往往会出现图像失真的情况，影响了图像的显示效果。

举例来说，参见图1-1，图1-1是本发明实施例提供的在终端展示图像的一个可选的示意图，图1-2是本发明实施例提供的在终端显示图像可选的显示示意图，为了适配不同尺寸的终端的图像显示，图像设计人员不得不针对不同的屏幕的尺寸有针对性地设计图像(发布设计稿)，在必要时在发送到终端(设备)展现，由于终端屏幕尺寸的多样化，这种处理方式效率非常低下，难以满足大量图像的处理需求；例如，对于终端的视频客户端来说，在开始播放视频和播放视频的阶段，可能会显示相关的海报，或者图片广告，这需要具有海量图像的实时处理能力，即使是由专门的服务器来处理也会消耗相当的计算资源，因此人工方式更加难以满足，而如果对图像进行简单拉伸以适配屏幕显示区域又难以保证图像的显示效果。

针对由于设备屏幕尺寸差异而导致无法使图像与屏幕显示区域高效适配的问题，本发明实施例还提供一种图像处理方法、应用图像处理方法的图像处理装置。

就图像处理装置而言，实际应用中可以实施为各种终端如智能手机、平板电脑等，在终端中对图像进行适当的处理后显示以保证图像的显示效果。

举例来说，参见图2，图2是本发明实施例提供的图像处理方法的一个可选的场景示意图，终端中运行具有显示图像需求的客户端如视频客户端、社交客户端等，终端除了从客户端的后台服务器获取基本的业务数据(如用户点播的视频流)之外，根据后台服务器的业务逻辑，终端还会在恰当的时机显示后台服务器下发的图像，仍以终端运行视频客户端为例，后台服务器可以向各终端下发同一图像，终端的视频客户端对接收的图像进行处理后显示，对于后台服务器而言，既不需要区分终端的屏幕尺寸而进行分发，也不需要对待下发的图像根据终端的屏幕尺寸进行预处理，有效保证了后台服务器分发业务的实时性，同时节约服务器处理图像的资源消耗。

就终端接收到图像后的处理而言，本发明实施例提供使用原始图像图层和模糊化图像图层配合的方式来共同填充屏幕显示区域的方案，参见图3，图3是本发明实施例提供的图像处理方法的一个可选的流程示意图，包括以下步骤：

步骤101，在屏幕显示区域加载原始图像图层，并在原始图像图层中对应原始图像显示区域的区域渲染原始图像。

步骤102，在屏幕显示区域中确定渲染原始图像之后的空闲显示区域。

步骤103，在原始图像图层的底部加载模糊化图像图层，在模糊化图像图层中与空闲显示区域对应的区域以及相邻区域，渲染原始图像对应的模糊化图像。

步骤104，确定从渲染的模糊化图像到第二区域与渲染的原始图像的交汇线的第一分布方向，以及，在模糊化图像图层中确定渲染的原始图像与渲染的模糊化图像的交汇区域。

步骤105，对模糊化图像图层中对应交汇区域的像素点，按照第一分布方向设定顺序增大的透明度。

可以看出，通过原始图像图层和模糊化图像层叠加的方式融合原始图像和模糊化图像，使得模糊化图像能够填充原始图像未能填充的空闲区域，同时通过透明度的处理使二者在视觉效果上的整体融合，实现了在终端侧根据终端自身的屏幕显示区域(屏幕尺寸)进行适配，一方面，每个终端都是根据自身实际的屏幕显示区域的空闲情况进行有针对性地适配，保证了在不同尺寸的终端都会取得最佳的显示效果；另一方面，对于服务器而言不会因图像处理而消耗计算资源，对于终端而言只要具有基本的图形处理能力的即可完成上述步骤，兼顾了资源节约与业务分发的效率。

在图3提供的图像处理方法的基础上，以终端运行客户端的过程中客户端需要显示后台服务器下发的图像为例进行说明，参见图4，图4是本发明实施例提供的图像处理方法的一个可选的流程示意图，包括以下步骤：

步骤201，终端从服务器获取待显示的原始图像。

就获取原始图像举例来说，终端运行视频客户端，在首页或其他功能页面需要显示与当前页面播放内容相关的海报，或者，在视频播放暂停时需要在视频客户端的窗口显示贴片广告。

步骤202，终端对原始图像进行模糊处理，形成原始图像对应的模糊化图像。

在一个实施例中，通过如下的方式形成模糊化图像：

步骤2021，基于原始图像中像素点的相邻和/或邻域像素点的颜色值计算颜色平均值。

确定与原始图像中像素点邻接和/或邻域的像素点；将所确定的像素点的各颜色通道的取值进行加权，计算相应颜色通道的加权平均值，所确定像素点的权重符合预定概率分布，举例来说，可以为高斯分布和均值分布等。

对于邻接来说，原始图像中的两个像素点接触，则它们是邻接的。对于邻域来说，包括以下几种类型：4邻域：如图5-1所示，像素p(x，y)的4邻域是邻接的像素：(x+1，y)；(x-1，y)；(x，y+1)；(x，y-1)；D邻域：如图5-2所示，像素p(x，y)的D邻域是对角上的像素(x+1，y+1)；用ND(p)表示像素p的D邻域：(x+1，y-1)；(x-1，y+1)；(x-1，y-1)；8邻域：如图5-3所示，像素p(x，y)的8邻域是：4邻域的像素+D邻域的像素，用N8(p)表示像素p的8邻域。

步骤2022，终端利用计算得到的颜色平均值替代相应像素点的原始的颜色值，形成原始图像对应的模糊化图像。

步骤203，终端在屏幕显示区域加载原始图像图层，并在原始图像图层中对应原始图像显示区域的区域渲染原始图像。

步骤204，终端判断原始图像的尺寸超出原始图像显示区域的尺寸时，以保持原始图像的宽高比例的方式调整原始图像的尺寸与原始图像显示区域的尺寸适配。

原始图像显示区域是终端的屏幕显示区域的布局中，用于显示原始图像的区域，原始图形区域可以占用屏幕显示区域的部分或者全部区域，就屏幕显示区域来说，是终端的屏幕中供客户端(用于显示原始图像)的区域，可以是屏幕的全部区域或部分区域。

在一个实施例中，如果原始图像的尺寸与原始图像图层的尺寸一致，例如在宽度和高度方向上全部一致，则在原始图像图层中对应原始图像显示区域的位置直接渲染原始图像。

在另一个实施例中，以原始图像为长方形或方形为例，如果原始图像的宽度小于原始图像显示区域的宽度，且原始图像的高度小于原始图像显示区域的高度，那么，可以采用如下调整方式：调整原始图像的高度与原始图像显示区域的高度一致，或者，调整原始图像的宽度与原始图像显示区域的宽度一致，在原始图像图层中对应原始图像显示区域的位置渲染调整后的原始图像。

通过如上的渲染原始图像的方式，能够避免在原始图像显示区域的宽度方向和高度方向同时出现空闲区域，后续步骤205中使用模糊化图像在一个方向对原始图像显示区域的空闲区域进行填充即可，处理效率上得到提高。

步骤205，终端在屏幕显示区域中确定渲染原始图像之后的空闲显示区域。

在一个实施例中，在模糊化图像图层中确定渲染的原始图像与渲染的模糊化图像的交汇线；在模糊化图像图层中确定距离交汇线预定数量像素点(如50个像素点、100个像素点)的区域为交汇区域，从而使得交汇区域具有一定宽度，在后续步骤中对交汇区域进行透明度调整时，能够容易地实现从模糊化图像到原始图像的自然过渡的效果。

步骤206，终端在原始图像图层的底部加载模糊化图像图层，在模糊化图像图层中与空闲显示区域对应的区域以及相邻区域，渲染原始图像对应的模糊化图像。

模糊化图像图层是位于原始图像图层的底部(从视线方向来说，模糊化图像图层位于原始图像图层之下)，在一个实施例中，在模糊化图像图层中渲染模糊化图像时，首先在模糊化图像图层中与空闲显示区域对应的区域进行渲染，当在与空闲显示区域对应的区域不足以渲染全部模糊化图像时，在模糊化图像图层中与空闲显示区域相邻区域继续渲染模糊化图像，直至渲染完毕模糊化图像。

步骤207，确定从渲染的模糊化图像到第二区域与渲染的原始图像的交汇线的第一分布方向，以及，在模糊化图像图层中确定渲染的原始图像与渲染的模糊化图像的交汇区域。

步骤208，对模糊化图像图层中对应交汇区域的像素点，按照第一分布方向设定顺序增大的透明度。

在一个实施例中，通过如下的方式设定透明度：

步骤2081，在交汇区域中确定与渲染的模糊化图像距离最大的第一边界，并在交汇区域中确定与渲染的模糊化图像接触的第二边界。

第一边界与第二边界之间的区域构成交汇区域。

步骤2082，针对第一边界对应的像素点设定第一透明度，针对第二边界对应的像素点设定第二透明度，第一透明度小于第二透明度。

步骤2083，针对第一边界到第二边界的方向分布的像素点，设定从第一透明度至第二透明度顺序增大的透明度。

举例来说，第一透明度设置为0(完全不透明)，第二透明度设置为1(完全透明)，对于第一边界与第二边界之间按照第一分布方向分布的像素点，按照透明度从0至1的等差序列设定透明度，那么，对于处于渲染的原始图像与渲染的模糊化图像之间的交汇区域来说，越靠近原始图像的位置透明度越高，越靠近模糊化图像的位置透明度越低，形成了从模糊化图像到原始图像的自然过渡的效果，避免渲染的原始图像与渲染的模糊化图像之间出现明显的线条而影响显示效果。

步骤209，加载位于模糊化图像图层顶部的渐变图层；针对渐变图层中对应渲染模糊化图像的区域，设定透明度、以及设定颜色值为原始图像各像素点的平均颜色值。

渐变图层位于是位于模糊化图像图层顶部(从视线方向来说，渐变图层位于模糊化图像图层之上)，在一个实施例中，按照如下的方式设定透明度：

步骤2091，在渲染的模糊化图像中确定未被渲染的原始图像覆盖的第一区域，以及，在渲染的模糊化图像确定被渲染的原始图像覆盖的第二区域。

步骤2092，在渐变图层中对应第一区域的像素点设定预定透明度。

预定透明度可以设定为超出50％透明度的值，如90％，80％等，这样，对于位于渐变图层第一区域之下的模糊化图层来说，在第一区域渲染的模糊化图像能够具有半透明的显示效果，避免模糊化图像被完全遮挡，从视觉效果上看，模糊化图像与原始图像构成了一个完整的图像，避免了简单拼接造成的视觉的突兀感，同时，避免了只渲染原始图像时有空闲区域的情况而影响视觉效果。

步骤2093，在渐变图层中对应第二区域，设置按照第二分布方向从预定透明度顺序减小的透明度。

第二分布方向这样的方向：起始位置是从第一区域与第二区域的交汇线，终止位置是第二区域与渲染的原始图像的交汇线，从起始位置指向终止位置的方向即为第二分布方向。

步骤210，在渐变图层的顶部加载文字图层；在文字图层中对应模糊化图像的区域渲染文字信息。

当文字图层的颜色值的亮度分量大于亮度阈值时，渲染文字信息使用反转的平均颜色值，从而，能够使得文字信息总是具有较高的识别度。

通过步骤201至步骤210获得了在屏幕显示区域显示原始图像的样式布局，涉及原始图像图层、模糊化图像图层和渐变图层，模糊化图像图层和渐变图层形成了屏幕显示区域中空闲显示区域的填充，并与原始图像形成自然的衔接，对于任何尺寸的终端来讲，都能够进行高效的适配。

当获得新的原始图像而重复执行上述步骤时，如上，由于文字信息的颜色取决于渐变图层的亮度情况，当变换显示的原始图像时文字信息会出现根据渐变图层亮度而改变的效果，具有醒目的提示效果，避免重要信息遗漏。

实际应用中，服务器可以为实现各种业务，如视频流分发、社交网络服务等，这些业务中不可避免地涉及到业务的分发，并且在分发的过程中还需要下发图像，通过上述提供的由终端进行原始图像和模糊化图像融合成新图像以适配终端屏幕的方式，对于服务器而言不需要区分终端尺寸，只需要统一下发原始图像，简化了业务分发逻辑，节约服务器资源。

继续对本发明实施例提供的图像处理装置的功能结构进行说明，如前，本发明实施例提供的图像处理装置能够应用于各种形式的终端，诸如智能手机、车载终端、平板电脑、笔记本电脑、台式机电脑和广告展示屏等具有显示功能的终端。

参见图6，图6是本发明实施例提供的图像处理装置100的一个可选的功能结构示意图，包括加载渲染单元101和确定单元102，分别进行说明。

加载渲染单元101，用于在屏幕显示区域加载原始图像图层，并在原始图像图层中对应原始图像显示区域的区域渲染原始图像；

确定单元102，用于在屏幕显示区域中确定渲染原始图像之后的空闲显示区域；

加载渲染单元101，用于在原始图像图层的底部加载模糊化图像图层，在模糊化图像图层中与空闲显示区域对应的区域以及相邻区域，渲染原始图像对应的模糊化图像；

确定单元102，确定从渲染的模糊化图像到第二区域与渲染的原始图像的交汇线的第一分布方向，以及，在模糊化图像图层中确定渲染的原始图像与渲染的模糊化图像的交汇区域；

加载渲染单元101，还用于对模糊化图像图层中对应交汇区域的像素点，按照第一分布方向设定顺序增大的透明度。

在一个实施例中，加载渲染单元101，还用于在屏幕显示区域加载原始图像图层之前，基于原始图像中像素点的相邻像素点的颜色值计算颜色平均值；

利用计算得到的颜色平均值替代相应像素点的原始的颜色值，形成原始图像对应的模糊化图像。

在一个实施例中，加载渲染单元101，还用于确定与原始图像中像素点邻接的像素点；

将所确定的像素点的各颜色通道的取值进行加权，计算相应颜色通道的加权平均值；其中，所确定像素点的权重符合预定概率分布。

在一个实施例中，加载渲染单元101，还用于在原始图像图层中对应原始图像区域的区域渲染原始图像之前，且当原始图像的尺寸超出原始图像显示区域的尺寸时，

以保持原始图像的宽高比例的方式，调整原始图像的高度与原始图像显示区域的高度一致，或者，调整原始图像的宽度与原始图像显示区域的宽度一致。

在一个实施例中，确定单元102，还用于在模糊化图像图层中确定渲染的原始图像与渲染的模糊化图像的交汇线；

在模糊化图像图层中确定距离交汇线预定数量像素点的区域为交汇区域。

在一个实施例中，加载渲染单元101，还用于在交汇区域中确定与渲染的模糊化图像距离最大的第一边界，以及，在交汇区域中确定与渲染的模糊化图像接触的第二边界；

针对第一边界对应的像素点设定第一透明度，针对第二边界对应的像素点设定第二透明度，第一透明度小于第二透明度；

针对第一边界到第二边界的方向分布的像素点，设定从第一透明度至第二透明度顺序增大的透明度。

在一个实施例中，加载渲染单元101，还用于加载位于模糊化图像图层顶部的渐变图层；

针对渐变图层中对应渲染模糊化图像的区域，设定透明度、以及设定颜色值为原始图像各像素点的平均颜色值。

在一个实施例中，加载渲染单元101，还用于在渲染的模糊化图像中确定未被渲染的原始图像覆盖的第一区域，以及，在渲染的模糊化图像确定被渲染的原始图像覆盖的第二区域；

在渐变图层中对应第一区域的区域设定预定透明度；

在渐变图层中对应第二区域，设置按照第二分布方向从预定透明度顺序减小的透明度；

其中，第二分布方向从第一区域与第二区域的交汇线、指向到第二区域与渲染的原始图像的交汇线。

在一个实施例中，加载渲染单元101，还用于在渐变图层的顶部加载文字图层；

在文字图层中对应渲染模糊化图像的区域渲染文字信息；

其中，当文字图层的颜色值的亮度分量大于亮度阈值时，渲染文字信息使用反转的平均颜色值。

就图6来说示出的功能单元来说，各个功能单元可由中央处理器、图形处理器和用于通信的网络接口等硬件实现，举例来说，参见图7，图7是本发明实施例提供的图像处理装置200的一个可选的结构示意图，图像处理装置200包括：至少一个处理器201、存储器202、至少一个通信接口204和输入/输出接口203。图像处理装置200中的各个组件通过总线系统205耦合在一起。可理解地，总线系统205用于实现这些组件之间的连接通信。总线系统205除包括数据总线之外，还包括电源总线、控制总线和状态信号总线。但是为了清楚说明起见，在图2中将各种总线都标为总线系统205。

其中，输入/输出接口203包括显示器以用于呈现本发明实施例前述涉及的加载渲染的各种中间结果和最终结果，根据需要，还可以包括有键盘、鼠标、按键、按钮、触感板或者触摸屏等组件。

可以理解地，存储器202可以是易失性存储器或非易失性存储器，也可包括易失性和非易失性存储器两者。

本发明实施例中的存储器202用于存储各种类型的数据以支持图像处理装置200的操作。这些数据的示例包括：用于在图像处理装置200上操作的任何可执行程序，如操作系统2021和应用程序2022；图片；视频等。其中，操作系统2021包含各种系统程序，例如框架层、核心库层和驱动层等，用于实现各种基础业务以及处理基于硬件的任务。

应用程序2022可以包含各种应用程序，例如媒体播放器(Media Player)、浏览器(Browser)等，用于实现各种应用业务；实现本发明实施例前述提供的图像处理方法的程序可以包含在应用程序2022中；举例来说，应用程序2022可以是视频客户端，在播放点播视频流的同时，还可以根据本发明实施例提供的图像处理方法处理来自视频后台服务器的海报，在信息处理装置的显示屏(可以理解地，这里的显示屏可以是信息处理装置20自身的显示屏，或者是信息处理装置20外接的显示屏)。

上述本发明实施例揭示的方法可以应用于处理器201中，或者由处理器201实现。处理器201可能是一种集成电路芯片，具有信号的处理能力。在实现过程中，上述方法的各步骤可以通过处理器201中的硬件的集成逻辑电路或者软件形式的指令完成。

处理器201可以实现或者执行本发明实施例提供的图像处理方法、步骤及逻辑框图。通用处理器可以是微处理器或者任何常规的处理器等。结合本发明实施例所提供的图像处理方法的步骤，可以直接体现为硬件译码处理器执行完成，或者用译码处理器中的硬件及软件模块组合执行完成。软件模块可以位于存储介质中，该存储介质位于存储器202，处理器201读取存储器202中的信息，结合其硬件完成前述方法的步骤。

再以视频客户端中展示为例对本发明实施例提供的图像处理的方案进行说明。

参见图8，图8是本发明实施例提供的终端设备的视频客户端对海报处理的一个可选的流程示意图，涉及设计海报(设计稿)、海报的设计稿发布、终端(设备)分析海报的设计稿、对海报的设计稿进行动态调整、终端(设备)展现几个环节。核心环节主要体现在，终端设备分析海报的原始的设计稿，以及动态调整，终端设备需要结合相应的图像处理算法进行优化处理。

就终端获得海报并对海报进行处理形成新的样式布局而言，涉及以下几个方面：

1)运营人员设计推出终端用的海报(原始图像)，后台服务器向终端下发海报。

2)终端获得推送的海报。

3)对海报进行图像处理，形成在屏幕显示海报的样式布局。

4)终端根据海报的样式布局显示海报。

参见图9-1，图9-1是本发明实施例提供的终端呈现海报的可选的显示示意图，在图9-1中，视频客户端占用终端的全部的屏幕显示区域，其中屏幕显示区域91用于显示海报，海报92的高度原始图像显示区域91的高度适配但是在宽度方向上存在空闲区域，在空闲区域显示有文字信息93以及海报92的模糊化图像94，模糊化图像94的显示区域与海报92的显示区域衔接，从视觉效果上模糊化图像94与海报92在视觉效果上衔接成为一个整体，解决了海报92本身与屏幕显示区域91尺寸不适配的问题。

参见图9-2，图9-2是本发明实施例提供的终端呈现海报的可选的显示示意图，视频客户端占用终端的全部的屏幕显示区域，其中屏幕显示区域95用于显示海报，海报96的高度原始图像显示区域95的高度适配但是在宽度方向上存在空闲区域，在空闲区域显示有文字信息97以及海报96的模糊化图像94，与海报96在视觉效果上衔接成为一个整体，解决了海报96本身与屏幕显示区域81尺寸不适配的问题，同时也增大了屏幕显示区域95的信息量。

就终端形成如图9-2所示的海报显示的样式布局的处理来说，涉及以下几个方面：

a)计算海报96的各像素点的周围像素点的颜色平均值。

b)利用颜色平均值替代像素点的颜色值，形成模糊化图像94。

c)将海报96和模糊化图像94进行结合，避免设备中因海报96无法填充全部屏幕显示区域而出现空闲显示区域的情况。

就具体的模糊方式而言可以采用高斯模糊方式，通过将模糊化图像94与海报96进行结合，能够使渲染海报96后的空闲区域上呈现模糊化图像94，避免单一渲染海报96的单调且信息量小的问题，使得原始图像与周围区域的衔接协调。

对形成图9-2所示的海报样式布局的过程进行说明，参见图10，图10是本发明实施例提供的渲染原始图像、模糊化图像和文字信息的图层拆分的一个可选的示意图，海报96与模糊化图像94在不同的图层进行渲染，其中海报96在原始图像图层渲染，模糊化图像94在模糊化图像图层进行渲染，在原始图像图层渲染海报96，并在模糊化图像图层中对应未被海报96覆盖的区域渲染模糊化图像94，由于模糊化图层位于原始图像图层的底部，因此模糊化图像94与海报96的重叠的区域被海报96遮挡。

d)模糊化图像94和海报96的交汇区域981，会存在色差导致明显的线条，为了避免出现线条，对交汇区域981做透明度渐变处理。

透明效果从宽度0.001开始(第一边界)，结束在0.078125(第二边界)(表示交汇区域981在宽度上的分布)，透明度从0到100％(从完全不透明到完全透明)，实现了从模糊化图像94到海报96自然过渡的视觉效果。

e)在模糊化图像图层之上加载渐变图层，在渐变图层对应模糊化图像94所在的区域设置一个渐变背景梯度。

需要指出地，为便于说明，渐变背景梯度与模糊化图像94没有重合(实际上二者重合)，渐变背景梯度分为第一区域982和第二区域983，其中第一区域982是模糊化图像94未被海报96遮挡的部分，第二区域983是模糊化图像94被海报96遮挡的部分；对于第一区域982设定90％的透明度；对于第二区域983设定从90％顺序降低至0的透明度，对渐变图层进行颜色填充，填充的颜色值为海报96中像素点的平均颜色值，并且设置alpha通道的值为0.9。

渐变背景梯度的第一区域982对未被遮挡海报96遮挡的模糊化图像94设置了透明度，有利于后续在渐变图层加载文字图层时突出文字信息97的显著程度，第二区域982设定了顺序减小的透明度，形成了模糊化图像94到海报96平滑过渡的效果，使得模糊化图像94与海报96自然衔接成一个完整的图像。

f)在渐变图层之上加载文字图层，在文字图层中加载文字信息97。

文字信息的颜色值取决于背景图层填充的平均颜色值的亮度分量，如果亮度分量大于亮度阈值(例如80％)，实现文字信息和背景图层的融合；当终端更换显示海报时，文字信息会根据海报的平均颜色值的亮度而动态变化，具有显著的视觉效果。

综上所述，本发明实施例具有以下有益效果：

1)将模糊化图像和原始图像融合的方式填充原始图像显示区域，不需要针对终端屏幕尺寸的差异有针对性地设计海报，支持后台服务器能够根据需求随时下发图像而在接收终端进行融合处理，提高了后台服务器分发业务的效率。

2)对于模糊化图像和原始图像的交汇区域的透明度进行渐变，实现了从模糊化图像到原始图像的自然过渡，使得模糊化图像和原始图像自然衔接成一个整体对屏幕显示区域填充，实现了针对终端屏幕尺寸进行智能化适配的技术效果，节约了由服务器进行业务分发时需要根据终端的屏幕尺寸进行有针对性分发的资源消耗，提升了服务器分发业务的效率。

3)通过渐变图层中设置透明度增强了从模糊化图像到原始图像的自然过渡的效果，并且，突出在渐变图层加载的文字图层的显著程度，有利于用户从文字图层中及时获取与原始图像相关的信息。

4)通过在渐变图层加载文字图层，进一步提升了显示原始图像时的信息量，有利于用户获取与原始图像相关的信息。

以上所述，仅为本发明的具体实施方式，但本发明的保护范围并不局限于此，任何熟悉本技术领域的技术人员在本发明揭露的技术范围内，可轻易想到变化或替换，都应涵盖在本发明的保护范围之内。因此，本发明的保护范围应以所述权利要求的保护范围为准。

Claims (15)

1.一种图像处理方法，其特征在于，包括：

在屏幕显示区域加载原始图像图层，并在所述原始图像图层中对应原始图像显示区域的区域渲染原始图像；

在所述屏幕显示区域中确定渲染所述原始图像之后的空闲显示区域；

在所述原始图像图层的底部加载模糊化图像图层，在所述模糊化图像图层中与所述空闲显示区域对应的区域以及相邻区域，渲染所述原始图像对应的模糊化图像，在渲染的所述模糊化图像中确定被渲染的所述原始图像覆盖的第二区域；其中，所述模糊化图像为对所述原始图像进行模糊处理后得到的图像；

确定从所述渲染的所述模糊化图像到所述第二区域与渲染的所述原始图像的交汇线的第一分布方向，以及，在所述模糊化图像图层中确定渲染的所述原始图像与渲染的所述模糊化图像的交汇区域；

对所述模糊化图像图层中对应所述交汇区域的像素点，按照所述第一分布方向设定顺序增大的透明度。

2.如权利要求1所述的方法，其特征在于，还包括：

在屏幕显示区域加载原始图像图层之前，

基于所述原始图像中像素点的相邻像素点的颜色值计算颜色平均值；

利用计算得到的颜色平均值替代相应像素点的原始的颜色值，形成所述原始图像对应的模糊化图像。

3.如权利要求2所述的方法，其特征在于，所述根据原始图像中像素点的相邻像素点的颜色值计算颜色平均值，包括：

确定与所述原始图像中像素点邻接的像素点；

将所确定的像素点的各颜色通道的取值进行加权，计算相应颜色通道的加权平均值；其中，所确定像素点的权重符合预定概率分布。

4.如权利要求1所述的方法，其特征在于，还包括：

在所述原始图像图层中对应原始图像区域的区域渲染所述原始图像之前，且当所述原始图像的尺寸超出所述原始图像显示区域的尺寸时，

以保持所述原始图像的宽高比例的方式，调整所述原始图像的高度与所述原始图像显示区域的高度一致，或者，调整所述原始图像的宽度与所述原始图像显示区域的宽度一致。

5.如权利要求1所述的方法，其特征在于，所述在所述屏幕显示区域中确定渲染所述原始图像之后的空闲显示区域，包括：

在所述模糊化图像图层中确定渲染的所述原始图像与渲染的所述模糊化图像的交汇线；

在所述模糊化图像图层中确定距离所述交汇线预定数量像素点的区域为所述交汇区域。

6.如权利要求1所述的方法，其特征在于，所述对所述模糊化图像图层中对应交汇区域的像素点，按照所述第一分布方向设定顺序增大的透明度，包括：

在所述交汇区域中确定与渲染的所述模糊化图像距离最大的第一边界，以及，在所述交汇区域中确定与渲染的所述模糊化图像接触的第二边界；

针对所述第一边界对应的像素点设定第一透明度，针对所述第二边界对应的像素点设定第二透明度，所述第一透明度小于所述第二透明度；

针对所述第一边界到所述第二边界的方向分布的像素点，设定从所述第一透明度至所述第二透明度顺序增大的透明度。

7.如权利要求1所述的方法，其特征在于，还包括：

加载位于所述模糊化图像图层的顶部的渐变图层；

针对所述渐变图层中对应渲染所述模糊化图像的区域，设定透明度、以及设定颜色值为所述原始图像各像素点的平均颜色值。

8.如权利要求7所述的方法，其特征在于，所述设定透明度，包括：

在渲染的所述模糊化图像中确定未被渲染的所述原始图像覆盖的第一区域；

在所述渐变图层中对应所述第一区域的区域设定预定透明度；

在所述渐变图层中对应所述第二区域，设置按照第二分布方向从所述预定透明度顺序减小的透明度；

其中，所述第二分布方向从所述第一区域与所述第二区域的交汇线、指向到所述第二区域与渲染的所述原始图像的交汇线。

9.如权利要求7所述的方法，其特征在于，还包括：

在所述渐变图层的顶部加载文字图层；

在所述文字图层中对应渲染所述模糊化图像的区域渲染文字信息；

其中，当所述文字图层的颜色值的亮度分量大于亮度阈值时，渲染所述文字信息使用反转的所述平均颜色值。

10.一种图像处理装置，其特征在于，包括：

加载渲染单元，用于在屏幕显示区域加载原始图像图层，并在所述原始图像图层中对应原始图像显示区域的区域渲染原始图像；

确定单元，用于在所述屏幕显示区域中确定渲染所述原始图像之后的空闲显示区域；

加载渲染单元，用于在所述原始图像图层的底部加载模糊化图像图层，在所述模糊化图像图层中与所述空闲显示区域对应的区域以及相邻区域，渲染所述原始图像对应的模糊化图像，在渲染的所述模糊化图像中确定被渲染的所述原始图像覆盖的第二区域；其中，所述模糊化图像为对所述原始图像进行模糊处理后得到的图像；

所述确定单元，确定从所述渲染的所述模糊化图像到所述第二区域与渲染的所述原始图像的交汇线的第一分布方向，以及，在所述模糊化图像图层中确定渲染的所述原始图像与渲染的所述模糊化图像的交汇区域；

所述加载渲染单元，还用于对所述模糊化图像图层中对应所述交汇区域的像素点，按照所述第一分布方向设定顺序增大的透明度。

11.如权利要求10所述的图像处理装置，其特征在于，

所述加载渲染单元，还用于在所述原始图像图层中对应原始图像区域的区域渲染所述原始图像之前，且当所述原始图像的尺寸超出所述原始图像显示区域的尺寸时，

以保持所述原始图像的宽高比例的方式，调整所述原始图像的高度与所述原始图像显示区域的高度一致，或者，调整所述原始图像的宽度与所述原始图像显示区域的宽度一致。

12.如权利要求10所述的图像处理装置，其特征在于，

所述确定单元，还用于在所述模糊化图像图层中确定渲染的所述原始图像与渲染的所述模糊化图像的交汇线；

在所述模糊化图像图层中确定距离所述交汇线预定数量像素点的区域为所述交汇区域。

13.如权利要求10所述的图像处理装置，其特征在于，

所述加载渲染单元，还用于在所述交汇区域中确定与渲染的所述模糊化图像距离最大的第一边界，以及，在所述交汇区域中确定与渲染的所述模糊化图像接触的第二边界；

针对所述第一边界对应的像素点设定第一透明度，针对所述第二边界对应的像素点设定第二透明度，所述第一透明度小于所述第二透明度；

针对所述第一边界到所述第二边界的方向分布的像素点，设定从所述第一透明度至所述第二透明度顺序增大的透明度。

14.一种图像处理装置，其特征在于，包括：

存储器，用于存储可执行程序；

处理器，用于通过执行所述存储器中存储的可执行程序时实现以下步骤：

在屏幕显示区域加载原始图像图层，并在所述原始图像图层中对应原始图像显示区域的区域渲染原始图像；

在所述屏幕显示区域中确定渲染所述原始图像之后的空闲显示区域；

在所述原始图像图层的底部加载模糊化图像图层，在所述模糊化图像图层中与所述空闲显示区域对应的区域以及相邻区域，渲染所述原始图像对应的模糊化图像，在渲染的所述模糊化图像中确定被渲染的所述原始图像覆盖的第二区域；其中，所述模糊化图像为对所述原始图像进行模糊处理后得到的图像；

确定从所述渲染的所述模糊化图像到所述第二区域与渲染的所述原始图像的交汇线的第一分布方向，以及，在所述模糊化图像图层中确定渲染的所述原始图像与渲染的所述模糊化图像的交汇区域；

对所述模糊化图像图层中对应所述交汇区域的像素点，按照所述第一分布方向设定顺序增大的透明度。

15.一种存储介质，其特征在于，存储有可执行程序，所述可执行程序被处理器执行时实现以下步骤：

在屏幕显示区域加载原始图像图层，并在所述原始图像图层中对应原始图像显示区域的区域渲染原始图像；

在所述屏幕显示区域中确定渲染所述原始图像之后的空闲显示区域；

在所述原始图像图层的底部加载模糊化图像图层，在所述模糊化图像图层中与所述空闲显示区域对应的区域以及相邻区域，渲染所述原始图像对应的模糊化图像，在渲染的所述模糊化图像中确定被渲染的所述原始图像覆盖的第二区域；其中，所述模糊化图像为对所述原始图像进行模糊处理后得到的图像；

确定从所述渲染的所述模糊化图像到所述第二区域与渲染的所述原始图像的交汇线的第一分布方向，以及，在所述模糊化图像图层中确定渲染的所述原始图像与渲染的所述模糊化图像的交汇区域；

对所述模糊化图像图层中对应所述交汇区域的像素点，按照所述第一分布方向设定顺序增大的透明度。