一种显示设备及减小动态图数据量的方法与流程

    技术2025-06-09  46


    本技术涉及图像处理,尤其涉及一种显示设备及减小动态图数据量的方法。


    背景技术:

    1、为了生动、形象的展示一些功能场景,一些应用程序可以使用动态图来呈现动态效果。例如,在互联网页面中,可以使用动态图动态的显示网络内容。以图形互换格式(graphics interchange format,gif)为例,gif图是一种可以存储多幅图片的文件格式,通过逐帧读取存储的图片,可以形成循环播放的动画,呈现的形式比静态图更生动、形象。

    2、虽然使用动态图可以提高场景的表现力,但是动态图的数据量往往比较大。例如,gif图是由事先已经存在的多张图片混合而成的,在播放gif图时,会根据设置好的时间间隔按帧播放,即按照时间轴显示每一帧图像。这样,动态图数据量会随着播放帧数几何倍数增加,而对于应用程序来说,应用程序包的数据量如包体积越小,意味着越高的安装率与升级率。因此,当动态图数据量大时,会影响应用程序的安装速度、升级速度、媒资的加载速度及显示效率等。


    技术实现思路

    1、本技术一些实施例提供一种显示设备及减小动态图数据量的方法,以解决动态图数据量大的问题。

    2、第一方面,本技术一些实施例提供一种显示设备,包括:

    3、显示器,被配置为显示用户界面;

    4、控制器,被配置为:

    5、识别动态图文件中的多个图片帧;所述动态图文件为包含有第一比例的静态图、第二比例的动态图的图文件;

    6、根据所述图片帧的运动状态将所述动态图文件对应的动态图划分为多个分段图;

    7、识别所述分段图中的静态区域,以及将所述静态区域设置为所述分段图中的底图;

    8、识别所述分段图中的动态区域,以及将所述动态区域压缩为压缩动态图;

    9、记录所述底图与所述压缩动态图的尺寸与位置;

    10、根据所述尺寸和所述位置将所述动态图中的分段图替换为所述底图与所述压缩动态图。

    11、在一些实施例中,所述控制器执行根据所述图片帧的运动状态将所述动态图文件对应的动态图划分为多个分段图的步骤,进一步被配置为:

    12、根据相邻图片帧的像素差,识别所述图片帧中的静态区域和动态区域;

    13、获取所述动态图的时间轴顺序;

    14、根据所述时间轴顺序、所述静态区域和所述动态区域划分所述动态图,以生成多个分段图。

    15、在一些实施例中,所述控制器执行将所述静态区域设置为所述分段图中的底图的步骤,进一步被配置为:

    16、获取所述分段图中的静态区域;

    17、在所述静态区域中设置目标静态帧;

    18、截取所述目标静态帧,以及将截取后的目标静态帧标记为所述分段图中的底图。

    19、在一些实施例中,所述控制器执行将所述动态区域压缩为压缩动态图的步骤,进一步被配置为:

    20、获取所述分段图中的动态区域以及所述动态区域的多个动态帧;

    21、压缩所述动态帧,以生成压缩帧;

    22、按照所述动态帧的播放顺序将所述压缩帧合并为压缩动态图;所述压缩动态图的数据量小于所述动态帧的数据量之和。

    23、在一些实施例中,所述控制器执行记录所述底图与所述压缩动态图的尺寸与位置的步骤,进一步被配置为:

    24、计算所述底图的第一坐标范围以及所述底图占位的第一高度和第一宽度;

    25、计算所述压缩动态图的第二坐标范围以及所述压缩动态图占位的第二高度和第二宽度;

    26、根据所述第一坐标范围、所述第一高度和所述第一宽度构建第一四元组,以及通过所述第一四元组记录所述底图的尺寸与位置;

    27、根据所述第二坐标范围、所述第二高度和所述第二宽度构建第二四元组,以及通过所述第二四元组记录所述压缩动态图的尺寸与位置。

    28、在一些实施例中,所述控制器执行根据所述尺寸和所述位置将所述动态图中的分段图替换为所述底图与所述压缩动态图的步骤,进一步被配置为:

    29、根据所述第一四元组确定所述底图在所述分段图中的第一位置与第一尺寸;

    30、根据所述第二四元组确定所述压缩动态图在所述分段图中的第二位置与第二尺寸;

    31、响应于显示所述压缩动态图的显示指令,控制所述显示器根据所述第一位置和所述第一尺寸在第一图层显示所述底图,以及根据所述第二位置和所述第二尺寸在第二图层叠加显示所述压缩动态图,其中,所述第二图层在所述第一图层的上方。

    32、在一些实施例中,所述控制器进一步被配置为:

    33、获取所述分段图的分段数量;

    34、获取所有分段图对应的底图和压缩动态图;

    35、根据所述分段数量设置所述底图和所述压缩动态图的播放序列;

    36、根据所述播放序列将所述动态图替换为所述底图和所述压缩动态图。

    37、在一些实施例中,所述控制器进一步被配置为:

    38、根据所述播放序列确定最后一个压缩动态图;

    39、响应于最后一个压缩动态图的播放完成事件,生成定格指令;

    40、根据所述定格指令定格到最后一帧静态帧以及所述最后一个压缩动态图的最后一帧。

    41、在一些实施例中,所述控制器进一步被配置为:

    42、响应于播放所述压缩动态图的播放指令,监听当前帧压缩动态图的播放进度;

    43、检测到所述当前帧压缩动态图还剩余目标数量帧时,预加载下一帧底图和下一帧压缩动态图。

    44、第二方面,本技术一些实施例提供一种减小动态图数据量的方法,可以应用于第一方面的显示设备,所述显示设备包括显示器和控制器,所述减小动态图数据量的方法包括:

    45、识别动态图文件中的多个图片帧;所述动态图文件为包含有第一比例的静态图、第二比例的动态图的图文件;

    46、根据所述图片帧的运动状态将所述动态图文件对应的动态图划分为多个分段图;

    47、识别所述分段图中的静态区域,以及将所述静态区域设置为所述分段图中的底图;

    48、识别所述分段图中的动态区域,以及将所述动态区域压缩为压缩动态图;

    49、记录所述底图与所述压缩动态图的尺寸与位置;

    50、根据所述尺寸和所述位置将所述动态图中的分段图替换为所述底图与所述压缩动态图。

    51、由以上技术方案可知,本技术一些实施例提供一种显示设备及减小动态图数据量的方法,所述方法包括:识别动态图文件中的多个图片帧,根据图片帧的运动状态将动态图文件对应的动态图划分为多个分段图,识别分段图中的静态区域,以及将静态区域设置为分段图中的底图,识别分段图中的动态区域,以及将动态区域压缩为压缩动态图,记录底图与压缩动态图的尺寸与位置,并根据尺寸和位置将动态图中的分段图替换为底图与压缩动态图。所述显示设备200可以将大的动态图划分为多个分段图,针对只有部分区域动态显示的动态图,可以将其拆分成多层,静态的部分可以使用静态帧的底图替换,动态部分可以用压缩后的小尺寸动态图替换,通过图层的叠加实现最终的动态效果。通过“静态底图+压缩动态图”的方法减小动态图的数据量,进而解决动态图数据量大的问题。


    技术特征:

    1.一种显示设备,其特征在于,包括:

    2.根据权利要求1所述的显示设备,其特征在于,所述控制器执行根据所述图片帧的运动状态将所述动态图文件对应的动态图划分为多个分段图的步骤,进一步被配置为:

    3.根据权利要求2所述的显示设备,其特征在于,所述控制器执行将所述静态区域设置为所述分段图中的底图的步骤,进一步被配置为:

    4.根据权利要求1所述的显示设备,其特征在于,所述控制器执行将所述动态区域压缩为压缩动态图的步骤,进一步被配置为:

    5.根据权利要求1所述的显示设备,其特征在于,所述控制器执行记录所述底图与所述压缩动态图的尺寸与位置的步骤,进一步被配置为:

    6.根据权利要求5所述的显示设备,其特征在于,所述控制器执行根据所述尺寸和所述位置将所述动态图中的分段图替换为所述底图与所述压缩动态图的步骤,进一步被配置为:

    7.根据权利要求6所述的显示设备,其特征在于,所述控制器进一步被配置为:

    8.根据权利要求7所述的显示设备,其特征在于,所述控制器进一步被配置为:

    9.根据权利要求8所述的显示设备,其特征在于,所述控制器进一步被配置为:

    10.一种减小动态图数据量的方法,其特征在于,应用于权利要求1-9任一项所述的显示设备,所述显示设备包括显示器和控制器,所述减小动态图数据量的方法包括:


    技术总结
    本申请提供一种显示设备及减小动态图数据量的方法,方法包括:识别动态图文件中的多个图片帧,根据图片帧的运动状态将动态图文件对应的动态图划分为多个分段图,识别分段图中的静态区域以及将静态区域设置为分段图中的底图,识别分段图中的动态区域,以及将动态区域压缩为压缩动态图,记录底图与压缩动态图的尺寸与位置,并根据尺寸和位置将动态图中的分段图替换为底图与压缩动态图。所述方法可以将大的动态图划分为多个分段图,针对只有部分区域动态显示的动态图,可以将其拆分成多层,静态的部分可以使用静态帧的底图替换,动态部分可以用压缩后的小尺寸动态图替换,通过图层的叠加实现最终的动态效果,进而解决动态图数据量大的问题。

    技术研发人员:王缓来
    受保护的技术使用者:聚好看科技股份有限公司
    技术研发日:
    技术公布日:2024/10/24
    转载请注明原文地址:https://symbian.8miu.com/read-32132.html

    最新回复(0)