[发明专利]海量图片的处理方法及相关装置

说明书

本申请公开了一种海量图片的处理方法及相关装置，该方法包括：从服务端获取海量原始图片对应的雪碧图和各原始图片对应的图片索引，雪碧图由海量原始图片合并得到，图片索引包括原始图片的位置信息；在浏览器三维场景中，对雪碧图进行分割，得到海量原始图片映射的海量缩略图片；按照各原始图片的位置信息，在三维场景中显示海量缩略图片。本申请能够解决现有技术海量图片需要同时展示时，浏览器图片展示异常的问题。

技术领域

本申请属于图片处理技术领域，尤其涉及一种海量图片的处理方法、装置、设备、计算机可读存储介质及计算机程序产品。

背景技术

在浏览器运行时，通常是以分页的形式进行多张图片的切换展示。当用户点击切换键时，浏览器会从服务器获取更换后的页面所需显示的新图片。但当存在海量图片需要同时展示时，受浏览器最大请求数限制，海量图片的获取请求会被阻塞，进而使得浏览器的图片展示异常。

发明内容

本申请实施例提供一种海量图片的处理方法及相关装置，能够解决现有技术海量图片需要同时展示时，浏览器图片展示异常的问题。

一方面，本申请实施例提供一种海量图片的处理方法，应用于浏览器，方法包括：

从服务端获取海量原始图片对应的雪碧图和各原始图片对应的图片索引，雪碧图由海量原始图片合并得到，图片索引包括原始图片的位置信息；

在浏览器三维场景中，对雪碧图进行分割，得到海量原始图片映射的海量缩略图片；

按照各原始图片的位置信息，在三维场景中显示海量缩略图片。

本申请能够从服务端获取雪碧图和各原始图片对应的图片索引，在浏览器三维场景中，对雪碧图进行分割，得到海量原始图片映射的海量缩略图片；进而按照图片索引中各原始图片的位置信息，在三维场景中显示海量缩略图片。而因为浏览器是从服务端获取的海量原始图片合并得到的雪碧图，请求图片的次数骤减，再结合后续三维场景展示时，显示的是雪碧图分割得到的海量缩略图片，该缩略图片与原始图片对应，因此保证了浏览器中海量图片得以同时显示，从而解决了现有技术海量图片需要同时展示时，浏览器图片展示异常的问题。

可选地，在三维场景中显示海量缩略图片之后，方法还包括：

接收对目标缩略图片的第一输入，海量缩略图片包括目标缩略图片；

响应于第一输入，在三维场景中突出显示目标缩略图片所在的显示区域，显示区域显示有目标缩略图片映射的原始图片。

由此能够保证用户快速观察到的是清晰的原始图片，提高了浏览器的图片显示清晰度，为图片的筛选提供技术基础。

可选地，在三维场景中突出显示目标缩略图片所在的显示区域之前，方法还包括：

响应于第一输入，从服务端获取目标缩略图片映射的原始图片；

将目标缩略图片替换显示为目标缩略图片映射的原始图片。

由此减少了海量图片同时展示时图片所占内存，还能实现用户无感知。

可选地，对雪碧图进行分割，得到海量原始图片映射的海量缩略图片，包括：

将雪碧图作为浏览器三维场景中平面几何体的材质贴图；

确定雪碧图中各缩略图片相对于平面几何体中UV点的UV偏移值；

以UV点为基准，将UV偏移值作为各缩略图片的UV坐标，控制图形处理模块对材质贴图进行分割，得到雪碧图对应的实例化网格，实例化网格中包括雪碧图分割得到的海量缩略图片。