网页图片加载方法及加载装置制造方法及图纸

技术编号:10567092 阅读:111 留言:0更新日期:2014-10-22 17:45
一种网页图片加载方法,包括:从服务器获取待加载图片文件的大小;判断待加载图片文件的大小是否小于预设阈值;若是,则由服务器下载待加载图片文件,将所下载的待加载图片文件加载并显示于网页中;以及若否,则读取本地图片文件,将本地预设图片文件加载并显示于网页中。此外,本发明专利技术还提供一种网页图片加载装置。上述网页图片加载方法与加载装置可更有效的提高网页图片的加载速度,节省网络流量。

【技术实现步骤摘要】
【专利摘要】一种网页图片加载方法,包括:从服务器获取待加载图片文件的大小;判断待加载图片文件的大小是否小于预设阈值;若是,则由服务器下载待加载图片文件,将所下载的待加载图片文件加载并显示于网页中;以及若否,则读取本地图片文件,将本地预设图片文件加载并显示于网页中。此外,本专利技术还提供一种网页图片加载装置。上述网页图片加载方法与加载装置可更有效的提高网页图片的加载速度,节省网络流量。【专利说明】网页图片加载方法及加载装置
本专利技术涉及网页图片加载技术,尤其涉及一种网页图片加载方法及加载装置。
技术介绍
随着网页技术的发展,网页中所包含的信息量也越来越大,图片文件在网页中所 占的比重也越来也大,然而图片文件的尺寸通常都比较大,因此大量的图片文件会严重影 响网页的加载速度,并且为加载这些图片文件还会消耗比较多的网络流量。现有技术中通 常是通过在网页中使用GIF(Graphics Interchange Format,图像互换格式)等尺寸较小的 格式的图片文件来提高网页加载的速度,节省网络流量,但这样做并没有使网页中的图片 文件总数量减少,如果网页中的图片文件总数量很大的话,网页图片加载的总速度依然会 受到影响,加载网页图片时所需要使用的网络总流量也依然很大,因此如何有效提高网页 图片的加载速度,节省网络流量是当前的一大难题。
技术实现思路
有鉴于此,本专利技术提供一种网页图片加载方法及加载装置,可更有效的提高网页 图片的加载速度,节省网络流量。 一种网页图片加载方法,包括:从服务器获取待加载图片文件的尺寸;判断所述 待加载图片文件的尺寸是否小于预设阈值;若是,则由所述服务器下载所述待加载图片文 件,将所下载的待加载图片文件加载并显示于网页中;以及若否,则读取本地预设图片文 件,将所述本地预设图片文件加载并显示于所述网页中。 -种网页图片加载装置,包括:待加载图片文件尺寸获取模块,用于从服务器获取 待加载图片文件的尺寸;判断模块,用于判断所述待加载图片文件尺寸获取模块获取的所 述待加载图片文件的尺寸是否小于预设阈值;第一处理模块,用于若所述判断模块的判断 结果为是,则由所述服务器下载所述待加载图片文件,将所下载的待加载图片文件加载并 显示于网页中;以及第二处理模块,用于若所述判断模块的判断结果为若否,则读取本地预 设图片文件,将所述本地预设图片文件加载并显示于所述网页中。 本专利技术实施例提供的网页图片加载方法及加载装置,通过判断待加载网页图片文 件的尺寸是否小于预设阈值,当待加载网页图片文件的尺寸大于或等于预设阈值时,读取 本地图片文件,将所述本地图片文件加载并显示于所述网页中,可减少网页中待加载图片 文件的总下载时间,从而有效提高网页加载的速度,并可节省网络流量。 为让本专利技术的上述和其他目的、特征和优点能更明显易懂,下文特举较佳实施例, 并配合所附图式,作详细说明如下。 【专利附图】【附图说明】 图1为本专利技术第一实施例提供的网页图片加载方法的流程图。 图2为本专利技术第二实施例提供的网页图片加载方法的流程图。 图3为本专利技术第二实施例提供的网页图片加载方法的加载效果图。 图4为本专利技术第三实施例提供的网页图片加载方法的流程图。 图5为本专利技术第三实施例提供的网页图片加载方法的加载效果图。 图6为本专利技术第四实施例提供的网页图片加载装置的结构示意图。 图7为本专利技术第五实施例提供的网页图片加载装置的结构示意图。 图8为本专利技术第六实施例提供的网页图片加载装置的结构示意图。 【具体实施方式】 为更进一步阐述本专利技术为实现预定专利技术目的所采取的技术手段及功效,以下结合 附图及较佳实施例,对依据本专利技术的【具体实施方式】、结构、特征及其功效,详细说明如后。 本专利技术实施例所提供的网页图片加载方法可应用于用户终端中实现在网页浏览 时对网页图片的加载,用户终端可以包括智能手机、平板电脑、电子书阅读器、MP3播放器 (Moving Picture Experts Group Audio Layer III,动态影像专家压缩标准音频层面 3)、 MP4 (Moving Picture Experts Group Audio Layer IV,动态影像专家压缩标准音频层面 4)播放器、膝上型便携计算机和台式计算机等等。 第一实施例 图1为第一实施例提供的网页图片加载方法的流程图。如图1所示,本实施例的 网页图片加载方法包括以下步骤: 步骤S11,从服务器获取待加载图片文件的尺寸。 待加载图片文件为待加载的网页中的图片文件,根据待加载图片文件的统一资源 定位符(Uniform Resource Locator, URL)可通过客户端由服务器获得该待加载图片文件 的尺寸(也可称之为大小)。 步骤S12,判断所述待加载图片文件的尺寸是否小于预设阈值。 若步骤S12的判断结果为是,则执行步骤S13 :由所述服务器下载所述待加载图片 文件,将所下载的待加载图片文件加载并显示于网页中。 具体的,若步骤S12的判断结果为待加载图片文件的尺寸小于预设阈值,则根据 待下载图片文件的URL由服务器下载该待下载图片文件,然后将下载的待加载图片文件中 的图片数据加载在网页中并显示出来。 若步骤S12的判断结果为否,则执行步骤S14 :读取本地预设图片文件,将所述本 地预设图片文件加载并显示于所述网页中。 具体的,若步骤S12的判断结果为待加载图片文件的尺寸大于或等于预设阈值, 则读取本地预设图片文件,加载本地预设图片中的图片数据至网页,并显示在网页中与原 始待加载图片文件相对应的位置。 本专利技术实施例提供的网页图片加载方法,通过判断待加载网页图片文件的尺寸是 否小于预设阈值,当待加载网页图片文件的尺寸大于或等于预设阈值时,读取本地图片文 件,将所述本地图片文件加载并显示于所述网页中,可减少网页中待加载图片文件的总下 载时间,从而有效提高网页加载的速度,并可节省网络流量。 第二实施例 图2为第二实施例提供的网页图片加载方法的流程图。如图2所示,本实施例的 网页图片加载方法包括以下步骤: 步骤S21,根据用户输入的数值,设置预设阈值。 预设阈值为是否下载待加载网页图片文件的判断标准,默认值可为200k。但可以 理解的是,预设阈值也可以根据侦测到的用户终端当前所使用的网络的质量、类型、或月剩 余网络流量设置,例如:若侦测到用户终端当前所使用的是速度较快的宽带网络、或免费的 无线网络(如WiFi等),则可以设置较高的预设阈值;若侦测到用户终端当前的月剩余网络 流量较少、或网络传输速度较差,则可以设置较低的预设阈值。 可以理解的是,预设阈值也可以根据用户在浏览器提供的预设阈值设置控件中输 入的数值设置。 根据侦测到的用户终端当前所使用的网络的质量、类型、月剩余网络流量设置,或 根据用户输入的数值设置预设阈值,也即根据网络或用户的需求随时调整加载策略,既可 以兼顾用户对下载速度的需求又可以最大限度的保证网页信息的完整输出,从而可以使得 网页图片数据的加载更具有灵活性。 步骤S22,从所述服务器获取待加载的网页数据。 本文档来自技高网...

【技术保护点】
一种网页图片加载方法,其特征在于,包括:从服务器获取待加载图片文件的尺寸;判断所述待加载图片文件的尺寸是否小于预设阈值;若是,则由所述服务器下载所述待加载图片文件,将所下载的待加载图片文件加载并显示于网页中;以及若否,则读取本地预设图片文件,将所述本地预设图片文件加载并显示于所述网页中。

【技术特征摘要】

【专利技术属性】
技术研发人员:张雷崔克群
申请(专利权)人:腾讯科技深圳有限公司
类型:发明
国别省市:广东;44

网友询问留言 已有0条评论
  • 还没有人留言评论。发表了对其他浏览者有用的留言会获得科技券。

1