图像加载显示方法、装置、用户终端和计算机可读存储介质与流程

本发明涉及图像加载，具体而言，涉及一种图像加载显示方法、装置、用户终端和计算机可读存储介质。

背景技术：

1、随着移动互联网技术的迅猛发展，网络图像浏览已成为移动终端（例如智能手机、平板电脑等）用户最高频的应用场景之一。以社交媒体平台为例，用户单次刷新操作即需加载数十张图像，日均流量消耗可达数十至数百兆字节，这使得图像加载的流量效率与渲染速度成为社交、电商及资讯类应用程序用户体验的关键性能指标。

2、目前图像加载需从服务器下载多种分辨率的图像资源，导致流量叠加损耗问题突出，在批量浏览及流量受限的使用场景下尤为显著。此外，在弱网环境下，易引发图像加载失败、延迟显示或图像破损等不良体验。

技术实现思路

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、为使本发明的上述目的、特征和优点能更明显易懂，下文特举较佳实施例，并配合所附附图，作详细说明如下。