CN103902608A - 一种监控网页图片并进行压缩的方法和装置 - Google Patents

Abstract

本发明实施例公开了一种监控网页图片并进行压缩的方法，所述方法包括：获取目标网页中的图片文件；获取所述图片文件的类型信息；根据所述图片文件的类型信息对所述图片文件进行压缩，得到已压缩图片；根据所述得到的压缩图片更新所述目标网页。本发明实施例还公开了一种网页图片压缩装置。采用本发明，对网页中的图片文件进行自适应压缩，从而减少网页图片所占用的资源，加快网页的加载速度。

Description

一种监控网页图片并进行压缩的方法和装置

技术领域

本发明涉及一种互联网技术领域，尤其涉及一种监控网页图片并进行压缩的方法和装置。

背景技术

随着互联网和信息化高速公路的发展，网页文件体积越来越凸显出来，网页文件相关的资源文件加载速度直接影响互联网用户的体验，其中，页面包括的图片文件的加载速度的影响最为明显和普遍。而现有的图片压缩技术通常网页编辑分离，并且一般不支持压缩方式的选择以及压缩精度的自适应配比，很难根据图片和场景的需要进行压缩。

发明内容

本发明实施例所要解决的技术问题在于，提供一种监控网页图片并进行压缩的方法和装置，可对网页中的图片文件进行自适应压缩，从而减少网页图片所占用的资源，加快网页的加载速度。

为了解决上述技术问题，本发明实施例提供了一种监控网页图片并进行压缩的方法，所述方法包括：

获取目标网页中的图片文件；

获取所述图片文件的类型信息；

根据所述图片文件的类型信息对所述图片文件进行压缩，得到已压缩图片；

根据所述得到的压缩图片更新所述目标网页。

其中，所述根据所述图片文件的类型信息对所述图片文件进行压缩之前还包括：

确认所述图片文件为可压缩图片。

其中，所述确认所述图片文件为可压缩图片包括：

判断所述图片文件是否已压缩图片，若不是已压缩图片，则确认所述图片文件为可压缩图片。

其中，所述获取目标网页中的图片文件包括：

通过正则表达式匹配所述目标网页中的img标签获取所述图片文件；或

通过javascript监控所述目标网页获取所述目标网页中的图片文件。

其中，所述图片文件的类型信息包括所述图片文件的图片类型和/或显示场景；

所述根据所述图片文件的类型信息对所述图片文件进行压缩包括：

根据所述图片文件的类型信息选择对应的压缩方式和/或压缩损耗；

根据所述选择的压缩方式和/或压缩损耗对所述图片文件进行压缩。

其中，所述根据所述得到的压缩图片更新所述目标网页包括：

将所述目标网页中的图片文件的访问路径替换成所述已压缩图片的访问路径。

相应地，本发明实施例还提供了一种网页图片压缩装置，所述网页图片压缩装置包括：

网页图片获取模块，用于获取目标网页中的图片文件；

图片信息获取模块，用于获取所述图片文件的类型信息；

图片压缩模块，用于根据所述图片文件的类型信息对所述图片文件进行压缩，得到已压缩图片；

网页更新模块，用于根据所述得到的压缩图片更新所述目标网页。

其中，所述网页图片压缩装置还包括：

确认模块，用于确认所述图片文件为可压缩图片，并触发所述图片压缩模块对确认为可压缩图片的图片文件进行压缩。

其中，所述确认模块具体用于：判断所述图片文件是否已压缩图片，若不是已压缩图片，则确认所述图片文件为可压缩图片。

其中，所述网页图片获取模块包括：

静态监控单元，用于通过正则表达式匹配所述目标网页中的img标签获取所述图片文件；或

动态监控单元，用于通过javascript监控所述目标网页获取所述目标网页中的图片文件。

其中，所述图片信息获取模块获取到的所述图片文件的类型信息包括所述图片文件的图片类型和/或显示场景；

所述图片压缩模块包括：

压缩配置单元，用于根据所述图片文件的类型信息选择对应的压缩方式和/或压缩损耗；

压缩单元，用于根据所述选择的压缩方式和/或压缩损耗对所述图片文件进行压缩。

其中，所述网页更新模块具体用于：

将所述目标网页中的图片文件的访问路径替换成所述已压缩图片的访问路径。

本发明实施例通过对目标网页中的图片文件进行监控，根据图片文件的类型信息对图片文件进行不同配置的压缩，实现了对网页中的图片文件进行自适应压缩，从而减少网页图片所占用的资源，加快网页的加载速度。

附图说明

为了更清楚地说明本发明实施例或现有技术中的技术方案，下面将对实施例或现有技术描述中所需要使用的附图作简单地介绍，显而易见地，下面描述中的附图仅仅是本发明的一些实施例，对于本领域普通技术人员来讲，在不付出创造性劳动的前提下，还可以根据这些附图获得其他的附图。

图1是本发明实施例中的一种监控网页图片并进行压缩的方法的流程示意图；

图2是本发明实施例中的一种网页图片压缩装置的结构示意图；

图3是本发明实施例中的监控网页图片并进行压缩的方法的网页图片获取模块210的结构示意图；

图4是本发明实施例中的监控网页图片并进行压缩的方法的图片压缩模块230的结构示意图。

具体实施方式

下面将结合本发明实施例中的附图，对本发明实施例中的技术方案进行清楚、完整地描述，显然，所描述的实施例仅仅是本发明一部分实施例，而不是全部的实施例。基于本发明中的实施例，本领域普通技术人员在没有作出创造性劳动前提下所获得的所有其他实施例，都属于本发明保护的范围。

图1是本发明实施例中的一种监控网页图片并进行压缩的方法的流程示意图，如图所示本发明中的监控网页图片并进行压缩的方法至少可以包括以下流程：

S101，获取目标网页中的图片文件。

具体的，可以通过但不限于以下方式获取目标网页：1）用户通过富文本编辑框或可视化编辑输入的网页，即用户编辑欲上传发布的网页；2）是在本地保存的网页文件或通过http请求远程访问的网页，即已存在的网页文件。进而可以通过包括但不限于以下两种方式中的任一种或两种方式的结合获取目标网页中的至少一个图片文件：

a)静态监控：即通过正则表达式匹配目标网页中的图片标签（如img），即可以获取到目标网页中的图片文件的可访问路径；

b)动态监控：即通过javascript监控目标网页，遍历目标页面中的元素事件，动态监控目标页面交互全过程使用到的图片文件。

S102，获取所述图片文件的类型信息。

具体的，所述图片文件的类型信息用于区分所述图片文件在目标网页中的使用场景，可以通过解析所述目标网页的网页类型、图片文件在目标网页中的显示位置或获取网页发布者针对图片文件预设的类型信息来获取目标网页中图片文件的类型信息，可以包括所述图片文件的图片类型和/或显示场景，例如产品详细页面中的静态产品图片、网站首页的动态宣传背景图以及论坛中的由上传用户根据实际需要设置了图片类型和显示场景的图片文件。

S103，根据所述图片文件的类型信息对所述图片文件进行压缩，得到已压缩图片。

具体的，可以首先根据所述图片文件的类型信息选择对应的压缩方式和/或压缩损耗，例如产品详细页面中的静态产品图片可以对应最高清晰度要求，在对其进行压缩的时候可以配置损耗最低的压缩方式和/或压缩损耗，而网站首页的动态宣传背景图可以对应较低的清晰度要求，在对其进行压缩的时候可以配置较高损耗的压缩方式和/或压缩损耗，从而能够节约网页流量，提高页面访问速度。进一步在其他可选实施例中，可以根据目标网页中的图片文件的数据总量动态的对目标网页中的图片文件配置压缩方式和/或压缩损耗，例如当目标网页中的图片文件数据量非常大（例如门户网站首页），则可以在对该目标网页中的图片文件进行压缩的时候统一调整到损耗更高一级的压缩方式和/或压缩损耗。

在根据所述图片文件的类型信息选择对应的压缩方式和/或压缩损耗后，可以根据所述选择的压缩方式和/或压缩损耗对所述图片文件进行压缩，进而在网页服务器指定的数据库中保存压缩前的图片文件（若是上传的图片则可以直接保存图片文件，若是通过访问路径引用的图片文件则可以保存图片文件的访问路径）和压缩后的已压缩图片，并生成压缩后的已压缩图片在网页服务器中保存的访问路径。在用户需要或数据出错等情况需要调用压缩前的图片文件时可以通过在网页服务器指定的数据库中调取到保存的压缩前的图片文件。进一步可选的，在对目标网页中的图片文件进行压缩后若已压缩图片的数据大小与压缩前的图片文件相同，则可以选择放弃本次压缩，丢弃所述已压缩图片。

进一步可选的，在对目标网页中的图片文件进行压缩之前，可以先确定所述图片文件为可压缩图片，例如将所述图片文件进行压缩后得到的已压缩图片的名称或访问路径是以特定的规则命名的，使得已压缩图片能够与未压缩图片明显区分，从而可以根据目标网页中的图片文件的名称或访问路径判断该图片文件是否已压缩图片，若是则表明该图片文件不能再进一步压缩，否则表明该文件为可压缩图片。

S104，根据所述得到的压缩图片更新所述目标网页。

具体的，可以将所述目标网页中的图片文件的访问路径替换成所述已压缩图片的访问路径，并生成包括替换后的已压缩图片的更新的网页图片。

图2是本发明实施例中的一种网页图片压缩装置的结构示意图，本发明中的网页图片压缩装置可以实现在互联网终端（如个人电脑、手机、平板电脑等）或网页服务器（网站后台服务器、社交网络服务器等）上，如图所示本发明的网页图片压缩装置至少可以包括：

网页图片获取模块210，用于获取目标网页中的图片文件。

具体实现中，网页图片获取模块210可以通过但不限于以下方式获取目标网页：1）用户通过富文本编辑框或可视化编辑输入的网页，即用户编辑欲上传发布的网页；2）是在本地保存的网页文件或通过http请求远程访问的网页，即已存在的网页文件。进而如图3所示，网页图片获取模块210可以包括静态监控单元211和/或动态监控单元212，通过但不限于以下两种方式中的任一种或两种方式的结合获取目标网页中的至少一个图片文件，其中：

静态监控单元211，用于通过正则表达式匹配所述目标网页中的图片标签（如img），获取所述图片文件；

动态监控单元212，用于通过javascript监控所述目标网页获取所述目标网页中的图片文件，即通过javascript监控目标网页，遍历目标页面中的网页元素，动态监控目标页面交互全过程使用到的图片文件。

图片信息获取模块220，用于获取所述图片文件的类型信息。

具体实现中，所述图片文件的类型信息用于区分所述图片文件在目标网页中的使用场景，可以通过解析所述目标网页的网页类型、图片文件在目标网页中的显示位置或获取网页发布者针对图片文件预设的类型信息来获取目标网页中图片文件的类型信息，可以包括所述图片文件的图片类型和/或显示场景，例如产品详细页面中的静态产品图片、网站首页的动态宣传背景图以及论坛中的由上传用户根据实际需要设置了图片类型和显示场景的图片文件。

图片压缩模块230，用于根据所述图片文件的类型信息对所述图片文件进行压缩，得到已压缩图片，进而如图4所示，本发明实施例中的图片压缩模块230可以进一步包括压缩配置单元231和压缩单元232，其中：

压缩配置单元231，用于根据所述图片文件的类型信息选择对应的压缩方式和/或压缩损耗。具体实现中，压缩配置单元231可以根据所述图片文件的类型信息选择对应的压缩方式和/或压缩损耗，例如产品详细页面中的静态产品图片可以对应最高清晰度要求，压缩配置单元231可以对其配置损耗最低的压缩方式和/或压缩损耗，而网站首页的动态宣传背景图可以对应较低的清晰度要求，压缩配置单元231可以对其配置较高损耗的压缩方式和/或压缩损耗，从而能够节约网页流量，提高页面访问速度。进一步在其他可选实施例中，压缩配置单元231可以根据目标网页中的图片文件的数据总量动态的对目标网页中的图片文件配置压缩方式和/或压缩损耗，例如当目标网页中的图片文件数据量非常大（例如门户网站首页），则可以在对该目标网页中的图片文件进行压缩的时候统一调整到损耗更高一级的压缩方式和/或压缩损耗。

压缩单元232，用于根据所述选择的压缩方式和/或压缩损耗对所述图片文件进行压缩。具体实现中，压缩单元232可以根据所述压缩配置单元231选择的压缩方式和/或压缩损耗对所述图片文件进行压缩，进而在网页服务器指定的数据库中保存压缩前的图片文件（若是上传的图片则可以直接保存图片文件，若是通过访问路径引用的图片文件则可以保存图片文件的访问路径）和压缩后的已压缩图片，并生成压缩后的已压缩图片在网页服务器中保存的访问路径。在用户需要或数据出错等情况需要调用压缩前的图片文件时可以通过在网页服务器指定的数据库中调取到保存的压缩前的图片文件。进一步可选的，压缩单元232在对目标网页中的图片文件进行压缩后若发现已压缩图片的数据大小与压缩前的图片文件相同，则可以选择放弃本次压缩，丢弃所述已压缩图片。

网页更新模块240，用于根据所述得到的压缩图片更新所述目标网页。

具体实现中，网页更新模块240可以将所述目标网页中的图片文件的访问路径替换成所述已压缩图片的访问路径，并生成包括替换后的已压缩图片的更新的网页图片。

可选的，本发明实施例中的网页图片压缩装置可以进一步包括：

确认模块250，用于确认所述图片文件为可压缩图片，并触发所述图片压缩模块对确认为可压缩图片的图片文件进行压缩。具体实现中，确认模块250可以通过判断所述图片文件是否已压缩图片，例如所述图片文件进行压缩后得到的已压缩图片的名称或访问路径是以特定的规则命名的，使得已压缩图片能够与未压缩图片明显区分，从而确认模块250可以根据目标网页中的图片文件的名称或访问路径判断该图片文件是否已压缩图片，若是则表明该图片文件不能再进一步压缩，否则表明该文件为可压缩图片。图片压缩模块230可以在确认模块250确认所述目标网页中的图片文件为可压缩图片时才会对该图片文件进行压缩。

本发明实施例通过对目标网页中的图片文件进行监控，根据图片文件的类型信息对图片文件进行不同配置的压缩，实现了对网页中的图片文件进行自适应压缩，从而减少网页图片所占用的资源，加快网页的加载速度。

本领域普通技术人员可以理解实现上述实施例方法中的全部或部分流程，是可以通过计算机程序来指令相关的硬件来完成，所述的程序可存储于一计算机可读取存储介质中，该程序在执行时，可包括如上述各方法的实施例的流程。其中，所述的存储介质可为磁碟、光盘、只读存储记忆体（Read-Only Memory，ROM）或随机存储记忆体（Random Access Memory，RAM）等。

以上所揭露的仅为本发明较佳实施例而已，当然不能以此来限定本发明之权利范围，因此依本发明权利要求所作的等同变化，仍属本发明所涵盖的范围。

Claims (12)

1.一种监控网页图片并进行压缩的方法，其特征在于，所述方法包括：

获取目标网页中的图片文件；

获取所述图片文件的类型信息；

根据所述图片文件的类型信息对所述图片文件进行压缩，得到已压缩图片；

根据所述得到的压缩图片更新所述目标网页。

2.如权利要求1所述的监控网页图片并进行压缩的方法，其特征在于，所述根据所述图片文件的类型信息对所述图片文件进行压缩之前还包括：

确认所述图片文件为可压缩图片。

3.如权利要求2所述的监控网页图片并进行压缩的方法，其特征在于，所述确认所述图片文件为可压缩图片包括：

判断所述图片文件是否已压缩图片，若不是已压缩图片，则确认所述图片文件为可压缩图片。

4.如权利要求1所述的监控网页图片并进行压缩的方法，其特征在于，所述获取目标网页中的图片文件包括：

通过正则表达式匹配所述目标网页中的img标签获取所述图片文件；或

通过javascript监控所述目标网页获取所述目标网页中的图片文件。

5.如权利要求1所述的监控网页图片并进行压缩的方法，其特征在于，所述图片文件的类型信息包括所述图片文件的图片类型和/或显示场景；

所述根据所述图片文件的类型信息对所述图片文件进行压缩包括：

根据所述图片文件的类型信息选择对应的压缩方式和/或压缩损耗；

根据所述选择的压缩方式和/或压缩损耗对所述图片文件进行压缩。

6.如权利要求1所述的监控网页图片并进行压缩的方法，其特征在于，所述根据所述得到的压缩图片更新所述目标网页包括：

将所述目标网页中的图片文件的访问路径替换成所述已压缩图片的访问路径。

7.一种网页图片压缩装置，其特征在于，所述网页图片压缩装置包括：

网页图片获取模块，用于获取目标网页中的图片文件；

图片信息获取模块，用于获取所述图片文件的类型信息；

图片压缩模块，用于根据所述图片文件的类型信息对所述图片文件进行压缩，得到已压缩图片；

网页更新模块，用于根据所述得到的压缩图片更新所述目标网页。

8.如权利要求7所述的网页图片压缩装置，其特征在于，所述网页图片压缩装置还包括：

确认模块，用于确认所述图片文件为可压缩图片，并触发所述图片压缩模块对确认为可压缩图片的图片文件进行压缩。

9.如权利要求8所述的网页图片压缩装置，其特征在于，所述确认模块具体用于：判断所述图片文件是否已压缩图片，若不是已压缩图片，则确认所述图片文件为可压缩图片。

10.如权利要求7所述的网页图片压缩装置，其特征在于，所述网页图片获取模块包括：

静态监控单元，用于通过正则表达式匹配所述目标网页中的img标签获取所述图片文件；或

动态监控单元，用于通过javascript监控所述目标网页获取所述目标网页中的图片文件。

11.如权利要求7所述的网页图片压缩装置，其特征在于，所述图片信息获取模块获取到的所述图片文件的类型信息包括所述图片文件的图片类型和/或显示场景；

所述图片压缩模块包括：

压缩配置单元，用于根据所述图片文件的类型信息选择对应的压缩方式和/或压缩损耗；

压缩单元，用于根据所述选择的压缩方式和/或压缩损耗对所述图片文件进行压缩。

12.如权利要求7所述的网页图片压缩装置，其特征在于，所述网页更新模块具体用于：

将所述目标网页中的图片文件的访问路径替换成所述已压缩图片的访问路径。

Images