一种图片显示的优化方法及装置技术领域
本发明实施例涉及互联网技术领域，尤其涉及一种图片显示的优化方法及装置。
背景技术
图片是网页展示信息的一个重要途径，而浏览器是展现网页的信息平台，在用户
使用浏览器进行网页浏览时，各个网页所显示的图片也规格各异，而由于图片过大导致网
页浏览异常的问题也层出不穷。
在实现本发明过程中，发明人发现现有技术中至少存在如下问题：现有技术中，由
于而各个网页的图片规格各异，经常出现大分辨率的图片出现在页面中，会导致页面加载
缓慢，系统资源被过渡消耗，应用或系统无响应等严重影响用户使用体验的情况。
发明内容
为了克服现有技术中相关产品的不足，本发明实施例提出一种图片显示的优化方
法及装置，解决现有技术中，由于图片过大导致网页浏览异常的问题。
本发明实施例解决其技术问题所采用的技术方案是：
本发明实施例提供了一种图片显示的优化方法，包括：对网页数据进行加载，并对
所加载的数据内容进行识别，获取所述数据内容中的图片数据，其中，所述的图片数据包括
大小和分辨率；获取预设阈值并判断所述图片数据是否大于所述预设阈值；根据所述判断
的结果对网页数据进行相应的处理并显示。
作为本发明实施例的进一步改进，所述对网页数据进行加载，并对所加载的数据
内容进行识别，获取所述数据内容中的图片数据包括：加载从网络获取的所述网页数据，对
所加载的所述网页数据进行解析和识别，通过所述数据内容中的标签确认图片数据的位
置；发送所述标签对应的图片下载请求获取所述图片数据。
作为本发明实施例的进一步改进，所述获取预设阈值并判断所述图片数据是否大
于所述预设阈值包括：根据网页的大小设定预设阈值，其中，所述网页的大小与显示所述网
页的屏幕一致；获取所述预设阈值并判断所述图片数据是否大于所述预设阈值。
作为本发明实施例的进一步改进，所述根据所述判断的结果对网页数据进行相应
的处理并显示包括：若所述图片数据的大小或分辨率至少一个大于所述预设阈值，则对所
述图片数据进行压缩并显示；若所述图片数据的大小和分辨率均小于所述预设阈值，则所
述图片数据保持默认并正常显示。
作为本发明实施例的进一步改进，所述对所述图片数据进行压缩并显示之后，所
述方法还包括：将所述压缩后的图片数据转换为图片超链接，点击所述图片超链接跳转并
显示原始的图片数据。
本发明实施例提供了一种图片显示的优化装置，包括：数据加载模块，用于对网页
数据进行加载，并对所加载的数据内容进行识别，获取所述数据内容中的图片数据，其中，
所述的图片数据包括大小和分辨率；图片判断模块，用于获取预设阈值并判断所述图片数
据是否大于所述预设阈值；优化显示模块，用于根据所述判断的结果对网页数据进行相应
的处理并显示。
作为本发明实施例的进一步改进，所述数据加载模块包括：识别单元，用于加载从
网络获取的所述网页数据，对所加载的所述网页数据进行解析和识别，通过所述数据内容
中的标签确认图片数据的位置；图片获取单元，用于发送所述标签对应的图片下载请求获
取所述图片数据。
作为本发明实施例的进一步改进，所述图片判断模块包括：设定单元，用于根据网
页的大小设定预设阈值，其中，所述网页的大小与显示所述网页的屏幕一致；判断单元，用
于获取所述预设阈值并判断所述图片数据是否大于所述预设阈值。
作为本发明实施例的进一步改进，所述优化显示模块用于：若所述图片数据的大
小或分辨率至少一个大于所述预设阈值，则对所述图片数据进行压缩并显示；若所述图片
数据的大小和分辨率均小于所述预设阈值，则所述图片数据保持默认并正常显示。
作为本发明实施例的进一步改进，所述优化显示模块还用于：将所述压缩后的图
片数据转换为图片超链接，点击所述图片超链接跳转并显示原始的图片数据。
本发明实施例提供了一种电子设备，包括：至少一个处理器；以及，与所述至少一
个处理器通信连接的存储器；其中，所述存储器存储有可被所述一个处理器执行的指令，所
述指令被所述至少一个处理器执行，以使所述至少一个处理器能够：对网页数据进行加载，
并对所加载的数据内容进行识别，获取所述数据内容中的图片数据，其中，所述的图片数据
包括大小和分辨率；获取预设阈值并判断所述图片数据是否大于所述预设阈值；根据所述
判断的结果对网页数据进行相应的处理并显示。
与现有技术相比，本发明有以下优点：
本发明实施例可以在网页加载过大图片时，提高系统的处理效率并加快了页面的
加载速度，有效避免了因加载过大图片而使系统资源被过渡消耗，应用或系统无响应等问
题，极大的提高了用户的使用体验。
附图说明
为了更清楚地说明本发明实施例中的技术方案，下面将对实施例中所需要使用的
附图作简单地介绍，显而易见地，下面描述中的附图仅仅是本发明的一些实施例，对于本领
域普通技术人员来讲，在不付出创造性劳动的前提下，还可以根据这些附图获得其他的附
图。
图1为本发明所述图片显示的优化方法第一实施例的流程示意图；
图2为本发明所述图片显示的优化方法第二实施例的流程示意图；
图3为本发明所述图片显示的优化装置第一实施例的结构示意图；
图4为本发明所述图片显示的优化装置第二实施例的结构示意图；
图5为本发明实施例所述应用于所述超大图片的显示方法的电子设备的硬件示意
图。
具体实施方式
为了便于理解本发明，下面将参照相关附图对本发明进行更全面的描述。附图中
给出了本发明的较佳实施例。但是，本发明可以以许多不同的形式来实现，并不限于本文所
描述的实施例。相反地，提供这些实施例的目的是使对本发明的公开内容的理解更加透彻
全面。
除非另有定义，本文所使用的所有的技术和科学术语与属于本发明的技术领域的
技术人员通常理解的含义相同。本文中在本发明的说明书中所使用的术语只是为了描述具
体的实施例的目的，不是旨在于限制本发明。
实施例一
参阅图1所示，为本发明所述图片显示的优化方法第一实施例的流程示意图，所述
图片显示的优化方法应用于智能终端，包括但不限于智能电视、手机，所述图片显示的优化
方法包括以下步骤：
S101：对网页数据进行加载，并对所加载的数据内容进行识别，获取所述数据内容
中的图片数据，其中，所述的图片数据包括大小和分辨率。
本发明实施例在浏览器输入网址后，浏览器从网络接收到页面的超文本标记语言
(HTML)数据，然后开始解析，并生成文件对象模型(DOM)树，在解析的过程中发起网络请求
来加载所述网页数据，并对所加载的数据内容进行识别，获取所述数据内容中的图片数据，
其中，所述的图片数据包括大小和分辨率。
S102：获取预设阈值并判断所述图片数据是否大于所述预设阈值。
本发明实施例通过获取所述预设阈值并判断所述图片数据是否大于所述预设阈
值。
S103：根据所述判断的结果对网页数据进行相应的处理并显示。
在本发明实施例中，若所述图片数据的大小或分辨率至少一个大于所述预设阈
值，则对所述图片数据进行压缩并显示；若所述图片数据的大小和分辨率均小于所述预设
阈值，则所述图片数据保持默认并正常显示。
可选的，本发明实施例对所述图片数据进行压缩并显示之后，还可以将所述压缩
后的图片数据转换为图片超链接，点击所述图片超链接跳转并显示原始的图片数据。
在本发明实施例中，所述图片显示的优化方法通过对网页数据进行加载，并对所
加载的数据内容进行识别，获取所述数据内容中的图片数据，其中，所述的图片数据包括大
小和分辨率，获取预设阈值并判断所述图片数据是否大于所述预设阈值，根据所述判断的
结果对网页数据进行相应的处理并显示，通过该过程，可以在网页加载过大图片时，提高系
统的处理效率并加快了页面的加载速度，有效避免了因加载过大图片而使系统资源被过渡
消耗，应用或系统无响应等问题，极大的提高了用户的使用体验。
实施例二
在上述实施例的基础上，参阅图2所示，为本发明所述图片显示的优化方法第二实
施例的流程示意图，所述图片显示的优化方法应用于智能终端，包括但不限于智能电视、手
机，所述图片显示的优化方法包括以下步骤：
S201：加载从网络获取的所述网页数据，对所加载的所述网页数据进行解析和识
别，通过所述数据内容中的标签确认图片数据的位置。
本发明实施例在浏览器输入网址后，浏览器从网络接收到页面的超文本标记语言
数据，然后开始解析，并生成文件对象模型树，在解析的过程中，通过所述数据内容中的标
签确认图片数据的位置。
S202：发送所述标签对应的图片下载请求获取所述图片数据。
每当发现有图片标签(img标签)时，发送所述标签对应的图片下载请求获取所述
图片数据，其中，所述的图片数据包括大小和分辨率以及图像数据。
S203：根据网页的大小设定预设阈值，其中，所述网页的大小与显示所述网页的屏
幕一致。
由于终端的类型不同，或同类型终端的型号不同，也会导致终端屏幕的大小不一
致，受终端屏幕大小的限制，所述网页的最大显示范围与终端屏幕一致，根据网页的大小不
同，本发明实施例所设定的预设阈值也不同，例如，可以给大屏的终端如智能电视的等设定
较大的预设阈值，给小屏如手机等设定较小的预设阈值，根据网页的大小可以合理的设定
预设阈值。
S204：获取所述预设阈值并判断所述图片数据是否大于所述预设阈值。
S205：根据所述判断的结果对网页数据进行相应的处理并显示。
在本发明实施例中，若所述图片数据的大小或分辨率至少一个大于所述预设阈
值，则对所述图片数据进行压缩并显示；若所述图片数据的大小和分辨率均小于所述预设
阈值，则所述图片数据保持默认并正常显示。
可选的，本发明实施例对所述图片数据进行压缩并显示之后，还可以将所述压缩
后的图片数据转换为图片超链接，点击所述图片超链接跳转并显示原始的图片数据。
在本发明实施例中，所述图片显示的优化方法通过加载从网络获取的所述网页数
据，对所加载的所述网页数据进行解析和识别，通过所述数据内容中的标签确认图片数据
的位置，发送所述标签对应的图片下载请求获取所述图片数据，根据网页的大小设定预设
阈值，其中，所述网页的大小与显示所述网页的屏幕一致，获取所述预设阈值并判断所述图
片数据是否大于所述预设阈值，根据所述判断的结果对网页数据进行相应的处理并显示，
通过该过程，可以在网页加载过大图片时，提高系统的处理效率并加快了页面的加载速度，
有效避免了因加载过大图片而使系统资源被过渡消耗，应用或系统无响应等问题，极大的
提高了用户的使用体验。
实施例三
参阅图3所示，为本发明所述图片显示的优化装置第一实施例的结构示意图，所述
图片显示的优化装置应用于智能终端，包括但不限于智能电视、手机，所述图片显示的优化
装置包括数据加载模块1、图片判断模块2和优化显示模块3。
所述数据加载模块1用于对网页数据进行加载，并对所加载的数据内容进行识别，
获取所述数据内容中的图片数据，其中，所述的图片数据包括大小和分辨率。
在浏览器输入网址后，浏览器从网络接收到页面的超文本标记语言(HTML)数据，
然后开始解析，并生成文件对象模型(DOM)树，所述数据加载模块1在解析的过程中发起网
络请求来加载所述网页数据，并对所加载的数据内容进行识别，获取所述数据内容中的图
片数据，其中，所述的图片数据包括大小和分辨率。
所述图片判断模块2用于获取预设阈值并判断所述图片数据是否大于所述预设阈
值，所述图片判断模块2通过获取所述预设阈值并判断所述图片数据是否大于所述预设阈
值。
所述优化显示模块3用于根据所述判断的结果对网页数据进行相应的处理并显
示。
在本发明实施例中，若所述图片数据的大小或分辨率至少一个大于所述预设阈
值，则所述优化显示模块3对所述图片数据进行压缩并显示；若所述图片数据的大小和分辨
率均小于所述预设阈值，则所述优化显示模块3对所述图片数据保持默认并正常显示。
可选的，本发明实施例所述优化显示模块3对所述图片数据进行压缩并显示之后，
还可以将所述压缩后的图片数据转换为图片超链接，点击所述图片超链接跳转并显示原始
的图片数据。
在本发明实施例中，所述图片显示的优化装置通过所述数据加载模块1对网页数
据进行加载，并对所加载的数据内容进行识别，所述图片判断模块2获取所述数据内容中的
图片数据，其中，所述的图片数据包括大小和分辨率，获取预设阈值并判断所述图片数据是
否大于所述预设阈值，所述优化显示模块3根据所述判断的结果对网页数据进行相应的处
理并显示，通过该过程，可以在网页加载过大图片时，提高系统的处理效率并加快了页面的
加载速度，有效避免了因加载过大图片而使系统资源被过渡消耗，应用或系统无响应等问
题，极大的提高了用户的使用体验。
实施例四
在上述实施例的基础上，参阅图4所示，为本发明所述图片显示的优化装置第二实
施例的结构示意图，所述图片显示的优化装置应用于智能终端，包括但不限于智能电视、手
机，所述图片显示的优化装置包括数据加载模块1、图片判断模块2和优化显示模块3。
所述数据加载模块1用于对网页数据进行加载，并对所加载的数据内容进行识别，
获取所述数据内容中的图片数据，其中，所述的图片数据包括大小和分辨率；所述数据加载
模块1包括识别单元11和图片获取单元12。
所述识别单元11用于加载从网络获取的所述网页数据，对所加载的所述网页数据
进行解析和识别，通过所述数据内容中的标签确认图片数据的位置。
本发明实施例在浏览器输入网址后，浏览器从网络接收到页面的超文本标记语言
数据，然后开始解析，并生成文件对象模型树，所述识别单元11在解析的过程中，通过所述
数据内容中的标签确认图片数据的位置。
所述图片获取单元12用于发送所述标签对应的图片下载请求获取所述图片数据，
每当发现有图片标签(img标签)时，所述图片获取单元12发送所述标签对应的图片下载请
求获取所述图片数据，其中，所述的图片数据包括大小和分辨率以及图像数据。
所述图片判断模块2用于获取预设阈值并判断所述图片数据是否大于所述预设阈
值，所述图片判断模块2包括设定单元21和判断单元22。
所述设定单元21用于根据网页的大小设定预设阈值，其中，所述网页的大小与显
示所述网页的屏幕一致；由于终端的类型不同，或同类型终端的型号不同，也会导致终端屏
幕的大小不一致，受终端屏幕大小的限制，所述网页的最大显示范围与终端屏幕一致，根据
网页的大小不同，本发明实施例所述设定单元21所设定的预设阈值也不同，例如，所述设定
单元21可以给大屏的终端如智能电视的等设定较大的预设阈值，所述设定单元21给小屏如
手机等设定较小的预设阈值，根据网页的大小可以合理的设定预设阈值。
所述判断单元22用于获取所述预设阈值并判断所述图片数据是否大于所述预设
阈值。
所述优化显示模块3用于根据所述判断的结果对网页数据进行相应的处理并显
示，在本发明实施例中，若所述图片数据的大小或分辨率至少一个大于所述预设阈值，则所
述优化显示模块3对所述图片数据进行压缩并显示；若所述图片数据的大小和分辨率均小
于所述预设阈值，则所述优化显示模块3对所述图片数据保持默认并正常显示。
可选的，本发明实施例所述优化显示模块3对所述图片数据进行压缩并显示之后，
还可以将所述压缩后的图片数据转换为图片超链接，点击所述图片超链接跳转并显示原始
的图片数据。
在本发明实施例中，所述图片显示的优化装置通过所述识别单元11加载从网络获
取的所述网页数据，对所加载的所述网页数据进行解析和识别，通过所述数据内容中的标
签确认图片数据的位置，所述图片获取单元12发送所述标签对应的图片下载请求获取所述
图片数据，所述设定单元21根据网页的大小设定预设阈值，其中，所述网页的大小与显示所
述网页的屏幕一致，所述判断单元22获取所述预设阈值并判断所述图片数据是否大于所述
预设阈值，所述优化显示模块3根据所述判断的结果对网页数据进行相应的处理并显示，通
过该过程，可以在网页加载过大图片时，提高系统的处理效率并加快了页面的加载速度，有
效避免了因加载过大图片而使系统资源被过渡消耗，应用或系统无响应等问题，极大的提
高了用户的使用体验。
实施例五
图5是本发明实施例提供的图片显示的优化方法的硬件结构示意图，如图所示，该
设备包括一个或多个处理器510以及存储器520。以一个处理器510为例。该设备还可以包
括：输入装置530和输出装置540。
处理器510、存储器520、输入装置530和输出装置540可以通过总线或者其他方式
连接，图5中以通过总线连接为例。
存储器520作为一种非暂态计算机可读存储介质，可用于存储非暂态软件程序、非
暂态计算机可执行程序以及模块。处理器510通过运行存储在存储器520中的非暂态软件程
序、指令以及模块，从而执行电子设备的各种功能应用以及数据处理，即实现上述方法实施
例的处理方法。
存储器520可以包括存储程序区和存储数据区，其中，存储程序区可存储操作系
统、至少一个功能所需要的应用程序；存储数据区可存储数据等。此外，存储器520可以包括
高速随机存取存储器，还可以包括非暂态存储器，例如至少一个磁盘存储器件、闪存器件、
或其他非暂态固态存储器件。在一些实施例中，存储器520可选包括相对于处理器510远程
设置的存储器，这些远程存储器可以通过网络连接至处理装置。上述网络的实例包括但不
限于互联网、企业内部网、局域网、移动通信网及其组合。
输入装置530可接收输入的数字或字符信息，以及产生信号输入。输出装置540可
包括显示屏等显示设备。
所述一个或者多个模块存储在所述存储器520中，当被所述一个或者多个处理器
510执行时，执行以下操作：
对网页数据进行加载，并对所加载的数据内容进行识别，获取所述数据内容中的
图片数据，其中，所述的图片数据包括大小和分辨率；
获取预设阈值并判断所述图片数据是否大于所述预设阈值；
根据所述判断的结果对网页数据进行相应的处理并显示。
上述产品可执行本发明实施例所提供的方法，具备执行方法相应的功能模块和有
益效果。未在本实施例中详尽描述的技术细节，可参见本发明实施例提供的方法。
本发明实施例提供了一种非暂态(非易失性)计算机存储介质，所述计算机存储介
质存储有计算机可执行指令，该计算机可执行指令可执行以下操作：
对网页数据进行加载，并对所加载的数据内容进行识别，获取所述数据内容中的
图片数据，其中，所述的图片数据包括大小和分辨率；
获取预设阈值并判断所述图片数据是否大于所述预设阈值；
根据所述判断的结果对网页数据进行相应的处理并显示。
本发明实施例提供了一种计算机程序产品，所述计算机程序产品包括存储在非暂
态计算机可读存储介质上的计算机程序，所述计算机程序包括程序指令，当所述程序指令
被计算机执行时，使所述计算机执行以下操作：
对网页数据进行加载，并对所加载的数据内容进行识别，获取所述数据内容中的
图片数据，其中，所述的图片数据包括大小和分辨率；
获取预设阈值并判断所述图片数据是否大于所述预设阈值；
根据所述判断的结果对网页数据进行相应的处理并显示。
本领域技术人员可以理解实现上述实施例方法中的全部或部分步骤是可以通过
程序来指令相关的硬件来完成，该程序存储在一个存储介质中，包括若干指令用以使得一
个设备(可以是单片机，芯片等)或处理器(processor)执行本申请各个实施例所述方法的
全部或部分步骤。而前述的存储介质包括：U盘、移动硬盘、只读存储器(ROM，Read-Only
Memory)、随机存取存储器(RAM，Random Access Memory)、磁碟或者光盘等各种可以存储程
序代码的介质。
上述实施例为本发明较佳的实施方式，但本发明的实施方式并不受上述实施例的
限制，其他的任何未背离本发明的精神实质与原理下所作的改变、修饰、替代、组合、简化，
均应为等效的置换方式，都包含在本发明的保护范围之内。