网页图片加载的方法及系统与流程

文档序号:14911337发布日期:2018-07-10 23:30阅读:492来源:国知局

本发明涉及计算机技术领域,更具体地,涉及一种网页图片加载的方法及系统。



背景技术:

当前,随着移动互联网的快速发展和人们生活水平的提高,智能终端越来越成为人们生活中必不可少的物品。人们利用智能终端与外界进行通信交流、获取网上的数据信息,以满足自身的需求。

人们使用智能终端浏览网页图片,为了更好地了解人事物本身或更好地欣赏图片本身带来的美丽时,往往青睐于浏览更高分辨率的图片。事实上,虽然有些图片存在着高分辨率,但这些图片呈现于网页时,其是经过了压缩的,用户想浏览更高分辨率的图片时,总是得不到满足。

此外,高分辨率的图片虽然具有更高的清晰度,让人们更多地了解图片的细节内容和有更好的视觉体验,但其往往需要消耗大量的数据流量,产生较多的通信资费的支出,影响用户对高分辨率的图片的浏览。

因此,业内亟需一种可以解决上述问题的技术方案。



技术实现要素:

为解决上述至少一个方面的问题,本发明提出了一种网页图片加载的方法及系统。

为了实现本发明的目的,采取如下技术方案:

一种网页图片加载的方法,包括:

接收加载网页图片的操作指令;

获取当前连接的数据网络;

根据当前连接的数据网络加载图片;

所述根据当前连接的数据网络加载图片,包括:

若当前连接的数据网络为第一网络,加载预置高分辨率的图片;

若当前连接的数据网络为第二网络,加载与所述预置高分辨率的图片对应的预置低分辨率的图片。

具体地,所述加载与所述预置高分辨率的图片对应的预置低分辨率的图片之后,还包括:

接收用户点击网页上加载HD图片按钮所对应的加载HD图片的操作指令;

加载与所述图片对应的预置高分辨率的图片。

具体地,所述接收加载网页图片的操作指令之后,还包括:

确定所述操作指令为用户点击新闻标题中图片进入图集阅读时的指令;

加载预置高分辨率的图片。

具体地,所述第一网络为wifi网络,所述第二网络为非wifi网络;或

所述第一网络为免费网络,所述第二网络为付费网络;或

所述第一网络为当前网速大于预置网速的网络,所述第二网络为当前网速不大于预置网速的网络

优选地,所述若当前连接的数据网络为第一网络,加载预置高分辨率的图片,包括:

若当前连接的数据网络为第一网络,判断加载的图片大小是否小于预置值且当前网速是否大于预置网速,若是,加载预置高分辨率的图片,否则,加载与所述预置高分辨率的图片对应的预置低分辨率的图片。

优选地,所述若当前连接的数据为第一网络,加载预置高分辨率的图片,包括:

若当前连接的数据网络为第一网络,获取预置时间段内当前用户在网页加载预置高分辨率的图片的记录,根据所述记录统计加载的次数,判断加载的次数是否大于预置次数,若是,加载预置高分辨率的图片,否则,加载与所述预置高分辨率的图片对应的预置低分辨率的图片。

具体地,所述若当前连接的数据网络为第二网络,加载与所述预置高分辨率的图片对应的预置低分辨率的图片,包括:

若当前连接的数据网络为第二网络,判断是否接收到用户高清看图指令,若否,加载与所述预置高分辨率的图片对应的预置低分辨率的图片,若是,加载预置高分辨率的图片。

具体地,所述加载预置高分辨率的图片之后,还包括:

若在预置时长内没有完成加载,则停止加载预置高分辨率的图片,重新加载与所述预置高分辨率的图片对应的预置低分辨率的图片。

同时,本发明还提供一种网页图片加载的系统。该网页图片加载的系统包括:

接收模块,用于接收加载网页图片的操作指令;

获取模块,用于获取当前连接的数据网络;

加载模块,用于根据当前连接的数据网络加载图片;

所述加载模块,包括:

第一加载子模块,用于若当前连接的数据网络为第一网络,加载预置高分辨率的图片;

第二加载子模块,用于若当前连接的数据网络为第二网络,加载与所述预置高分辨率的图片对应的预置低分辨率的图片。

具体地,所述加载与所述预置高分辨率的图片对应的预置低分辨率的图片之后,还包括:

接收用户点击网页上加载HD图片按钮所对应的加载HD图片的操作指令;

加载与所述图片对应的预置高分辨率的图片。

具体地,所述接收加载网页图片的操作指令之后,还包括:

确定所述操作指令为用户点击新闻标题中图片进入图集阅读时的指令;

加载预置高分辨率的图片。

具体地,所述第一网络为wifi网络,所述第二网络为非wifi网络;或

所述第一网络为免费网络,所述第二网络为付费网络;或

所述第一网络为当前网速大于预置网速的网络,所述第二网络为当前网速不大于预置网速的网络

优选地,所述第一加载子模块,包括:

第一判断单元,用于若当前连接的数据网络为第一网络,判断加载的图片大小是否小于预置值且当前网速是否大于预置网速,若是,加载预置高分辨率的图片,否则,加载与所述预置高分辨率的图片对应的预置低分辨率的图片。

优选地,所述第一加载子模块,包括:

第二判断单元,用于若当前连接的数据网络为第一网络,获取预置时间段内当前用户在网页加载预置高分辨率的图片的记录,根据所述记录统计加载的次数,判断加载的次数是否大于预置次数,若是,加载预置高分辨率的图片,否则,加载与所述预置高分辨率的图片对应的预置低分辨率的图片。

具体地,所述第二加载子模块,包括:

第三判断单元,用于若当前连接的数据网络为第二网络,判断是否接收到用户高清看图指令,若否,加载与所述预置高分辨率的图片对应的预置低分辨率的图片,若是,加载预置高分辨率的图片。

具体地,所述加载预置高分辨率的图片之后,还包括:

重新加载模块,用于若在预置时长内没有完成加载,则停止加载预置高分辨率的图片,重新加载与所述预置高分辨率的图片对应的预置低分辨率的图片。

相比现有技术,本发明的方案具有以下优点:

1.本发明中,获取当前连接的数据网络,若所述数据网络为第一网络,则加载预置高分辨率的图片;若所述数据网络为第二网络,则加载与所述预置高分辨率的图片对应的预置低分辨率的图片。本发明智能识别当前连接的数据网络的类型,加载不同分辨率的图片,在适宜的条件下默认加载分辨率更高的图片,有利于提高用户进行网页图片浏览时获得更好的视觉体验。

2.本发明中,在当前连接的数据网络为第一网络时,判断加载的图片大小以及当前数据网络的下载速度是否满足预设的条件,进而选择加载预置高分辨率的图片或加载与所述预置高分辨率的图片对应的预置低分辨率的图片。在图片的大小小于预置值和当前下载速度大于预置网速方加载预置高分辨率的图片,保证了网页图片加载的速度,避免了加载速度过慢,无法及时响应于用户的操作进而影响用户的体验。

本发明附加的方面和优点将在下面的描述中部分给出,这些将从下面的描述中变得明显,或通过本发明的实践了解到。

附图说明

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

图1示出了本发明中一种网页图片加载的方法的一种实施例的流程示意图;

图2示出了本发明中一种网页图片加载的系统的一种实施例的结构示意图。

具体实施方式

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

如图1,示出了本发明中一种网页图片加载的方法的一种实施例。

该网页图片加载的方法步骤S11、步骤S12、步骤S13。其中:

步骤S11.接收加载网页图片的操作指令;

步骤S12.获取当前连接的数据网络;

步骤S13.根据当前连接的数据网络加载图片;

所述根据当前连接的数据网络加载图片,包括:

若当前连接的数据网络为第一网络,加载预置高分辨率的图片;

若当前连接的数据网络为第二网络,加载与所述预置高分辨率的图片对应的预置低分辨率的图片。

本发明中,获取当前连接的数据网络,若所述数据网络为第一网络,则加载预置高分辨率的图片;若所述数据网络为第二网络,则加载与所述预置高分辨率的图片对应的预置低分辨率的图片。本发明智能识别当前连接的数据网络的类型,加载不同分辨率的图片,在适宜的条件下默认加载分辨率更高的图片,有利于提高用户进行网页图片浏览时获得更好的视觉体验。

为了使得本发明的技术方案更好地被理解,下面对本发明的实施例中的内容加以阐述。

步骤S11.接收加载网页图片的操作指令。

用户在加载网页图片时,需要启动该网页所对应的目标应用程序,如浏览器、购物平台软件等。响应于用户的启动操作所对应的操作指令,智能终端运行所述目标应用程序。当所述目标应用程序进入其用户界面,加载器其用户界面的相应内容。可以理解的是,用户界面的内容通常以文字、视频、图片等方式呈现,在本发明实施例中,主要阐述的是用户界面中所包含的网页图片的内容。

在进入目标应用程序的用户界面时,接收加载网页图片的操作指令,响应于该操作指令,加载当前用户界面的网页图片。

步骤S12.获取当前连接的数据网络。

在用户启动目标应用程序,加载网页图片的同时,调用数据接口,获取当前的智能终端所连接的数据网络。亦即,判断当前目标应用程序运行所连接的数据网络,进而根据数据网络的不同而执行不同的加载操作。所述数据网络的类型多种多样,根据不同的分类标准,可以分为不同的类型。

但总的而言,数据网络的根本功能是给用户通过互联网与外界进行通信。用户在使用数据网络时会产生大量的流量数据,对于非必要的流量数据支出,可能会存在较大的通信资费的支出。此外,若当前连接的数据网络的网速过慢时,加载数据较大的图片,其所需的等待时间较长,不能及时响应于用户输入的操作指令。因此,判断当前连接的数据网络的类型,在提高用户浏览网页图片的视觉体验时,保证网页加载图片的速度或用户在加载网页图片的时候不会产生额外的通信资费对用户浏览网页图片时至关重要。

步骤S13.根据当前连接的数据网络加载图片。

所述根据当前连接的数据网络加载图片,包括:

若当前连接的数据网络为第一网络,加载预置高分辨率的图片;

若当前连接的数据网络为第二网络,加载与所述预置高分辨率的图片对应的预置低分辨率的图片。

在加载网页图片时,根据当前连接数据网络的不同,而加载不同分辨率的图片。其中,对于一张网页图片而言,其可以同时存在预置高分辨率和预置低分辨率两种类型。所述网页图片泛指预置高分辨率的图片和预置低分辨率的图片。此外,所述预置高分辨率的图片的长宽与所述预置低分辨率的图片的长宽是相同的,唯一存在区别的是它们的分辨率不同。

例如,当前连接的数据网络为第一网络,则网页加载网页图片A时,默认加载图片A的预置高分辨率的图片A1,该图片A1对应的宽为1英寸,高为1英寸,分辨率为100PPI。若当前连接的数据网络为第二网络时,则网页默认加载图片A的预置低分辨率的图片A2,所述图片A2对应的宽、高与其所对应的预置高分辨的图片A1的宽、高是一一对应的,分别为1英寸、1英寸,而其所对应的分辨率则为50PPI。其中网页图片A泛指预置高分辨率的图片A1和预置低分辨率的图片A2。

此外,在加载完特定的分辨率的网页图片后,动态监测当前的数据网络连接,若当前的数据网络连接发生了切换,由第一网络切换为第二网络,则根据预置高分辨率的图片加载其对应的预置低分辨率的图片,刷新当前的网页;由第二网络切换为第一网络时,则根据预置低分辨率的图片加载其对应的预置高分辨率的图片,刷新当前的网页。动态判断当前连接的数据网络,并在数据网络发生切换时,动态调整当前网页中所加载的图片,及时呈现预置高分辨率图片,极大地提高了用户的视觉体验。

其中,所述预置高分辨率图片与所述预置低分辨率图片一一对应,已加载的预置高分辨率图片所对应的数据中包含获取其对应的预置低分辨率的图片的地址数据,同理,已加载的预置低分辨率亦然。

具体地,所述加载与所述预置高分辨率的图片对应的预置低分辨率的图片之后,还包括:

接收用户点击网页上加载HD图片按钮所对应的加载HD图片的操作指令;

加载与所述图片对应的预置高分辨率的图片。

在加载与所述预置高分辨率的图片对应的预置低分辨率的图片之后,用户在进行网页图片浏览时,想浏览网页中所包含的图片所对应的预置高分辨率图片,或网页的图集、图片所对应的预置高分辨率的图片,可以开启网页、图集或图片上的的加载HD图片按钮,以加载相应的网页、图集所包含的图片所对应的预置高分辨率的图片或加载相应图片所对应的预置高分辨率的图片。

具体地,所述接收加载网页图片的操作指令之后,还包括:

确定所述操作指令为用户点击新闻标题中图片进入图集阅读时的指令;

加载预置高分辨率的图片。

例如,用户在使用QQ浏览器、今日头条、UC浏览器等在推荐频道中浏览时,发现了自己感兴趣的新闻标题,点击该新闻标题或该新闻标题中的图片,以加载该新闻标题的落地页,进入图集阅读。在图集阅读时,加载图集中所包含的图片所对应预置高分辨率的图片。

同样的,当用户从一个频道切换至另一个频道,也可以触发加载预置高分辨率的图片的操作,以在切换后的频道进行网页图片浏览时,加载预置高分辨率的图片。

具体地,所述第一网络为wifi网络,所述第二网络为非wifi网络;或

所述第一网络为免费网络,所述第二网络为付费网络;或

所述第一网络为当前网速大于预置网速的网络,所述第二网络为当前网速不大于预置网速的网络。

可以理解的是,数据网络按照不同的标准进行划分,可以划分为不同的类型。例如,按照使用通信协议的不同,可以把数据网络分为wifi网络和非wifi网络,判断当前数据网络是否为wifi网络,wifi网络下才默认加载预置高分辨率的图片,有助于减少用户的数据流量的支出,进而减少用户的通信资费的支出。按照所使用的数据网络其对应的数据流量是否收费,将所述数据网络划分为免费网络和付费网络,其所解决的问题也是适时提供预置高分辨率的图片,保证用户浏览网页图片时的视觉体验的同时,节省通信资费的支出。此外,还可以按照当前数据网络的网速进行划分。用于判断网速的阈值为当前的智能终端中人为操作设置或系统默认设置的网速的标准值。若用于判断网速的阈值为300KB/s,当前的数据网络的网速为120KB/s时,则被判定为第一网络;当前的数据网络的网速为380KB/s时,所述数据网络则被判定为第二网络。根据网速对数据网络进行区分,有助于解决了在网速过低时加载预置高分辨的图片造成的等待时间过长的问题。

值得注意的是,划分第一网络与第二网络的标准可以是单一变量,也可以是多个变量。例如,以数据网络是否为wifi网络以及数据网络的网速是否大于预设的阈值进行判定,只有所连接的数据网络为wifi网络且其网速达到预设的阈值才被认定为第一网络,不满足条件的数据网络为第二网络,从而加载不同分辨率的图片。

此外,还可以根据预先设置的判定规则,判定当前连接的数据网络为第一网络或第二网络。再根据第一网络下,结合其它变量,进而执行不同的操作。

优选地,所述若当前连接的数据网络为第一网络,加载预置高分辨率的图片,包括:

若当前连接的数据网络为第一网络,判断加载的图片大小是否小于预置值且当前下载速度是否大于预置网速,若是,加载预置高分辨率的图片,否则,加载与所述预置高分辨率的图片对应的预置低分辨率的图片。

例如,在第一网络中加载网页,所设定的加载的预置高分辨率的图片大小的预置值为2M,所设定的预置网速为300KB/s。在这种情形下,若当前的网速为280KB/s,小于预置网速300KB/s,加载预置低分辨率的图片。若当前的网速为350KB/s,大于预置网速,进一步判断所加载的预置高分辨率的图片的大小,图片1其对应的预置高分辨的图片大小为1.9M,小于预置值2M,加载图片1所对应的预置高分辨率的图片10,图片2对应的预置高分辨率的图片大小为3.5M,大于预置值,加载图片2所对应的预置低分辨率的图片21。通过设置各种判断条件,兼顾网页加载图片的分辨率、数据流量的消耗以及加载的时长等问题,提高了用户的体验。

可以理解的是,所述图片大小的预置值和预置网速可为当前的智能终端所默认的数值,也可为人为设置的数值。优选为人为设置的数值,用户可以根据自己的实际情况进行设置,能更好地满足用户不同时期、不同地点的需求。同时,也可以只设置图片大小的预置值或预置网速,在第一网络下,根据所加载的图片其所对应的预置高分辨率的图片的大小或当前的网速是否符合预设的条件,选择下载不同分辨率的图片。

优选地,所述若当前连接的数据为第一网络,加载预置高分辨率的图片,包括:

若当前连接的数据网络为第一网络,获取预置时间段内当前用户在网页加载预置高分辨率的图片的记录,根据所述记录统计加载的次数,判断加载的次数是否大于预置次数,若是,加载预置高分辨率的图片,否则,加载与所述预置高分辨率的图片对应的预置低分辨率的图片。

其中,获取预置时间段内当前用户的网页加载预置高分辨的图片的次数,判断是否符合预置的条件,选择加载不同分辨率的图片。根据用户的浏览图片习惯,投放与用户浏览图片习惯所对应的图片,能更好地提高用户的浏览体验。

例如,若当前用户A在第一网络下,预置时间1h内加载了预置高分辨率的图片20次,大于预置次数15,则在用户再次加载网页图片时,加载预置高分辨率的图片;若当前用户A在第一网络下,预置时间1h内加载了预置高分辨率的图片10次,小于预置次数15,则在用户再次加载网页图片时,默认加载与预置高分辨率的图片所对应的预置低分辨率图片。

具体地,所述若当前连接的数据网络为第二网络,加载与所述预置高分辨率的图片对应的预置低分辨率的图片,包括:

若当前连接的数据网络为第二网络,判断是否接收到用户高清看图指令,若否,加载与所述预置高分辨率的图片对应的预置低分辨率的图片,若是,加载预置高分辨率的图片。

在第二网络中,网页已加载了预置低分辨率的图片。当接收到用户的高清看图指令时,加载对应的预置高分辨率的图片。

其中,用户高清看图指令可以用于整个网页的图片浏览,也可用于网页中单个图片、多个图片或单个图集等的图片浏览,该用户的高清看图指令是可选择性的操作,不可将用户看图指令理解为单一性操作的图片浏览指令。

例如,第二网络中,用户甲进入浏览器观看图片频道。图片频道中的图集1中的预置低分辨率图片A的内容栩栩如生,深深吸引了用户。用户为了看到该图片A中更多的细节,点击加载该图片A所对应的预置高分辨的图片A10。当前浏览器接收到该用户对加载该图片A的预置高分辨率的图片A10所对应的高清看图指令,加载该图片A10,将所述图片A10呈现在当前的用户界面,并覆盖原来的图片A。用户甲在观察预置高分辨率的图片A10时,觉得高清看图真爽,决定加载图集1中所有图片所对应的高分辨率图片,并对该图集1进行了加载高清图集的操作此时,浏览器接收到用户加载高清图集操作所对应的高清看图指令时,加载图集1中所有图片所对应的预置高分辨率的图片。当用户不满足高清看当前的图集1时,想高清浏览图集频道时,亦然。

具体地,所述加载预置高分辨率的图片之后,还包括:

若在预置时长内没有完成加载,则停止加载预置高分辨率的图片,重新加载与所述预置高分辨率的图片对应的预置低分辨率的图片。

可以理解的是,高分辨率的图片,相比于低分辨率的同一图片,其图片数据较大。在下载速度相同时,同一图片的分辨率越高,其加载的时间越长。为了让用户对加载的时长有直观的了解,可以在加载的过程中显示加载的进度条。该进度条直观得呈现于原有的图片之上,直至加载完成,加载后的图片覆盖原有的图片之上。

由于当前的数据网络不稳定、网速较差,预置高分辨率的图片的数据过大等原因,造成加载预置高分辨率的图片的时间过长,会不利于用户进行网页图片的浏览。因此在加载网页图片时,可以设置预置时长,若无法在所述预置时长内完成加载预置高分辨率的图片,则停止加载,并重新加载与所述预置高分辨率的图片对应的预置低分辨率的图片。

其中,在停止下载操作之前,可以向用户进行弹框提示,让用户选择是否需要等待。

同时,如图2,本发明还提供一种网页图片加载的系统的一种实施例。

该网页图片加载的系统包括接收模块101、获取模块102、加载模块103。其中:

接收模块101,用于接收加载网页图片的操作指令;

获取模块102,用于获取当前连接的数据网络;

加载模块103,用于根据当前连接的数据网络加载图片;

所述加载模块103,包括:

第一加载子模块,用于若当前连接的数据网络为第一网络,加载预置高分辨率的图片;

第二加载子模块,用于若当前连接的数据网络为第二网络,加载与所述预置高分辨率的图片对应的预置低分辨率的图片。

本发明中,获取当前连接的数据网络,若所述数据网络为第一网络,则加载预置高分辨率的图片;若所述数据网络为第二网络,则加载与所述预置高分辨率的图片对应的预置低分辨率的图片。本发明智能识别当前连接的数据网络的类型,加载不同分辨率的图片,在适宜的条件下默认加载分辨率更高的图片,有利于提高用户进行网页图片浏览时获得更好的视觉体验。

为了使得本发明的技术方案更好地被理解,下面对本发明的实施例中的内容加以阐述。

接收模块101,用于接收加载网页图片的操作指令。

用户在加载网页图片时,需要启动该网页所对应的目标应用程序,如浏览器、购物平台软件等。响应于用户的启动操作所对应的操作指令,智能终端运行所述目标应用程序。当所述目标应用程序进入其用户界面,加载器其用户界面的相应内容。可以理解的是,用户界面的内容通常以文字、视频、图片等方式呈现,在本发明实施例中,主要阐述的是用户界面中所包含的网页图片的内容。

在进入目标应用程序的用户界面时,接收加载网页图片的操作指令,响应于该操作指令,加载当前用户界面的网页图片。

获取模块102,用于获取当前连接的数据网络。

在用户启动目标应用程序,加载网页图片的同时,调用数据接口,获取当前的智能终端所连接的数据网络。亦即,判断当前目标应用程序运行所连接的数据网络,进而根据数据网络的不同而执行不同的加载操作。所述数据网络的类型多种多样,根据不同的分类标准,可以分为不同的类型。

但总的而言,数据网络的根本功能是给用户通过互联网与外界进行通信。用户在使用数据网络时会产生大量的流量数据,对于非必要的流量数据支出,可能会存在较大的通信资费的支出。此外,若当前连接的数据网络的网速过慢时,加载数据较大的图片,其所需的等待时间较长,不能及时响应于用户输入的操作指令。因此,判断当前连接的数据网络的类型,在提高用户浏览网页图片的视觉体验时,保证网页加载图片的速度或用户在加载网页图片的时候不会产生额外的通信资费对用户浏览网页图片时至关重要。

加载模块103,用于根据当前连接的数据网络加载图片。

所述加载模块103,包括:

第一加载子模块,用于若当前连接的数据网络为第一网络,加载预置高分辨率的图片;

第二加载子模块,用于若当前连接的数据网络为第二网络,加载与所述预置高分辨率的图片对应的预置低分辨率的图片。

在加载网页图片时,根据当前连接数据网络的不同,而加载不同分辨率的图片。其中,对于一张网页图片而言,其可以同时存在预置高分辨率和预置低分辨率两种类型。所述网页图片泛指预置高分辨率的图片和预置低分辨率的图片。此外,所述预置高分辨率的图片的长宽与所述预置低分辨率的图片的长宽是相同的,唯一存在区别的是它们的分辨率不同。

例如,当前连接的数据网络为第一网络,则网页加载网页图片A时,默认加载图片A的预置高分辨率的图片A1,该图片A1对应的宽为1英寸,高为1英寸,分辨率为100PPI。若当前连接的数据网络为第二网络时,则网页默认加载图片A的预置低分辨率的图片A2,所述图片A2对应的宽、高与其所对应的预置高分辨的图片A1的宽、高是一一对应的,分别为1英寸、1英寸,而其所对应的分辨率则为50PPI。其中网页图片A泛指预置高分辨率的图片A1和预置低分辨率的图片A2。

此外,在加载完特定的分辨率的网页图片后,动态监测当前的数据网络连接,若当前的数据网络连接发生了切换,由第一网络切换为第二网络,则根据预置高分辨率的图片加载其对应的预置低分辨率的图片,刷新当前的网页;由第二网络切换为第一网络时,则根据预置低分辨率的图片加载其对应的预置高分辨率的图片,刷新当前的网页。动态判断当前连接的数据网络,并在数据网络发生切换时,动态调整当前网页中所加载的图片,及时呈现预置高分辨率图片,极大地提高了用户的视觉体验。

其中,所述预置高分辨率图片与所述预置低分辨率图片一一对应,已加载的预置高分辨率图片所对应的数据中包含获取其对应的预置低分辨率的图片的地址数据,同理,已加载的预置低分辨率亦然。

具体地,所述加载与所述预置高分辨率的图片对应的预置低分辨率的图片之后,还包括:

接收用户点击网页上加载HD图片按钮所对应的加载HD图片的操作指令;

加载与所述图片对应的预置高分辨率的图片。

在加载与所述预置高分辨率的图片对应的预置低分辨率的图片之后,用户在进行网页图片浏览时,想浏览网页中所包含的图片所对应的预置高分辨率图片,或网页的图集、图片所对应的预置高分辨率的图片,可以开启网页、图集或图片上的的加载HD图片按钮,以加载相应的网页、图集所包含的图片所对应的预置高分辨率的图片或加载相应图片所对应的预置高分辨率的图片。

具体地,所述接收加载网页图片的操作指令之后,还包括:

确定所述操作指令为用户点击新闻标题中图片进入图集阅读时的指令;

加载预置高分辨率的图片。

例如,用户在使用QQ浏览器、今日头条、UC浏览器等在推荐频道中浏览时,发现了自己感兴趣的新闻标题,点击该新闻标题或该新闻标题中的图片,以加载该新闻标题的落地页,进入图集阅读。在图集阅读时,加载图集中所包含的图片所对应预置高分辨率的图片。

同样的,当用户从一个频道切换至另一个频道,也可以触发加载预置高分辨率的图片的操作,以在切换后的频道进行网页图片浏览时,加载预置高分辨率的图片。

具体地,所述第一网络为wifi网络,所述第二网络为非wifi网络;或

所述第一网络为免费网络,所述第二网络为付费网络;或

所述第一网络为当前网速大于预置网速的网络,所述第二网络为当前网速不大于预置网速的网络。

可以理解的是,数据网络按照不同的标准进行划分,可以划分为不同的类型。例如,按照使用通信协议的不同,可以把数据网络分为wifi网络和非wifi网络,判断当前数据网络是否为wifi网络,wifi网络下才默认加载预置高分辨率的图片,有助于减少用户的数据流量的支出,进而减少用户的通信资费的支出。按照所使用的数据网络其对应的数据流量是否收费,将所述数据网络划分为免费网络和付费网络,其所解决的问题也是适时提供预置高分辨率的图片,保证用户浏览网页图片时的视觉体验的同时,节省通信资费的支出。此外,还可以按照当前数据网络的网速进行划分。用于判断网速的阈值为当前的智能终端中人为操作设置或系统默认设置的网速的标准值。若用于判断网速的阈值为300KB/s,当前的数据网络的网速为120KB/s时,则被判定为第一网络;当前的数据网络的网速为380KB/s时,所述数据网络则被判定为第二网络。根据网速对数据网络进行区分,有助于解决了在网速过低时加载预置高分辨的图片造成的等待时间过长的问题。

值得注意的是,划分第一网络与第二网络的标准可以是单一变量,也可以是多个变量。例如,以数据网络是否为wifi网络以及数据网络的网速是否大于预设的阈值进行判定,只有所连接的数据网络为wifi网络且其网速达到预设的阈值才被认定为第一网络,不满足条件的数据网络为第二网络,从而加载不同分辨率的图片。

此外,还可以根据预先设置的判定规则,判定当前连接的数据网络为第一网络或第二网络。再根据第一网络下,结合其它变量,进而执行不同的操作。

优选地,所述第一加载子模块,包括:

第一判断单元,用于若当前连接的数据网络为第一网络,判断加载的图片大小是否小于预置值且当前下载速度是否大于预置网速,若是,加载预置高分辨率的图片,否则,加载与所述预置高分辨率的图片对应的预置低分辨率的图片。

例如,在第一网络中加载网页,所设定的加载的预置高分辨率的图片大小的预置值为2M,所设定的预置网速为300KB/s。在这种情形下,若当前的网速为280KB/s,小于预置网速300KB/s,加载预置低分辨率的图片。若当前的网速为350KB/s,大于预置网速,进一步判断所加载的预置高分辨率的图片的大小,图片1其对应的预置高分辨的图片大小为1.9M,小于预置值2M,加载图片1所对应的预置高分辨率的图片10,图片2对应的预置高分辨率的图片大小为3.5M,大于预置值,加载图片2所对应的预置低分辨率的图片21。通过设置各种判断条件,兼顾网页加载图片的分辨率、数据流量的消耗以及加载的时长等问题,提高了用户的体验。

可以理解的是,所述图片大小的预置值和预置网速可为当前的智能终端所默认的数值,也可为人为设置的数值。优选为人为设置的数值,用户可以根据自己的实际情况进行设置,能更好地满足用户不同时期、不同地点的需求。同时,也可以只设置图片大小的预置值或预置网速,在第一网络下,根据所加载的图片其所对应的预置高分辨率的图片的大小或当前的网速是否符合预设的条件,选择下载不同分辨率的图片。

优选地,所述第一加载子模块,包括:

第二判断单元,用于若当前连接的数据网络为第一网络,获取预置时间段内当前用户在网页加载预置高分辨率的图片的记录,根据所述记录统计加载的次数,判断加载的次数是否大于预置次数,若是,加载预置高分辨率的图片,否则,加载与所述预置高分辨率的图片对应的预置低分辨率的图片。

其中,获取预置时间段内当前用户的网页加载预置高分辨的图片的次数,判断是否符合预置的条件,选择加载不同分辨率的图片。根据用户的浏览图片习惯,投放与用户浏览图片习惯所对应的图片,能更好地提高用户的浏览体验。

例如,若当前用户A在第一网络下,预置时间1h内加载了预置高分辨率的图片20次,大于预置次数15,则在用户再次加载网页图片时,加载预置高分辨率的图片;若当前用户A在第一网络下,预置时间1h内加载了预置高分辨率的图片10次,小于预置次数15,则在用户再次加载网页图片时,默认加载与预置高分辨率的图片所对应的预置低分辨率图片。

具体地,所述第二加载子模块,包括:

第三判断单元,用于若当前连接的数据网络为第二网络,判断是否接收到用户高清看图指令,若否,加载与所述预置高分辨率的图片对应的预置低分辨率的图片,若是,加载预置高分辨率的图片。

在第二网络中,网页已加载了预置低分辨率的图片。当接收到用户的高清看图指令时,加载对应的预置高分辨率的图片。

其中,用户高清看图指令可以用于整个网页的图片浏览,也可用于网页中单个图片、多个图片或单个图集等的图片浏览,该用户的高清看图指令是可选择性的操作,不可将用户看图指令理解为单一性操作的图片浏览指令。

例如,第二网络中,用户甲进入浏览器观看图片频道。图片频道中的图集1中的预置低分辨率图片A的内容栩栩如生,深深吸引了用户。用户为了看到该图片A中更多的细节,点击加载该图片A所对应的预置高分辨的图片A10。当前浏览器接收到该用户对加载该图片A的预置高分辨率的图片A10所对应的高清看图指令,加载该图片A10,将所述图片A10呈现在当前的用户界面,并覆盖原来的图片A。用户甲在观察预置高分辨率的图片A10时,觉得高清看图真爽,决定加载图集1中所有图片所对应的高分辨率图片,并对该图集1进行了加载高清图集的操作此时,浏览器接收到用户加载高清图集操作所对应的高清看图指令时,加载图集1中所有图片所对应的预置高分辨率的图片。当用户不满足高清看当前的图集1时,想高清浏览图集频道时,亦然。

具体地,所述加载预置高分辨率的图片之后,还包括:

重新加载模块,用于若在预置时长内没有完成加载,则停止加载预置高分辨率的图片,重新加载与所述预置高分辨率的图片对应的预置低分辨率的图片。

可以理解的是,高分辨率的图片,相比于低分辨率的同一图片,其图片数据较大。在下载速度相同时,同一图片的分辨率越高,其加载的时间越长。为了让用户对加载的时长有直观的了解,可以在加载的过程中显示加载的进度条。该进度条直观得呈现于原有的图片之上,直至加载完成,加载后的图片覆盖原有的图片之上。

由于当前的数据网络不稳定、网速较差,预置高分辨率的图片的数据过大等原因,造成加载预置高分辨率的图片的时间过长,会不利于用户进行网页图片的浏览。因此在加载网页图片时,可以设置预置时长,若无法在所述预置时长内完成加载预置高分辨率的图片,则停止加载,并重新加载与所述预置高分辨率的图片对应的预置低分辨率的图片。

其中,在停止下载操作之前,可以向用户进行弹框提示,让用户选择是否需要等待。

本领域普通技术人员可以理解上述实施例的各种方法中的全部或部分步骤是可以通过程序来指令相关的硬件来完成,该程序可以存储于一计算机可读存储介质中,存储介质可以包括:只读存储器(ROM,Read Only Memory)、随机存取存储器(RAM,Random Access Memory)、磁盘或光盘等。

以上对本发明所提供的一种网页图片加载的方法及系统进行了详细介绍,对于本领域的一般技术人员,依据本发明实施例的思想,在具体实施方式及应用范围上均会有改变之处,综上所述,本说明书内容不应理解为对本发明的限制。

当前第1页1 2 3 
网友询问留言 已有0条留言
  • 还没有人留言评论。精彩留言会获得点赞!
1