[发明专利]图像处理方法、图像处理系统及终端设备

说明书

技术领域

本发明涉及互联网技术领域，尤其涉及一种图像处理方法、图像处理系统及终端设备。

背景技术

随着互联网技术的发展，网页中的元素已越来越丰富，主要包括：文字、图像、表格、声音、视频等元素。对于传统网页，网页中显示的每个图像元素通常只有一个图像源，即一种类型的图像。

对于网页来说，通常需面对多种类型的终端设备，而不同终端设备的显示需求不同。为满足不同终端设备对网页图像的显示需求，提高图像显示效果，响应式图像应运而生。也就是说，网页中一个图像通常具有多个图像资源，不同图像资源对应的图像类型不同，终端设备在访问该网页情况下，可从中确定第一个满足其显示需求的图像资源进行图像加载显示，而丢弃其他图像资源。在现有的一个实例中，若网页提供多个图像资源包括JPEG-XR、WebP和JPG2000的三个图像标准对应的图像资源，而该终端设备在其所使用的浏览器不支持JPEG-XR、WebP和JPG2000中的任一种图像标准。那么根据超文本标记语言(HyperText Markup Language，简称HTML)5的规范，将回退使用img元素所标记的图像资源，而丢弃JPEG-XR、WebP和JPG2000中的三个图像标准对应的图像资源，使得终端设备无法获取也无法显示或者保存那三种高质量图像到本地。在现有的一个实例中，若网页提供的多个图像资源中包括480像素(Pixel，简称Px)、768Px和1024Px的三个像素尺寸的图像资源，而访问网页的终端设备的显示尺寸低于768Px。那么根据HTML5规范，将使用更小像素尺寸的图像资源对应的图像，而丢弃其余大像素尺寸的图像资源，使得终端设备无法获取也无法显示或者保存那三种高像素尺寸的图像到本地。

现有的技术中，即便网页提供多个图像资源，由于终端设备仅可获取符合其显示需求的第一个图像资源对应的图像，而丢弃其余的图像资源，这使得终端设备通过浏览器访问该网页过程中，实际并无法获取网页提供的多个图像资源对应的图像，这使得针对网页中响应式图像的处理不够灵活，难以满足用户对网页图像的使用需求。

发明内容

本发明提供一种图像处理方法、图像处理系统及终端设备，以使得终端设备获取网页的多个图像资源中被选择图像资源对应的图像，提高图像处理的灵活度。

本发明提供一种图像处理方法，包括：

确定网页中预设图像的多个图像资源；

显示用于表征该多个图像资源的图像资源列表；

接收根据所述图像资源列表输入的选择指令；

根据所述选择指令，确定所述多个图像资源中被选择的图像资源；

加载所述被选择的图像资源对应的图像。

本发明还提供一种图像处理系统，包括：

第一确定模块，用于确定网页中预设图像的多个图像资源；

显示模块，用于显示用于表征该多个图像资源的图像资源列表；

接收模块，用于接收根据所述图像资源列表输入的选择指令；

第二确定模块，用于根据所述选择指令，确定所述多个图像资源中被选择的图像资源；

获取模块，用于获取所述被选择的图像资源对应的图像。

本发明还提供一种终端设备，包括：处理器和存储器；所述处理器与所述存储器连接；

所述存储器存储程序代码；

所述处理器，用于调用所述存储器存储的所述程序代码，从而执行上述图像处理方法。

本发明提供的图像处理方法、图像处理系统及终端设备，可通过确定网页中预设图像的多个图像资源，显示用于表征该多个图像资源的图像资源列表，并接收根据该图像资源列表输入的选择指令，继而根据该选择指令确定该多个图像资源中被选择的图像资源，获取该被选择的图像资源对应的图像，从而使得终端设备可获取网页中预设图像的多个图像资源中的任意图像资源，而不局限于该终端设备所安装浏览器的显示需求和/或该终端设备的显示器的显示需求的限制，提高图像处理的灵活度。

附图说明

图1为本发明提供的一种图像处理方法的流程图；

图2为本发明的一种浏览器对象模型示意图；

图3为本发明提供的一种图像处理方法中获取及存储图像的流程图；

图4为本发明提供的另一种图像处理方法的流程图；

图5为本发明提供的一种图像处理系统的结构示意图；

图6为本发明提供的另一种图像处理系统的结构示意图；

图7为本发明提供的一种终端设备的结构示意图。

具体实施方式