CN112752107A

CN112752107A - 网页图片预处理方法、系统、存储介质及计算机设备

Info

Publication number: CN112752107A
Application number: CN202011569386.XA
Authority: CN
Inventors: 邱煜佳; 王丰; 李延涛; 张雪儿
Original assignee: Guangdong University of Technology
Current assignee: Guangdong University of Technology
Priority date: 2020-12-26
Filing date: 2020-12-26
Publication date: 2021-05-04
Anticipated expiration: 2040-12-26
Also published as: CN112752107B

Abstract

本发明提供的网页图片预处理方法、系统、存储介质及计算机设备，依据终端设备的设备参数信息对服务器中待传输的源图片进行裁剪，裁剪后的图片因减少了一些次要信息，降低了图片原有体积，减少了网络传输数据包，达到了减少传输流量的目的，此时向用户展示的图片既能传达原图所表示信息，也减少了因次要信息带来的图片体积占用，处理后的图片也能很好地满足产品预设的比例需求和用户不同的设备加载的需要，减少网络资源浪费；另外，本发明对裁剪后的图片进行压缩，可以降低网页中待加载图片的分辨率，从而提高带有图片的网页的加载速度和访问速度，优化用户体验。

Description

网页图片预处理方法、系统、存储介质及计算机设备

技术领域

本发明涉及图片处理技术领域，尤其涉及一种网页图片预处理方法、系统、存储介质及计算机设备。

背景技术

随着新媒体的传播以及计算机技术的不断发展，许多网页或者媒体上都会插入大量的图片，以便更为直观地向用户传递各类媒体信息。例如，在用户访问各类媒体的推荐流时，该推荐流中一般会插入多组与之相关的高分辨率图片，以便更清晰地向用户展示；并且，这些图片在推荐页往往会以缩略图的形式向用户展现，以便用户能快速浏览。

但是，由于用户的手机等硬件设施本身屏幕的限制(如屏幕分辨率)、或页面图片格式的限制，并不一定能够完全地展示图片本身的所有像素点，容易造成图片资源的浪费，且高分辨率图片往往占用更多的网络带宽，会在一定程度上降低网页的加载和访问速度，影响用户的浏览体验；另外，使用缩略图的形式向用户展示图片，用户往往不会过度关注略缩图的详细信息，这在一定程度上对用户的流量造成无故的浪费损失。

发明内容

本发明的目的旨在至少能解决上述的技术缺陷之一，特别是现有技术中由于用户的手机等硬件设施本身屏幕的限制(如屏幕分辨率)、或页面图片格式的限制，并不一定能够完全地展示图片本身的所有像素点，容易造成图片资源的浪费，且高分辨率图片往往占用更多的网络带宽，会在一定程度上降低网页的加载和访问速度，影响用户的浏览体验的技术缺陷。

本发明提供了一种网页图片预处理方法，包括：

接收终端设备在加载网页源文件前发送的设备参数信息，并根据所述设备参数信息确定所述网页源文件中的源图片是否需要裁剪；

若是，则依据所述源图片的展示内容和所述设备参数信息对所述源图片进行裁剪，得到第一图片，并将所述第一图片与所述设备参数信息进行比对；

若所述第一图片的图片分辨率高于所述设备参数信息的设备分辨率，则根据所述设备分辨率对所述第一图片进行压缩，得到第二图片，并将所述第二图片发送至所述终端设备进行显示。

可选地，所述设备参数信息包括设备显示图片尺寸信息；

根据所述设备参数信息确定所述网页源文件中的源图片是否需要裁剪的步骤，包括：

将所述网页源文件中源图片的图片比例与所述设备显示图片尺寸信息之间进行比对；

根据比对结果确定所述源图片的图片比例是否超出所述设备显示图片尺寸信息。

可选地，所述依据所述源图片的展示内容和所述设备参数信息对所述源图片进行裁剪，得到第一图片的步骤，包括：

识别所述源图片的展示内容，获取所述源图片中的图像主体对应的主体信息；

根据所述主体信息以及所述设备参数信息对所述源图片进行裁剪，得到第一图片。

可选地，所述主体信息包括主体轮廓和主体位置，所述设备参数信息包括设备显示图片尺寸信息和设备分辨率；

根据所述主体信息以及所述设备参数信息对所述源图片进行裁剪，得到第一图片的步骤，包括：

依据所述设备显示图片尺寸信息以及所述设备分辨率确定所述源图片裁剪后的尺寸，并根据所述主体轮廓和主体位置对所述尺寸进行比例调整；

按照比例调整后的尺寸对所述源图片进行裁剪，得到第一图片。

可选地，所述根据所述设备分辨率对所述第一图片进行压缩，得到第二图片的步骤，包括：

识别所述第一图片的像素信息，根据所述设备分辨率将所述像素信息中的相同像素进行压缩，得到第二图片。

可选地，所述根据所述设备分辨率对所述第一图片进行压缩，得到第二图片的步骤之后，还包括：

去除所述第二图片中的心理视觉冗余。

可选地，将所述第二图片发送至所述终端设备进行显示的步骤之后，还包括：

利用所述终端设备的预设函数将所述第二图片缓存至本地目录。

本发明还提供了一种网页图片预处理系统，包括：

图片确认单元，用于接收终端设备在加载网页源文件前发送的设备参数信息，并根据所述设备参数信息确定所述网页源文件中的源图片是否需要裁剪；

图片裁剪单元，用于若是，则依据所述源图片的展示内容和所述设备参数信息对所述源图片进行裁剪，得到第一图片，并将所述第一图片与所述设备参数信息进行比对；

图片压缩单元，用于若所述第一图片的图片分辨率高于所述设备参数信息的设备分辨率，则根据所述设备分辨率对所述第一图片进行压缩，得到第二图片，并将所述第二图片发送至所述终端设备进行显示。

本发明还提供了一种存储介质，所述存储介质中存储有计算机可读指令，所述计算机可读指令被一个或多个处理器执行时，使得一个或多个处理器执行如上述实施例中任一项所述网页图片预处理方法的步骤。

本发明还提供了一种计算机设备，所述计算机设备中存储有计算机可读指令，所述计算机可读指令被一个或多个处理器执行时，使得一个或多个处理器执行如上述实施例中任一项所述网页图片预处理方法的步骤。

从以上技术方案可以看出，本发明实施例具有以下优点：

本发明提供的网页图片预处理方法、系统、存储介质及计算机设备，包括：接收终端设备在加载网页源文件前发送的设备参数信息，并根据所述设备参数信息确定所述网页源文件中的源图片是否需要裁剪；若是，则依据所述源图片的展示内容和所述设备参数信息对所述源图片进行裁剪，得到第一图片，并将所述第一图片与所述设备参数信息进行比对；若所述第一图片的图片分辨率高于所述设备参数信息的设备分辨率，则根据所述设备分辨率对所述第一图片进行压缩，得到第二图片，并将所述第二图片发送至所述终端设备进行显示。

与现有技术相比，本发明依据终端设备的设备参数信息对服务端中待传输的源图片进行裁剪，裁剪后的图片因减少了一些次要信息，降低了图片原有体积，减少了网络传输数据包，达到了减少传输流量的目的，此时向用户展示的图片既能传达原图所表示信息，也减少了因次要信息带来的图片体积占用，处理后的图片也能很好地满足产品预设的比例需求和用户不同的设备加载的需要，减少网络资源浪费；另外，本发明将裁剪后的图片进行压缩，能够解决现有技术中由于清晰度高的图片分辨率较高，网页在加载分辨率较高的图片时速度较较慢，导致网页的加载速度降低的问题，压缩图片可以降低网页中待加载图片的分辨率，从而提高带有图片的网页的加载速度和访问速度，优化用户体验。

附图说明

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

图1为本发明实施例提供的一种网页图片预处理方法的流程示意图；

图2为本发明实施例提供的一种网页图片预处理系统的结构示意图；

图3为本发明实施例提供的一种计算机设备的内部结构示意图。

具体实施方式

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

本技术领域技术人员可以理解，除非特意声明，这里使用的单数形式“一”、“一个”、“所述”和“该”也可包括复数形式。应该进一步理解的是，本申请的说明书中使用的措辞“包括”是指存在所述特征、整数、步骤、操作、元件和/或组件，但是并不排除存在或添加一个或多个其他特征、整数、步骤、操作、元件、组件和/或它们的组合。

本技术领域技术人员可以理解，除非另外定义，这里使用的所有术语(包括技术术语和科学术语)，具有与本申请所属领域中的普通技术人员的一般理解相同的意义。还应该理解的是，诸如通用字典中定义的那些术语，应该被理解为具有与现有技术的上下文中的意义一致的意义，并且除非像本申请实施例中一样被特定定义，否则不会用理想化或过于正式的含义来解释。

现有技术中，用户在浏览器地址栏输入地址，或者通过超链接进行页面跳转，或者从推荐流进入详情页面，请求访问带有大量图片的推荐新闻网页时，虽然页面中的图片随触摸滑动向下才进行加载的，但由于图片的分辨率过高以及数量过大，即使滑动到图片显示位置处，有时仍会出现白屏或只有文字没有图片等情况，不仅耗费用户不必要的流量，也在一定程度上影响了用户的浏览体验。

针对现有技术中由于用户的手机等硬件设施本身屏幕的限制(如屏幕分辨率)、或页面图片格式的限制，并不一定能够完全地展示图片本身的所有像素点，容易造成图片资源的浪费，且高分辨率图片往往占用更多的网络带宽，会在一定程度上降低网页的加载和访问速度，影响用户的浏览体验的技术问题，本发明提供了如下技术方案：

请参阅图1，图1为本发明实施例提供的一种网页图片预处理方法的流程示意图，本发明实施例提供了一种网页图片预处理方法，具体包括如下步骤：

S110：接收终端设备在加载网页源文件前发送的设备参数信息，并根据所述设备参数信息确定所述网页源文件中的源图片是否需要裁剪。

本步骤中，当用户通过终端设备浏览相关页面时，其对应的客户端会根据用户的访问请求从服务端下载相关网页源文件，并在相应的显示界面加载对应的网页源文件(如HTML文件)。

因此，在终端设备加载网页源文件前，可获取该终端设备对应的设备参数信息，以便服务器根据获取到的用户终端设备对应的设备参数信息确定网页源文件中的源图片是否需要裁减。

进一步地，获取终端设备的设备参数信息的方式可以有多种，例如，网页通过Javascript(一种前端编程语言)脚本中的HTML DOM(Document Object Model文档对象模型)操作获取终端设备的设备参数信息，并向服务端传递该设备参数信息，以便服务端根据该设备参数信息对网页源文件中的源图片进行相应的处理操作。

更进一步地，当服务端获取到终端设备的设备参数信息，如用户终端的设备分辨率、刷新率、推荐页中图片缩略图的尺寸等信息后，可通过对比该推荐页中图片缩略图的尺寸与网页源文件中源图片的图片比例，来确定源图片的图片比例是否超出用户终端设备的推荐页中图片缩略图的尺寸，若超出，则说明当前源图片的图片比例较大，会影响其在终端设备中的加载速度等，需要对该源图片进行裁剪，以适应当前终端设备的图片显示比例。

可以理解的是，这里的终端设备包括但不限于手机、平板、智能手表、便携式电脑等可以进行网页浏览的智能电子设备。

S120：若是，则依据所述源图片的展示内容和所述设备参数信息对所述源图片进行裁剪，得到第一图片，并将所述第一图片与所述设备参数信息进行比对。

本步骤中，当服务端依据获取到的终端设备对应的设备参数信息与网页源文件中的源图片进行比较后，若当前源图片的图片比例超出设备参数信息中的相关设备显示图片比例，则需要对该源图片进行裁剪，对源图片进行裁剪的过程中，可利用源图片的展示内容以及设备参数信息作为参考，并进行相应的裁剪操作，以使源图片的图片比例适应当前的终端设备显示图片比例。

以页面中图片预设展示比例1:1为例，图片呈现给用户的比例是1：1，也就意味着超出1:1的部分不仅不会展示，还会增加图片的大小，造成资源浪费，导致图片加载耗时变长。

因此，对于超出图片预设展示比例的部分源图片进行裁剪，以使源图片按照图片预设展示比例进行展示，减少网页加载时间。其中，对源图片进行裁剪时，可对源图片进行智能识别，不裁剪传达图片重要信息部分，例如人像信息，物体信息等，裁剪完的图片至少包含完整的原图片主体信息部分。

这样，裁剪后的第一图片因减少了一些次要信息，降低了图片原有体积，达到减少网络传输的数据包的目的，此时向用户展示的图片既能传达原图所表示信息，也减少了因次要信息带来的图片体积占用，处理后的图片也能很好地满足产品预设的比例需求和用户不同的设备加载的需要，降低了资源浪费。

另外，对于裁剪后的第一图片，还需将其与设备参数信息之间进行比对，以便确认其图片分辨率是否高于设备参数信息中的设备分辨率。

S130：若所述第一图片的图片分辨率高于所述设备参数信息的设备分辨率，则根据所述设备分辨率对所述第一图片进行压缩，得到第二图片，并将所述第二图片发送至所述终端设备进行显示。

本步骤中，服务器对裁剪后的第一图片继续进行检测，并将其与设备参数信息中的设备分辨率之间进行比对，确定其图片分辨率是否高于设备分辨率；若高于设备分辨率，则需要根据设备分辨率的高低来对第一图片进行压缩，以便得到最终显示在终端设备上的第二图片。

以iPhone X为例，其横向屏幕分辨率为1125像素，如果源图片的宽度大于1125像素，那么在iPhone X上展示时就很清晰；如果源图片的宽度小于1125像素，那么在iPhone X上展示时就会被拉伸；原图宽度越小模糊感就越强烈，要想图片在iPhone X上清晰展示，则需要宽度大于1125像素，但如果图片过大，例如横向超过2000像素，将导致资源浪费，因此，需要将图片压缩到略大于1125像素左右，这样显示在iPhone X终端的图片则会相对清晰的同时，也提升了页面加载速度。

上述实施例中，与现有技术相比，本发明依据终端设备的设备参数信息对服务器中待传输的源图片进行裁剪，裁剪后的图片因减少了一些次要信息，降低了图片原有体积，减少了网络传输数据包，达到了减少传输流量的目的，此时向用户展示的图片既能传达原图所表示信息，也减少了因次要信息带来的图片体积占用，处理后的图片也能很好地满足产品预设的比例需求和用户不同的设备加载的需要，减少网络资源浪费；另外，本发明将裁剪后的图片进行压缩，能够解决现有技术中由于清晰度高的图片分辨率较高，网页在加载分辨率较高的图片时速度较较慢，导致网页的加载速度降低的问题，压缩图片可以降低网页中待加载图片的分辨率，从而提高带有图片的网页的加载速度和访问速度，优化用户体验。

在一个实施例中，所述设备参数信息可以包括设备显示图片尺寸信息；步骤S110中根据所述设备参数信息确定所述网页源文件中的源图片是否需要裁剪的步骤，可以包括：

S111：将所述网页源文件中源图片的图片比例与所述设备显示图片尺寸信息之间进行比对；

S112：根据比对结果确定所述源图片的图片比例是否超出所述设备显示图片尺寸信息。

本实施例中，服务端获取到的终端设备的设备参数信息包括但不限于设备显示图片尺寸信息，即终端设备中的图片预设展示比例，当获取到该终端设备的图片预设展示比例后，可将网页源文件中的源图片与终端花少北的图片预设展示比例之间进行比对，确定源图片的图片比例是否超出该图片预设展示比例，即设备显示图片尺寸信息。

在一个实施例中，步骤S120中依据所述源图片的展示内容和所述设备参数信息对所述源图片进行裁剪，得到第一图片的步骤，可以包括：

S121：识别所述源图片的展示内容，获取所述源图片中的图像主体对应的主体信息；

S122：根据所述主体信息以及所述设备参数信息对所述源图片进行裁剪，得到第一图片。

本实施例中，当确定需要对网页源文件中的源图片进行裁剪后，需要依据该源图片的展示内容以及设备参数信息来对源图片见裁剪，以便得到体积更小的第一图片。

其中，对源图片进行裁剪时，可对源图片进行智能识别，不裁剪传达图片重要信息部分，例如人像信息，物体信息等，裁剪完的图片至少包含完整的原图片主体信息部分。

举例来说，服务端可通过图像单主体检测以及图像多主体检测，获取源图片中的图像主体对应的主体信息，该主体信息包括但不限于图像主体的位置、色彩、特征等信息；依据图像主体的轮廓、位置信息以及用户终端设备所需图片的尺寸大小与分辨率对源图片进行裁剪，以得到第一图片。

在一个实施例中，所述主体信息可以包括主体轮廓和主体位置，所述设备参数信息可以包括设备显示图片尺寸信息和设备分辨率；

步骤S122中根据所述主体信息以及所述设备参数信息对所述源图片进行裁剪，得到第一图片的步骤，可以包括：

S221：依据所述设备显示图片尺寸信息以及所述设备分辨率确定所述源图片裁剪后的尺寸，并根据所述主体轮廓和主体位置对所述尺寸进行比例调整；

S222：按照比例调整后的尺寸对所述源图片进行裁剪，得到第一图片。

本实施例中，服务端可通过图像单主体检测以及图像多主体检测，获取源图片中的图像主体对应的主体信息，依据该主体信息以及用户终端设备所需图片的尺寸大小与分辨率对源图片进行裁剪，以得到第一图片。

举例来说，服务端可通过图像单主体检测以及图像多主体检测，确定源图片的图片主体对应的主体信息，该主体信息包括但不限于图像主体的位置、色彩、特征等；依据图像主体的轮廓、位置信息以及用户终端设备所需图片的尺寸大小与分辨率，确定源图片裁剪后需要留下的部分，并通过图像主体的中心位置及周围轮廓的最大长度和最大宽度，按照从终端设备获取的所需图片的尺寸，等比例放大或缩小该尺寸，直至其长度和宽度都超过图片主体轮廓的最大长度和最大宽度，进而对源图片中该尺寸外的非主体部分进行裁剪，以得到第一图片。

在一个实施例中，步骤S130中根据所述设备分辨率对所述第一图片进行压缩，得到第二图片的步骤，可以包括：

本实施例中，根据此前服务端获取到的用户终端设备的设备分辨率，比对第一图片的图片分辨率和质量，判断该图片分辨率是否超出用户终端的设备分辨率。

若用户终端的设备分辨率低于图片分辨率，则通过图片压缩的方式进行处理，降低第一图片的分辨率，达到减少网络传输的数据包的目的，此时处理后的图片分辨率将近似略大于用户终端的设备分辨率，不会出现图片分辨率远超用户终端硬件条件的情况，也就减少了用户不必要的流量损失浪费。

其中，对图片进行压缩就是去除冗余信息，包括空间冗余，统计冗余、心理视觉冗余等，下面通过示例来对去除空间冗余进行说明。

例如，图像中有一片连续的区域，这个区域的像素都是相同的颜色，那么空间冗余就产生了。一幅图像表面上各采样点的颜色之间往往存在着空间连贯性，比如一面洁白的墙，或灰色的地板，整体的颜色都一样。这些颜色中相同的块就可以压缩。

进一步来说，图像的第一行像素基本都一样，假设亮度值Y的存储方式为[105105105……105]，如果第一行共有100个像素，那需要1Byte×100，这时，最简单的压缩方式为：[105,100]，表示接下来100个像素的亮度都是105，那么使用该压缩方式只需要2个字节，就能表示整行数据，也就是去除了空间冗余，达到了压缩的目的。

对于本实施例而言，可依据上述压缩方式对第一图片中各行的像素进行压缩，去除空间冗余，以得到第二图片。

另外，对于压缩工具的选择，可以使用google Thumbnailator工具箱(一个用来生成图像缩略图的Java开源类库)提供的API接口，例如outputQuality(设置输出图片质量)，keepAspectRatio(保证图片比例)，sourceRegion(图片裁剪)，根据前端传递的用户终端的设备分辨率和在google Thumbnailator工具箱中预设的图片输出质量等参数进行图片压缩。

上述实施例中，对于裁剪后的第一图片进行压缩，得到第二图片，能够解决现有技术中由于清晰度高的图片分辨率较高，网页在加载分辨率较高的图片的时候速度较慢，导致网页的加载速度降低的问题，可以降低网页中待加载图片的分辨率，从而提高带有图片的网页的加载速度和访问速度。

在一个实施例中，步骤S130中根据所述设备分辨率对所述第一图片进行压缩，得到第二图片的步骤之后，还可以包括：去除所述第二图片中的心理视觉冗余。

本实施例中，对于第一图片进行压缩去除冗余信息后得到的第二图片，还可继续去除冗余信息，以进一步降低图片分辨率；其中，去除冗余信息的方式选择可以是去除心理视觉冗余。

心理视觉冗余与实在的视觉信息相关，它是因人而异的，不同的人对于同一张照片产生的心理视觉冗余是不同的。去除心理视觉冗余数据必然导致定量信息的损失，并且该视觉信息损失是不可逆转的操作。就好比一张图像(无法放大)比较小时，人眼是无法直接判断出其图片分辨率，为了压缩图像的数据量，可以去除一些人眼无法直接观察出的信息，但当其放大时，没有去除心理视觉冗余的图像将和去除心理视觉冗余的图像产生明显差别。而人类视觉的一般分辨能力为26灰度等级，一般的图像的量化采用的是28灰度等级，人类的视觉对某些信号反映不太敏感，使得压缩后有允许范围的变化，人也感觉不出来。

因此，本实施例中，对压缩后的第二图片进行心理视觉冗余，以使用户能够清晰地观看展示图片的同时，进一步降低图片分辨率，提高带有图片的网页的加载速度和访问速度。

在一个实施例中，步骤S130中将所述第二图片发送至所述终端设备进行显示的步骤之后，还可以包括：利用所述终端设备的预设函数将所述第二图片缓存至本地目录。

本实施例中，当服务端将预处理后的第二图片发送至对应的客户端进行显示后，再用户下一次访问该页面时，还可查询用户终端的硬件缓存中是否存在经过压缩处理后的第二图片，若所述硬件缓存中存在第二图片，则调用回调函数将待加载图片输出到当前网页浏览界面上进行显示，这样此后访问可以不必从网络上下载图片，避免了网络流量的耗费，并且缩短了网页加载的时间，使得网页显示更加流畅。

若硬件缓存中没有缓存第二图片，则通过该访问页面的预设函数，将图片缓存至本地目录；并且，预设函数中也会检验文件的时效性，若超过时效以及缓存大小则进行清理。

可以理解的是，用户终端的硬件缓存相当于缓存器，主要包含页面中已经获取到的资源，比如页面的脚本文件、样式文件、图片等，另外，硬盘缓存的优点主要体现在时效性上和容量上。

在一个实施例中，如图2所示，图2为本发明实施例提供的一种网页图片预处理系统的结构示意图，本发明还提供了一种网页图片预处理系统，包括图片确认单元110、图片裁剪单元120、图片压缩单元130，具体包括如下：

图片确认单元110，用于接收终端设备在加载网页源文件前发送的设备参数信息，并根据所述设备参数信息确定所述网页源文件中的源图片是否需要裁剪；

图片裁剪单元120，用于若是，则依据所述源图片的展示内容和所述设备参数信息对所述源图片进行裁剪，得到第一图片，并将所述第一图片与所述设备参数信息进行比对；

图片压缩单元130，用于若所述第一图片的图片分辨率高于所述设备参数信息的设备分辨率，则根据所述设备分辨率对所述第一图片进行压缩，得到第二图片，并将所述第二图片发送至所述终端设备进行显示。

在一个实施例中，本发明还提供了一种存储介质，所述存储介质中存储有计算机可读指令，所述计算机可读指令被一个或多个处理器执行时，使得一个或多个处理器执行如上述实施例中任一项所述网页图片预处理方法的步骤。

在一个实施例中，本发明还提供了一种计算机设备，所述计算机设备中存储有计算机可读指令，所述计算机可读指令被一个或多个处理器执行时，使得一个或多个处理器执行如上述实施例中任一项所述网页图片预处理方法的步骤。

图3为本发明实施例提供的一种计算机设备的内部结构示意图，该计算机设备200可以被提供为一服务器。参照图3，计算机设备200包括处理组件202，其进一步包括一个或多个处理器，以及由存储器201所代表的存储器资源，用于存储可由处理组件202的执行的指令，例如应用程序。存储器201中存储的应用程序可以包括一个或一个以上的每一个对应于一组指令的模块。此外，处理组件202被配置为执行指令，以执行上述任意实施例的网页图片预处理方法。

计算机设备200还可以包括一个电源组件203被配置为执行计算机设备200的电源管理，一个有线或无线网络接口204被配置为将计算机设备200连接到网络，和一个输入输出(I/O)接口205。计算机设备200可以操作基于存储在存储器201的操作系统，例如WindowsServer TM、Mac OS XTM、Unix TM、Linux TM、Free BSDTM或类似。

本领域技术人员可以理解，图3中示出的结构，仅仅是与本申请方案相关的部分结构的框图，并不构成对本申请方案所应用于其上的计算机设备的限定，具体的计算机设备可以包括比图中所示更多或更少的部件，或者组合某些部件，或者具有不同的部件布置。

以上所述实施例仅用以说明本发明的技术方案，而非对其限制；尽管参照前述实施例对本发明进行了详细的说明，本领域的普通技术人员应当理解：其依然可以对前述各实施例所记载的技术方案进行修改，或者对其中部分技术特征进行等同替换；而这些修改或者替换，并不使相应技术方案的本质脱离本发明各实施例技术方案的精神和范围。

Claims

1.一种网页图片预处理方法，其特征在于，包括：

2.根据权利要求1所述的一种网页图片预处理方法，其特征在于，所述设备参数信息包括设备显示图片尺寸信息；

3.根据权利要求1所述的一种网页图片预处理方法，其特征在于，所述依据所述源图片的展示内容和所述设备参数信息对所述源图片进行裁剪，得到第一图片的步骤，包括：

4.根据权利要求3所述的一种网页图片预处理方法，其特征在于，所述主体信息包括主体轮廓和主体位置，所述设备参数信息包括设备显示图片尺寸信息和设备分辨率；

5.根据权利要求1所述的一种网页图片预处理方法，其特征在于，所述根据所述设备分辨率对所述第一图片进行压缩，得到第二图片的步骤，包括：

6.根据权利要求5所述的一种网页图片预处理方法，其特征在于，所述根据所述设备分辨率对所述第一图片进行压缩，得到第二图片的步骤之后，还包括：

去除所述第二图片中的心理视觉冗余。

7.根据权利要求1所述的一种网页图片预处理方法，其特征在于，将所述第二图片发送至所述终端设备进行显示的步骤之后，还包括：

8.一种网页图片预处理系统，其特征在于，包括：

9.一种存储介质，其特征在于：所述存储介质中存储有计算机可读指令，所述计算机可读指令被一个或多个处理器执行时，使得一个或多个处理器执行如权利要求1至7中任一项所述网页图片预处理方法的步骤。

10.一种计算机设备，其特征在于：所述计算机设备中存储有计算机可读指令，所述计算机可读指令被一个或多个处理器执行时，使得一个或多个处理器执行如权利要求1至7中任一项所述网页图片预处理方法的步骤。