[发明专利]显示图像的方法、装置、设备和计算机可读介质

说明书

本发明公开了显示图像的方法、装置、设备和计算机可读介质，涉及计算机技术领域。该方法的一具体实施方式包括：浏览器访问HTML页面，通过所述HTML页面，获知所述浏览器支持图像格式；所述浏览器加载文件的情况下，所述支持图像格式是第一格式，所述浏览器接收第一格式图像链接，以在所述浏览器中显示第一格式图像，所述第一格式图像链接是预设链接；所述支持图像格式是第二格式，所述浏览器接收所述第二格式图像链接，以在所述浏览器中显示第二格式图像，所述第二格式图像链接是以第二格式图像替换第一格式图像后得到的。该实施方式能够提高不同格式图像的兼容性。

技术领域

本发明涉及计算机技术领域，尤其涉及一种显示图像的方法、装置、设备和计算机可读介质。

背景技术

随着移动终端的发展，前端H5页面由于开发迭代速度快，也越来越受重视，前端页面的性能对用户体验有着决定性的作用。前端H5资源加载主要包括HTML、JS、CSS、图像及API接口。

目前，网络中的图像仍然是占用流量较大的一部分，对于移动终端更是如此。如何在保证图像视觉不失真前提下缩小体积，对于节省带宽和电池电量十分重要。

在实现本发明过程中，发明人发现现有技术中至少存在如下问题：并非所有浏览器都能兼容不同格式，且通过修改前端代码方式处理繁琐。因此，存在图像格式兼容性差的技术问题。

发明内容

有鉴于此，本发明实施例提供一种显示图像的方法、装置、设备和计算机可读介质，能够提高不同格式图像的兼容性。

为实现上述目的，根据本发明实施例的一个方面，提供了一种显示图像的方法，包括：

浏览器访问HTML页面，通过所述HTML页面，获知所述浏览器支持图像格式；

所述浏览器加载文件的情况下，所述支持图像格式是第一格式，所述浏览器接收第一格式图像链接，以在所述浏览器中显示第一格式图像，所述第一格式图像链接是预设链接；

所述支持图像格式是第二格式，所述浏览器接收所述第二格式图像链接，以在所述浏览器中显示第二格式图像，所述第二格式图像链接是以第二格式图像替换第一格式图像后得到的。

所述第一格式图像和所述第二格式图像是预设图像；

所述第一格式图像链接是获取所述第一格式图像的预设链接。

所述第一格式图像和所述二格式图像的图像名称一致；

所述第一格式图像、所述第二格式图像、所述第一格式图像链接和所述第二格式图像链接部署在服务端。

所述第一格式图像包括png格式图像；所述第二格式图像包括webp格式图像。

所述浏览器访问HTML页面，通过所述HTML页面，获知所述浏览器支持图像格式，包括：

所述浏览器访问HTML页面，加载所述HTML页面中第二格式图像数据；

依据所述第二格式图像数据的图像参数，获知所述浏览器支持图像格式。

所述依据所述第二格式图像数据的图像参数，获知所述浏览器支持图像格式，包括：

依据所述第二格式图像数据的图像参数，获知所述浏览器支持图像格式，并将所述支持图像格式存储在终端；

所述方法还包括：

从所述终端获取所述支持图像格式。

所述第二格式图像链接是采用全局字符串替换，以第二格式图像替换第一格式图像后得到的。

根据本发明实施例的第二方面，提供了一种显示图像的装置，包括：