图像显示方法、装置、电子设备和存储介质制造方法及图纸

本发明专利技术涉及图像处理技术领域，提供一种图像显示方法、装置、电子设备和存储介质。通过在客户端中存储压缩后的素材图像及其对应的容差参数，获取素材图像的色彩数据，素材图像包括前景和纯色背景，其中纯色背景表示素材图像压缩前的透明层；然后根据素材图像的色彩数据、纯色背景和容差参数，获得素材图像的透明数据；再根据透明数据恢复素材图像的透明层，得到包含透明层和前景的待显示图像并进行显示。通过在客户端中存储压缩后的素材图像和其对应的容差参数，以减少素材图像的占用空间，达到了节省存储空间的效果，并且通过恢复透明层实现了透明显示效果。层实现了透明显示效果。层实现了透明显示效果。

【技术实现步骤摘要】
图像显示方法、装置、电子设备和存储介质


[0001]本专利技术涉及图像处理
，具体而言，涉及一种图像显示方法、装置、电子设备和存储介质。

技术介绍

[0002]随着多媒体技术的发展，通过客户端观看视频直播已经成为大众娱乐的一种方式，客户端中存储众多的素材资源以支持交互界面的美化。如用户在观看直播时可以向主播赠送虚拟礼物并显示礼物特效，而目前礼物特效的素材通常采用的是包含透明层的PNG图片。由于PNG格式的图片支持透明层且压缩比不高导致图片占用的空间较大，从而使得客户端占用的空间不断增大。

技术实现思路

[0003]有鉴于此，本专利技术的目的在于提供一种图像显示方法、装置、电子设备和存储介质。
[0004]为了实现上述目的，本专利技术实施例采用的技术方案如下：
[0005]第一方面，本专利技术提供一种图像显示方法，应用于客户端，所述客户端存储有压缩后的素材图像及其对应的容差参数，所述方法包括：
[0006]获取所述素材图像的色彩数据，所述素材图像包括前景和纯色背景；所述纯色背景表示所述素材图像压缩前的透明层；
[0007]根据所述素材图像的色彩数据、所述纯色背景和所述容差参数，获得所述素材图像的透明数据；
[0008]根据所述透明数据恢复所述素材图像的透明层，得到包含所述透明层和所述前景的待显示图像并进行显示。
[0009]在可选的实施方式中，所述素材图像的色彩数据包括每个像素点的色彩值；所述容差参数包括背景容差阈值、边缘容差阈值和两色容差阈值；r/>[0010]所述根据所述素材图像的色彩数据、所述纯色背景和所述容差参数，获得所述素材图像的透明数据的步骤，包括：
[0011]获取所述纯色背景的色彩值和背景色；
[0012]根据每个所述像素点的色彩值、所述纯色背景的色彩值和所述背景容差阈值，确定完全透明区域，并获得所述完全透明区域中每个第一像素点的透明度；
[0013]根据每个所述像素点的色彩值、所述背景色、所述边缘容差阈值和所述两色容差阈值，确定半透明区域，并计算所述半透明区域中每个第二像素点的透明度；
[0014]获得所述素材图像的透明数据，所述透明数据包括每个所述第一像素点的透明度和每个所述第二像素点的透明度。
[0015]在可选的实施方式中，所述根据每个所述像素点的色彩值、所述纯色背景的色彩值和所述背景容差阈值，确定完全透明区域的步骤，包括：
[0016]计算每个所述像素点的色彩值与所述纯色背景的色彩值的绝对差值，得到每个像素点对应的第一参考值；
[0017]将所述第一参考值小于所述背景容差阈值的每个像素点，均作为所述第一像素点，得到包含全部第一像素点的完全透明区域。
[0018]在可选的实施方式中，所述色彩值包括红色对应的颜色值、绿色对应的颜色值和蓝色对应的颜色值；
[0019]所述根据每个所述像素点的色彩值、所述背景色、所述边缘容差阈值和所述两色容差阈值，确定半透明区域的步骤，包括：
[0020]获取每个所述像素点的目标颜色值，所述目标颜色值对应的颜色与所述背景色相同；
[0021]对于每个所述像素点，分别计算所述像素点的目标颜色值与其他两个颜色值的绝对差值，并计算两个所述绝对差值的和获得所述像素点对应的第二参考值，得到每个所述像素点对应的第二参考值；
[0022]对于每个所述像素点，计算所述像素点的其他两个颜色值的绝对差值获得所述像素点对应的第三参考值，得到每个所述像素点对应的第三参考值；
[0023]将所述第二参考值大于所述边缘容差阈值且所述第三参考值小于所述两色容差阈值的每个像素点，均作为所述第二像素点，得到包含全部第二像素点的半透明区域。
[0024]在可选的实施方式中，所述计算所述半透明区域中每个第二像素点的透明度的步骤，包括：
[0025]获取所述背景色对应的透明度恢复公式；
[0026]根据所述背景色对应的透明度恢复公式和每个所述第二像素点的色彩值，计算每个所述第二像素点的透明度；
[0027]所述背景色对应的透明度恢复公式如下：
[0028][0029]其中，a表示所述第二像素点的透明度；k
t
表示所述第二像素点的目标颜色值；k1和k2表示所述第二像素点的其他两个颜色值。
[0030]在可选的实施方式中，所述根据所述透明数据恢复所述素材图像的透明层的步骤，包括：
[0031]根据每个所述第一像素点的色彩值和透明度，计算每个所述第一像素点的新色彩值；
[0032]对于每个所述第二像素点，计算所述第二像素点的其他两个颜色值的平均值，并将所述平均值作为所述第二像素点的新目标颜色值，得到每个所述第二像素点的新目标颜色值；
[0033]根据每个所述第二像素点的新目标颜色值、其他两个颜色值和透明度，计算每个所述第二像素点的新色彩值；
[0034]根据每个所述第一像素点的新色彩值和每个所述第二像素点的新色彩值，恢复所述素材图像的透明层。
[0035]在可选的实施方式中，所述根据所述色彩数据、所述纯色背景和所述容差参数，获得所述素材图像的透明数据的步骤之后，所述方法还包括：
[0036]获取待替换图像的色彩数据，所述待替换图像包括目标背景；
[0037]根据所述待替换图像的色彩数据、所述素材图像的色彩数据和透明数据，将所述素材图像中纯色背景替换为所述目标背景，得到包含所述目标背景和所述前景的目标图像。
[0038]第二方面，本专利技术提供一种图像显示装置，应用于客户端，所述客户端存储有压缩后的素材图像及其对应的容差参数，所述装置包括：
[0039]获取模块，用于获取所述素材图像的色彩数据，所述素材图像包括前景和纯色背景；所述纯色背景表示所述素材图像压缩前的透明层；
[0040]计算模块，用于根据所述素材图像的色彩数据、所述纯色背景和所述容差参数，获得所述素材图像的透明数据；
[0041]显示模块，用于根据所述透明数据恢复所述素材图像的透明层，得到包含所述透明层和所述前景的待显示图像并进行显示。
[0042]第三方面，本专利技术提供一种电子设备，包括处理器和存储器，所述存储器存储有计算机程序，所述处理器执行所述计算机程序时，实现前述实施方式中任一项所述的方法。
[0043]第四方面，本专利技术提供一种存储介质，所述存储介质上存储有计算机程序，该计算机程序被处理器执行时，实现前述实施方式中任一项所述的方法。
[0044]本专利技术实施例提供的图像显示方法、装置、电子设备和存储介质，通过在客户端中存储压缩后的素材图像及其对应的容差参数，获取素材图像的色彩数据，素材图像包括前景和纯色背景，其中纯色背景表示素材图像压缩前的透明层；然后根据素材图像的色彩数据、纯色背景和容差参数，获得素材图像的透明数据；再根据透明数据恢复素材图像的透明层，得到包含透明层和前景的待显示图像并进行显示。通过在客户端中存储压缩后的素材图像和其对应的容差参数，本文档来自技高网...

【技术保护点】

【技术特征摘要】
1.一种图像显示方法，其特征在于，应用于客户端，所述客户端存储有压缩后的素材图像及其对应的容差参数，所述方法包括：获取所述素材图像的色彩数据，所述素材图像包括前景和纯色背景；所述纯色背景表示所述素材图像压缩前的透明层；根据所述素材图像的色彩数据、所述纯色背景和所述容差参数，获得所述素材图像的透明数据；根据所述透明数据恢复所述素材图像的透明层，得到包含所述透明层和所述前景的待显示图像并进行显示。2.根据权利要求1所述的方法，其特征在于，所述素材图像的色彩数据包括每个像素点的色彩值；所述容差参数包括背景容差阈值、边缘容差阈值和两色容差阈值；所述根据所述素材图像的色彩数据、所述纯色背景和所述容差参数，获得所述素材图像的透明数据的步骤，包括：获取所述纯色背景的色彩值和背景色；根据每个所述像素点的色彩值、所述纯色背景的色彩值和所述背景容差阈值，确定完全透明区域，并获得所述完全透明区域中每个第一像素点的透明度；根据每个所述像素点的色彩值、所述背景色、所述边缘容差阈值和所述两色容差阈值，确定半透明区域，并计算所述半透明区域中每个第二像素点的透明度；获得所述素材图像的透明数据，所述透明数据包括每个所述第一像素点的透明度和每个所述第二像素点的透明度。3.根据权利要求2所述的方法，其特征在于，所述根据每个所述像素点的色彩值、所述纯色背景的色彩值和所述背景容差阈值，确定完全透明区域的步骤，包括：计算每个所述像素点的色彩值与所述纯色背景的色彩值的绝对差值，得到每个像素点对应的第一参考值；将所述第一参考值小于所述背景容差阈值的每个像素点，均作为所述第一像素点，得到包含全部第一像素点的完全透明区域。4.根据权利要求2所述的方法，其特征在于，所述色彩值包括红色对应的颜色值、绿色对应的颜色值和蓝色对应的颜色值；所述根据每个所述像素点的色彩值、所述背景色、所述边缘容差阈值和所述两色容差阈值，确定半透明区域的步骤，包括：获取每个所述像素点的目标颜色值，所述目标颜色值对应的颜色与所述背景色相同；对于每个所述像素点，分别计算所述像素点的目标颜色值与其他两个颜色值的绝对差值，并计算两个所述绝对差值的和获得所述像素点对应的第二参考值，得到每个所述像素点对应的第二参考值；对于每个所述像素点，计算所述像素点的其他两个颜色值的绝对差值获得所述像素点对应的第三参考值，得到每个所述像素点对应的第三参考值；将所述第二参考值大于所述边缘容差阈值且所述第三参考值小于所述两色容差阈值的每个像素点，均作...

【专利技术属性】
技术研发人员：徐世炎，何颂贤，
申请(专利权)人：广州虎牙科技有限公司，
类型：发明
国别省市：