CN109783746A - 网页图片加载方法及终端设备 - Google Patents
网页图片加载方法及终端设备 Download PDFInfo
- Publication number
- CN109783746A CN109783746A CN201811529039.7A CN201811529039A CN109783746A CN 109783746 A CN109783746 A CN 109783746A CN 201811529039 A CN201811529039 A CN 201811529039A CN 109783746 A CN109783746 A CN 109783746A
- Authority
- CN
- China
- Prior art keywords
- pixel
- picture
- format
- combined
- color
- Prior art date
- Legal status (The legal status is an assumption and is not a legal conclusion. Google has not performed a legal analysis and makes no representation as to the accuracy of the status listed.)
- Pending
Links
- 238000011068 loading method Methods 0.000 title claims abstract description 56
- 238000004590 computer program Methods 0.000 claims description 14
- 238000012545 processing Methods 0.000 abstract description 8
- 238000000034 method Methods 0.000 description 20
- 230000006870 function Effects 0.000 description 10
- 238000010586 diagram Methods 0.000 description 9
- 230000008569 process Effects 0.000 description 5
- 238000004891 communication Methods 0.000 description 3
- 238000010168 coupling process Methods 0.000 description 3
- 238000005859 coupling reaction Methods 0.000 description 3
- 238000005516 engineering process Methods 0.000 description 3
- 238000004364 calculation method Methods 0.000 description 2
- 230000008878 coupling Effects 0.000 description 2
- 230000007935 neutral effect Effects 0.000 description 2
- 230000009286 beneficial effect Effects 0.000 description 1
- 238000004422 calculation algorithm Methods 0.000 description 1
- 230000008859 change Effects 0.000 description 1
- 238000006243 chemical reaction Methods 0.000 description 1
- 230000010485 coping Effects 0.000 description 1
- 238000013461 design Methods 0.000 description 1
- 238000011161 development Methods 0.000 description 1
- 230000005611 electricity Effects 0.000 description 1
- 239000004973 liquid crystal related substance Substances 0.000 description 1
- 238000005192 partition Methods 0.000 description 1
- 238000003908 quality control method Methods 0.000 description 1
- 230000009467 reduction Effects 0.000 description 1
- 238000000926 separation method Methods 0.000 description 1
- 238000012360 testing method Methods 0.000 description 1
- 230000000007 visual effect Effects 0.000 description 1
Landscapes
- Image Processing (AREA)
Abstract
本发明适用于图像处理技术领域,提供了一种网页图片加载方法及终端设备,所述方法包括:获取网页中待加载的第一格式的图片,并将第一格式的图片转换成第二格式的图片;获取第二格式的图片中的每个像素点的位置和色值以及第二格式的图片的像素点总数量;根据预设的质量控制参数值和像素点总数量确定第二格式的图片中待合并的像素点数量;根据待合并的像素点数量、每个像素点的位置和色值合并第二格式的图片中的相邻像素点,得到合并后的图片;将合并后的图片由第二格式转换成第一格式,并在网页中加载转换成第一格式的合并后的图片,能够降低网页中待加载图片的分辨率,从而提高带有图片的网页的加载速度和访问速度。
Description
技术领域
本发明属于图像处理技术领域,尤其涉及一种网页图片加载方法及终端设备。
背景技术
随着计算机技术的不断发展以及不同网站的需要,许多网页为了说明某一事物,或者为了使网页内容更加丰富,或者为了使网页更加美观等等,往往会插入大量的图片。
目前,为了保证图片的清晰度,网页通常会直接插入高清图片或超清图片等清晰度高的图片,但是,由于清晰度高的图片分辨率较高,网页在加载分辨率较高的图片的时候速度较慢,导致网页的加载速度和访问速度降低。
发明内容
本发明实施例提供一种网页图片加载方法及终端设备,以解决现有技术中,由于清晰度高的图片分辨率较高,网页在加载分辨率较高的图片的时候速度较慢,导致网页的加载速度和访问速度降低的问题。
本发明实施例的第一方面提供了一种网页图片加载方法,包括:
获取网页中待加载的第一格式的图片,并将第一格式的图片转换成第二格式的图片;
获取第二格式的图片中的每个像素点的位置和色值以及第二格式的图片的像素点总数量;
根据预设的质量控制参数值和像素点总数量确定第二格式的图片中待合并的像素点数量;
根据待合并的像素点数量、每个像素点的位置和色值合并第二格式的图片中的相邻像素点,得到合并后的图片;
将合并后的图片由第二格式转换成第一格式,并在网页中加载转换成第一格式的合并后的图片。
本发明实施例的第二方面提供了一种网页图片加载系统,包括:
图片获取模块,用于获取网页中待加载的第一格式的图片,并将第一格式的图片转换成第二格式的图片;
参数获取模块,用于获取第二格式的图片中的每个像素点的位置和色值以及第二格式的图片的像素点总数量;
待合并像素点确定模块,用于根据预设的质量控制参数值和像素点总数量确定第二格式的图片中待合并的像素点数量;
合并模块,用于根据待合并的像素点数量、每个像素点的位置和色值合并第二格式的图片中的相邻像素点,得到合并后的图片;
图片加载模块,用于将合并后的图片由第二格式转换成第一格式,并在网页中加载转换成第一格式的合并后的图片。
本发明实施例的第三方面提供了一种终端设备,包括存储器、处理器以及存储在存储器中并可在处理器上运行的计算机程序,处理器执行计算机程序时实现如下步骤:
获取网页中待加载的第一格式的图片,并将第一格式的图片转换成第二格式的图片;
获取第二格式的图片中的每个像素点的位置和色值以及第二格式的图片的像素点总数量;
根据预设的质量控制参数值和像素点总数量确定第二格式的图片中待合并的像素点数量;
根据待合并的像素点数量、每个像素点的位置和色值合并第二格式的图片中的相邻像素点,得到合并后的图片;
将合并后的图片由第二格式转换成第一格式,并在网页中加载转换成第一格式的合并后的图片。
本发明实施例的第四方面提供了一种计算机可读存储介质,所述计算机可读存储介质存储有计算机程序,所述计算机程序被处理器执行时实现如第一方面所述的网页图片加载方法的步骤。
本发明实施例与现有技术相比存在的有益效果是:本发明实施例提供的网页图片加载方法及终端设备,通过根据预设的质量控制参数和像素点总数量确定待合并的像素点数量,根据待合并的像素点数量、每个像素点的位置和色值合并第二格式的图片中的相邻像素点,得到合并后的图片,并在网页中加载转换成第一格式的合并后的图片,能够解决现有技术中,由于清晰度高的图片分辨率较高,网页在加载分辨率较高的图片的时候速度较慢,导致网页的加载速度和访问速度降低的问题,可以降低网页中待加载图片的分辨率,从而提高带有图片的网页的加载速度和访问速度。
附图说明
为了更清楚地说明本发明实施例中的技术方案,下面将对实施例或现有技术描述中所需要使用的附图作简单地介绍,显而易见地,下面描述中的附图仅仅是本发明的一些实施例,对于本领域普通技术人员来讲,在不付出创造性劳动性的前提下,还可以根据这些附图获得其他的附图。
图1是本发明一实施例提供的一种网页图片加载方法的示意流程图;
图2是本发明另一实施例提供的一种网页图片加载方法的示意流程图;
图3是本发明再一实施例提供的一种网页图片加载方法的示意流程图;
图4是本发明又一实施例提供的一种网页图片加载方法的示意流程图;
图5是本发明一实施例提供的一种网页图片加载系统的结构示意图;
图6是本发明一实施例提供的终端设备的结构示意图。
具体实施方式
以下描述中,为了说明而不是为了限定,提出了诸如特定系统结构、技术之类的具体细节,以便透彻理解本发明实施例。然而,本领域的技术人员应当清楚,在没有这些具体细节的其它实施例中也可以实现本发明。在其它情况中,省略对众所周知的系统、装置、电路以及方法的详细说明,以免不必要的细节妨碍本发明的描述。
为了说明本发明所述的技术方案,下面通过具体实施例来进行说明。
请参阅图1,图1是本发明一实施例提供的一种网页图片加载方法的示意流程图。如图1所示,在该实施例中,网页图片加载方法可以包括以下步骤:
S101:获取网页中待加载的第一格式的图片,并将第一格式的图片转换成第二格式的图片。
其中,第一格式的图片可以为jpg、jpeg、png和bmp等任一图片格式的图片。第二格式的图片可以为canvas格式的图片,即html形式的图片。
将第一格式的图片转换成第二格式的图片可以为:使用Javascript将第一格式的图片转换成第二格式的图片,即,创建一个canvas画板,初始化Javascript的Image对象,读取第一格式的图片,使用canvas的应用程序编程接口(Application ProgrammingInterface,API)将Image对象绘画到canvas上,从而得到第二格式的图片。
S102:获取第二格式的图片中的每个像素点的位置和色值以及第二格式的图片的像素点总数量。
在本发明实施例中,可以使用canvas提供的getImageData方法,获取第二格式的图片中的每个像素点的位置和色值,统计所有的像素点得到第二格式的图片的像素点总数量。
其中,色值为RGB颜色模式的色值,可以用三个数字来表示,分别是红色(Red,R)值、绿色(Green,G)值和蓝色(Blue,B)值,三者的范围均为0至255。
S103:根据预设的质量控制参数值和像素点总数量确定第二格式的图片中待合并的像素点数量。
其中,预设的质量控制参数值可以表示网页对图片清晰度的需求,可以用一个大于0且小于或等于1的小数来表示。预设的质量控制参数值越大,表示网页对图片清晰度的需求越高。若预设的质量控制参数值为1,则无需对第一格式的图片进行处理,直接加载第一格式的图片。
根据预设的质量控制参数值和像素点总数量确定第二格式的图片中待合并的像素点数量的公式为:
N=M×(1-K) (1)
在式(1)中,N为待合并的像素点数量,M为像素点总数量,K为预设的质量控制参数值。
示例性地,假设像素点总数量为10000,预设的质量控制参数值为0.6,则待合并的像素点数量为10000×(1-0.6)=4000。
S104:根据待合并的像素点数量、每个像素点的位置和色值合并第二格式的图片中的相邻像素点,得到合并后的图片。
其中,合并第二格式的图片中的相邻像素点是指将相邻像素点的色值调整为同一色值,该同一色值可以是根据该相邻像素点中的每个像素点的色值确定的色值。
在本发明实施例中,可以根据每个像素点的位置和色值确定色值相近的相邻像素点,然后合并与待合并的像素点数量相同的相邻像素点,得到合并后的图片。合并后的图片符合预设的图片质量控制参数值的要求。
S105:将合并后的图片由第二格式转换成第一格式,并在网页中加载转换成第一格式的合并后的图片。
在本发明实施例中,可以使用canvas提供的API接口,例如saveAsPNG、saveAsJPEG、saveAsBMP等,将合并后的图片由第二格式转换成第一格式。
从以上描述可知,本发明实施例的网页图片加载方法,通过根据预设的质量控制参数和像素点总数量确定待合并的像素点数量,根据待合并的像素点数量、每个像素点的位置和色值合并第二格式的图片中的相邻像素点,得到合并后的图片,并在网页中加载转换成第一格式的合并后的图片,能够解决现有技术中,由于清晰度高的图片分辨率较高,网页在加载分辨率较高的图片的时候速度较慢,导致网页的加载速度和访问速度降低的问题,可以降低网页中待加载图片的分辨率,从而提高带有图片的网页的加载速度和访问速度。
请参阅图2,图2为本发明另一实施例提供的一种网页图片加载方法的示意流程图。在上述实施例的基础上,步骤S104详述如下:
S201:确定待合并像素点占总像素点的比例,并确定待合并像素点占总像素点的比例对应的预设色差阈值。
在本发明实施例中,根据待合并的像素点数量和像素点总数量确定待合并像素点占总像素点的比例,或者,根据预设的质量控制参数值确定待合并像素点占总像素点的比例。另外,终端设备中预存有比例与阈值的对应关系,根据比例与阈值的对应关系,可以确定待合并像素点占总像素点的比例对应的预设色差阈值。
S202:根据每个像素点的位置和色值计算相邻像素点的色值差。
其中,计算相邻像素点的色值差的计算公式为:
在式(2)中,ΔD为相邻像素点的色值差,相邻像素点包括第一像素点和第二像素点,r1为第一像素点的R值,g1为第一像素点的G值,b1为第一像素点的B值,r2为第二像素点的R值,g2为第二像素点的G值,b2为第二像素点的B值,ωr为第一加权系数,可以取值为3,ωg为第二加权系数,可以取值为4,ωb为第三加权系数,可以取值为2。
在本发明实施例中,可以根据每个像素点的位置确定相邻像素点,根据相邻像素点中的每个像素点的色值计算相邻像素点的色值差。
S203:若在第二格式的图片中存在目标相邻像素点,则合并目标相邻像素点,得到中间图片,目标相邻像素点的色值差小于或等于预设色差阈值。
在本发明实施例中,将色值差小于或等于预设色差阈值的相邻像素点称为目标相邻像素点。
若在第二格式的图片中存在目标相邻像素点,则合并目标相邻像素点,即将目标相邻像素点中的每个像素点的色值调整为同一色值,得到中间图片。
S204:若已合并的目标相邻像素点的数量小于待合并的像素点数量,则确定在中间图片中,仍需合并的像素点数量。
若在步骤S203中合并的目标相邻像素点的数量小于待合并的像素点数量,则根据待合并的像素点数量和已合并的目标相邻像素点的数量,确定在中间图片中,仍需合并的像素点数量。即,待合并的像素点数量减去已合并的目标相邻像素点的数量得到仍需合并的像素点数量。
若已合并的目标相邻像素点的数量等于待合并的像素量数量,则中间图片即为合并后的图片,可以不再执行步骤S205。
S205:根据仍需合并的像素点数量合并中间图片的相邻色块,得到合并后的图片,其中,将具有相同色值的相邻像素点称为一个色块。
其中,将具有相同色值的相邻像素点称为一个色块,若某一像素点与其相邻的像素点的色值均不同,则该某一像素点也可以称为一个色块,若某一像素点与其相邻的两个像素点或相邻的多个像素点的色值均相同,则该某一像素点和与其相邻的两个像素点称为一个色块,或该某一像素点和与其相邻的多个像素点称为一个色块。
计算中间图片中的相邻色块的色值差,根据相邻色块的色值差合并与仍需合并的像素点数量相同的相邻色块,得到合并后的图片。
从上述描述可知,本发明实施例的网页图片加载方法,首先确定待合并像素点占总像素点的比例对应的预设色差阈值,根据预设色差阈值和每个像素点的位置和色值确定目标相邻像素点,并合并目标相邻像素点,得到中间图片,然后根据仍需合并的像素点数量合并中间图片的相邻色块,得到合并后的图片,通过两次合并可以在提高网页的加载速度和访问速度的同时,保证图片不失真。
在本发明的一个实施例中,在上述实施例的基础上,步骤S205可以包括:
根据中间图片中的每个色块的位置和色值计算中间图片中的相邻色块的色值差。
按照中间图片中的相邻色块的色值差从小到大的顺序合并与仍需合并的相邻像素点数量相同的相邻色块,得到合并后的图片。
在本发明实施例中,可以根据式(2)计算中间图片中的相邻色块的色值差。当采用式(2)计算相邻色块的色值差时,ΔD为相邻色块的色值差,相邻色块包括第一色块和第二色块,r1为第一色块的R值,g1为第一色块的G值,b1为第一色块的B值,r2为第二色块的R值,g2为第二色块的G值,b2为第二色块的B值,ωr为第一加权系数,可以取值为3,ωg为第二加权系数,可以取值为4,ωb为第三加权系数,可以取值为2。根据每个色块的位置确定相邻色块,根据相邻色块中的每个色块的色值计算相邻色块的色值差。每个色块的位置可以根据合并之前的每个像素点的位置确定。
将相邻色块的色值差按照从小到大的顺序进行排序,从色值差最小的相邻色块开始合并,直至合并的相邻色块的数量与仍需合并的相邻像素点的数量相同,得到合并后的图片。
合并相邻色块是指将相邻色块中的每个色块的色值调整为同一色值,该同一色值是根据相邻色块中的每个色块的色值确定的。例如,可以将相邻色块中的每个色块对应的R值、G值和B值分别取平均值得到新的R值、新的G值和新的B值,新的R值、新的G值和新的B值即为该同一色值。
从上述描述可知,本发明实施例的网页图片加载方法,按照中间图片中的相邻色块的色值差从小到大的顺序合并与仍需合并的相邻像素点数量相同的相邻色块,得到合并后的图片,可以合并色值差相近的相邻色块,在降低图片清晰度的同时,尽可能保证图片不失真。
请参阅图3,图3为本发明再一实施例提供的一种网页图片加载方法的示意流程图。在上述实施例的基础上,步骤S201详述如下;
S301:根据待合并的像素点数量和像素点总数量确定待合并像素点占总像素点的比例;或,根据预设的质量控制参数值确定待合并像素点占总像素点的比例。
在本发明实施例中,可以根据待合并的像素点数量和像素点总数量确定待合并像素点占总像素点的比例,即待合并像素点占总像素点的比例=待合并的像素点数量/像素点总数量;也可以根据预设的质量控制参数值确定待合并像素点占总像素点的比例,即待合并像素点占总像素点的比例=1-预设的质量控制参数值。
S302:根据预存的比例与阈值的对应关系,确定待合并像素点占总像素点的比例对应的预设色差阈值。
在本发明实施例中,可以预先设置一个比例与阈值的对应关系,并将该对应关系预先存储。示例性的,比例与阈值的对应关系可以如表1所示。
表1比例与阈值的对应关系
比例x(0≤x<1) | 阈值 |
0≤x<10% | 第一阈值 |
10%≤x<20% | 第二阈值 |
20%≤x<30% | 第三阈值 |
30%≤x<40% | 第四阈值 |
40%≤x<50% | 第五阈值 |
50%≤x<60% | 第六阈值 |
60%≤x<70% | 第七阈值 |
70%≤x<80% | 第八阈值 |
80%≤x<90% | 第九阈值 |
90%≤x<1 | 第十阈值 |
在表1中,每一个比例范围对应的阈值可以通过多次试验确定,使得比例在该范围内取最小值时,根据该阈值确定的合并的像素点数量不超过待合并的像素点数量。
根据如表1所示的比例与阈值的对应关系,可以确定待合并像素点占总像素点的比例对应的预设色差阈值。示例性地,假设待合并像素点占总像素点的比例为40%,则预设色差阈值为第五阈值。
在本发明的一个实施例中,在上述实施例的基础上,步骤S203还可以包括:
根据目标相邻像素点中的每个像素点的色值确定中间色值。
将目标相邻像素点中的每个像素点的色值调整为中间色值。
在本发明实施例中,合并目标相邻像素点时,首先根据目标相邻像素点中的每个像素点的色值确定中间色值,然后将目标相邻像素点中的每个像素点的色值调整为中间色值。
其中,中间色值的R值为目标相邻像素点中的每个像素点的R值的平均值,中间色值的G值为目标相邻像素点中的每个像素点的G值的平均值,中间色值的B值为目标相邻像素点中的每个像素点的B值的平均值。
请参阅图4,图4为本发明又一实施例提供的一种网页图片加载方法的示意流程图。在上述实施例的基础上,在步骤S104之后,还可以包括以下步骤:
S401:根据合并后的图片中的每个色块的位置和色值,计算合并后的图片中的相邻色块的色值差,其中,将具有相同色值的相邻像素点称为一个色块。
其中,色块的定义与步骤S205中的色块的定义相同,在此不再赘述。
在本发明实施例中,可以根据式(2)计算合并后的图片中的相邻色块的色值差,与前述计算中间图片中的相邻色块的色值差类似,在此不再赘述。
S402:若在合并后的图片中存在目标相邻色块,则合并目标相邻色块,得到色块图,目标相邻色块的色值差小于预设阈值。
在本发明实施例中,将色值差小于预设阈值的相邻色块称为目标相邻色块,其中,预设阈值可以根据实际需求进行设置。将合并目标相邻色块之后的图片称为色块图。
合并目标相邻色块是指将目标相邻色块中的每个色块的色值调整为同一色值,该同一色值是根据目标相邻色块中的每个色块的色值确定的。例如,可以将目标相邻色块中的每个色块对应的R值、G值和B值分别取平均值得到新的R值、新的G值和新的B值,新的R值、新的G值和新的B值即为该同一色值。
S403:将色块图由第二格式转换成第一格式,并在网页中加载转换成第一格式的色块图。
在本发明实施例中,可以使用canvas提供的API接口,例如saveAsPNG、saveAsJPEG、saveAsBMP等,将色块图由第二格式转换成第一格式。
从上述描述可知,本发明实施例的网页图片加载方法,通过计算合并后的图片中的相邻色块的色值差,根据相邻色块的色值差确定目标相邻色块,并合并目标相邻色块,可以生成色块图,在某些场景下,图片以色块图的方式呈现,更加有表现力。
应理解,上述实施例中各步骤的序号的大小并不意味着执行顺序的先后,各过程的执行顺序应以其功能和内在逻辑确定,而不应对本发明实施例的实施过程构成任何限定。
对应于上文实施例所述的网页图片加载方法,图5示出了本发明实施例提供的一种网页图片加载系统的结构示意图。为了便于说明,仅示出了与本实施例相关的部分。
在本发明的一个实施例中,一种网页图片加载系统可以包括:
图片获取模块501,用于获取网页中待加载的第一格式的图片,并将第一格式的图片转换成第二格式的图片;
参数获取模块502,用于获取第二格式的图片中的每个像素点的位置和色值以及第二格式的图片的像素点总数量;
待合并像素点确定模块503,用于根据预设的质量控制参数值和像素点总数量确定第二格式的图片中待合并的像素点数量;
合并模块504,用于根据待合并的像素点数量、每个像素点的位置和色值合并第二格式的图片中的相邻像素点,得到合并后的图片;
图片加载模块505,用于将合并后的图片由第二格式转换成第一格式,并在网页中加载转换成第一格式的合并后的图片。
在本发明的一个实施例中,合并模块504可以包括:
预设色差阈值确定单元,用于确定待合并像素点占总像素点的比例,并确定待合并像素点占总像素点的比例对应的预设色差阈值;
色值差计算单元,用于根据每个像素点的位置和色值计算相邻像素点的色值差;
目标相邻像素点合并单元,用于若在第二格式的图片中存在目标相邻像素点,则合并目标相邻像素点,得到中间图片,目标相邻像素点的色值差小于或等于预设色差阈值;
像素点数量计算单元,用于若已合并的目标相邻像素点的数量小于待合并的像素点数量,则确定在中间图片中,仍需合并的像素点数量;
相邻色块合并单元,用于根据仍需合并的像素点数量合并中间图片的相邻色块,得到合并后的图片,其中,将具有相同色值的相邻像素点称为一个色块。
在本发明的一个实施例中,相邻色块合并单元,具体用于根据中间图片中的每个色块的位置和色值计算中间图片中的相邻色块的色值差;
按照中间图片中的相邻色块的色值差从小到大的顺序合并与仍需合并的相邻像素点数量相同的相邻色块,得到合并后的图片。
在本发明的一个实施例中,预设色差阈值确定单元,具体用于根据待合并的像素点数量和像素点总数量确定待合并像素点占总像素点的比例;或,
根据预设的质量控制参数值确定待合并像素点占总像素点的比例;
根据预存的比例与阈值的对应关系,确定待合并像素点占总像素点的比例对应的预设色差阈值。
在本发明的一个实施例中,目标相邻像素点合并单元,还用于根据目标相邻像素点中的每个像素点的色值确定中间色值;
将目标相邻像素点中的每个像素点的色值调整为中间色值。
在本发明的一个实施例中,一种网页图片加载系统还可以包括:
色值差计算模块,用于根据合并后的图片中的每个色块的位置和色值,计算合并后的图片中的相邻色块的色值差,其中,将具有相同色值的相邻像素点称为一个色块;
目标相邻色块合并模块,用于若在合并后的图片中存在目标相邻色块,则合并目标相邻色块,得到色块图,目标相邻色块的色值差小于预设阈值;
色块图转换模块,用于将色块图由第二格式转换成第一格式,并在网页中加载转换成第一格式的色块图。
对应于上文实施例所述的网页图片加载方法,图6示出了本发明实施例提供的终端设备的结构示意图。为了便于说明,仅示出了与本实施例相关的部分。
在本实施例中,网页图片加载程序600安装并运行于终端设备60中。该终端设备60可以是移动终端、掌上电脑、服务器等。该终端设备60可包括,但不仅限于,存储器601、处理器602及显示器603。图6仅示出了具有组件601-603的终端设备60,但是应理解的是,并不要求实施所有示出的组件,可以替代的实施更多或者更少的组件。
所述存储器601在一些实施例中可以是所述终端设备60的内部存储单元,例如该终端设备60的硬盘或内存。所述存储器601在另一些实施例中也可以是所述终端设备60的外部存储设备,例如所述终端设备60上配备的插接式硬盘,智能存储卡(Smart MediaCard,SMC),安全数字(Secure Digital,SD)卡,闪存卡(Flash Card)等。进一步地,所述存储器601还可以既包括所述终端设备60的内部存储单元也包括外部存储设备。所述存储器601用于存储安装于所述终端设备60的应用软件及各类数据,例如所述网页图片加载程序600的程序代码等。所述存储器601还可以用于暂时地存储已经输出或者将要输出的数据。
所述处理器602在一些实施例中可以是一中央处理器(Central ProcessingUnit,CPU),微处理器或其他数据处理芯片,用于运行所述存储器601中存储的程序代码或处理数据,例如执行所述网页图片加载程序600等。
所述显示器603在一些实施例中可以是LED显示器、液晶显示器、触控式液晶显示器以及有机发光二极管(Organic Light-Emitting Diode,OLED)触摸器等。所述显示器603用于显示在所述终端设备60中处理的信息以及用于显示可视化的用户界面,例如应用菜单界面、应用图标界面等。所述终端设备60的部件601-603通过系统总线相互通信。
在本实施例中,所述的网页图片加载程序600可以被分割成一个或多个模块,所述一个或者多个模块被存储于所述存储器601中,并由一个或多个处理器(本实施例为所述处理器602)所执行,以完成本发明。例如,在图5中,所述的网页图片加载程序600可以被分割成图片获取模块、参数获取模块、待合并像素点确定模块、合并模块和图片加载模块。本发明所称的模块是指能够完成特定功能的一系列计算机程序指令段,比程序更适合于描述所述网页图片加载程序600在所述终端设备60中的执行过程。以下描述将具体介绍各个模块的功能。
其中,图片获取模块,用于获取网页中待加载的第一格式的图片,并将第一格式的图片转换成第二格式的图片;
参数获取模块,用于获取第二格式的图片中的每个像素点的位置和色值以及第二格式的图片的像素点总数量;
待合并像素点确定模块,用于根据预设的质量控制参数值和像素点总数量确定第二格式的图片中待合并的像素点数量;
合并模块,用于根据待合并的像素点数量、每个像素点的位置和色值合并第二格式的图片中的相邻像素点,得到合并后的图片;
图片加载模块,用于将合并后的图片由第二格式转换成第一格式,并在网页中加载转换成第一格式的合并后的图片。
其它模块或者单元可参照图5所示的实施例中的描述,在此不再赘述。
所属领域的技术人员可以清楚地了解到,为了描述的方便和简洁,仅以上述各功能单元、模块的划分进行举例说明,实际应用中,可以根据需要而将上述功能分配由不同的功能单元、模块完成,即将所述装置的内部结构划分成不同的功能单元或模块,以完成以上描述的全部或者部分功能。实施例中的各功能单元、模块可以集成在一个处理单元中,也可以是各个单元单独物理存在,也可以两个或两个以上单元集成在一个单元中,上述集成的单元既可以采用硬件的形式实现,也可以采用软件功能单元的形式实现。另外,各功能单元、模块的具体名称也只是为了便于相互区分,并不用于限制本申请的保护范围。上述系统中单元、模块的具体工作过程,可以参考前述方法实施例中的对应过程,在此不再赘述。
在上述实施例中,对各个实施例的描述都各有侧重,某个实施例中没有详述或记载的部分,可以参见其它实施例的相关描述。
本领域普通技术人员可以意识到,结合本文中所公开的实施例描述的各示例的单元及算法步骤,能够以电子硬件、或者计算机软件和电子硬件的结合来实现。这些功能究竟以硬件还是软件方式来执行,取决于技术方案的特定应用和设计约束条件。专业技术人员可以对每个特定的应用来使用不同方法来实现所描述的功能,但是这种实现不应认为超出本发明的范围。
在本发明所提供的实施例中,应该理解到,所揭露的装置/终端设备和方法,可以通过其它的方式实现。例如,以上所描述的装置/终端设备实施例仅仅是示意性的,例如,所述模块或单元的划分,仅仅为一种逻辑功能划分,实际实现时可以有另外的划分方式,例如多个单元或组件可以结合或者可以集成到另一个系统,或一些特征可以忽略,或不执行。另一点,所显示或讨论的相互之间的耦合或直接耦合或通讯连接可以是通过一些接口,装置或单元的间接耦合或通讯连接,可以是电性,机械或其它的形式。
所述作为分离部件说明的单元可以是或者也可以不是物理上分开的,作为单元显示的部件可以是或者也可以不是物理单元,即可以位于一个地方,或者也可以分布到多个网络单元上。可以根据实际的需要选择其中的部分或者全部单元来实现本实施例方案的目的。
另外,在本发明各个实施例中的各功能单元可以集成在一个处理单元中,也可以是各个单元单独物理存在,也可以两个或两个以上单元集成在一个单元中。上述集成的单元既可以采用硬件的形式实现,也可以采用软件功能单元的形式实现。
所述集成的模块/单元如果以软件功能单元的形式实现并作为独立的产品销售或使用时,可以存储在一个计算机可读取存储介质中。基于这样的理解,本发明实现上述实施例方法中的全部或部分流程,也可以通过计算机程序来指令相关的硬件来完成,所述的计算机程序可存储于一计算机可读存储介质中,该计算机程序在被处理器执行时,可实现上述各个方法实施例的步骤。其中,所述计算机程序包括计算机程序代码,所述计算机程序代码可以为源代码形式、对象代码形式、可执行文件或某些中间形式等。所述计算机可读介质可以包括:能够携带所述计算机程序代码的任何实体或装置、记录介质、U盘、移动硬盘、磁碟、光盘、计算机存储器、只读存储器(Read-Only Memory,ROM)、随机存取存储器(RandomAccess Memory,RAM)、电载波信号、电信信号以及软件分发介质等。需要说明的是,所述计算机可读介质包含的内容可以根据司法管辖区内立法和专利实践的要求进行适当的增减,例如在某些司法管辖区,根据立法和专利实践,计算机可读介质不包括电载波信号和电信信号。
以上所述实施例仅用以说明本发明的技术方案,而非对其限制;尽管参照前述实施例对本发明进行了详细的说明,本领域的普通技术人员应当理解:其依然可以对前述各实施例所记载的技术方案进行修改,或者对其中部分技术特征进行等同替换;而这些修改或者替换,并不使相应技术方案的本质脱离本发明各实施例技术方案的精神和范围,均应包含在本发明的保护范围之内。
Claims (10)
1.一种网页图片加载方法,其特征在于,包括:
获取网页中待加载的第一格式的图片,并将所述第一格式的图片转换成第二格式的图片;
获取所述第二格式的图片中的每个像素点的位置和色值以及所述第二格式的图片的像素点总数量;
根据预设的质量控制参数值和所述像素点总数量确定所述第二格式的图片中待合并的像素点数量;
根据所述待合并的像素点数量、所述每个像素点的位置和色值合并所述第二格式的图片中的相邻像素点,得到合并后的图片;
将所述合并后的图片由所述第二格式转换成所述第一格式,并在网页中加载转换成所述第一格式的合并后的图片。
2.根据权利要求1所述的网页图片加载方法,其特征在于,所述根据所述待合并的像素点数量、所述每个像素点的位置和色值合并所述第二格式的图片中的相邻像素点,得到合并后的图片,包括:
确定待合并像素点占总像素点的比例,并确定所述待合并像素点占总像素点的比例对应的预设色差阈值;
根据所述每个像素点的位置和色值计算相邻像素点的色值差;
若在所述第二格式的图片中存在目标相邻像素点,则合并所述目标相邻像素点,得到中间图片,所述目标相邻像素点的色值差小于或等于所述预设色差阈值;
若已合并的目标相邻像素点的数量小于所述待合并的像素点数量,则确定在所述中间图片中,仍需合并的像素点数量;
根据所述仍需合并的像素点数量合并所述中间图片的相邻色块,得到所述合并后的图片,其中,将具有相同色值的相邻像素点称为一个色块。
3.根据权利要求2所述的网页图片加载方法,其特征在于,所述根据所述仍需合并的像素点数量合并所述中间图片的相邻色块,得到所述合并后的图片,包括:
根据所述中间图片中的每个色块的位置和色值计算所述中间图片中的相邻色块的色值差;
按照所述中间图片中的相邻色块的色值差从小到大的顺序合并与所述仍需合并的相邻像素点数量相同的相邻色块,得到所述合并后的图片。
4.根据权利要求2所述的网页图片加载方法,其特征在于,所述确定待合并像素点占总像素点的比例,并确定所述待合并像素点占总像素点的比例对应的预设色差阈值,包括:
根据所述待合并的像素点数量和所述像素点总数量确定所述待合并像素点占总像素点的比例;或,
根据所述预设的质量控制参数值确定所述待合并像素点占总像素点的比例;
根据预存的比例与阈值的对应关系,确定所述待合并像素点占总像素点的比例对应的预设色差阈值。
5.根据权利要求2所述的网页图片加载方法,其特征在于,所述合并所述目标相邻像素点,包括:
根据所述目标相邻像素点中的每个像素点的色值确定中间色值;
将所述目标相邻像素点中的每个像素点的色值调整为所述中间色值。
6.根据权利要求1所述的网页图片加载方法,其特征在于,在所述根据所述待合并的像素点数量、所述每个像素点的位置和色值合并所述第二格式的图片中的相邻像素点,得到合并后的图片之后,还包括:
根据所述合并后的图片中的每个色块的位置和色值,计算所述合并后的图片中的相邻色块的色值差,其中,将具有相同色值的相邻像素点称为一个色块;
若在所述合并后的图片中存在目标相邻色块,则合并所述目标相邻色块,得到色块图,所述目标相邻色块的色值差小于预设阈值;
将所述色块图由所述第二格式转换成所述第一格式,并在网页中加载转换成所述第一格式的色块图。
7.一种网页图片加载系统,其特征在于,包括:
图片获取模块,用于获取网页中待加载的第一格式的图片,并将所述第一格式的图片转换成第二格式的图片;
参数获取模块,用于获取所述第二格式的图片中的每个像素点的位置和色值以及所述第二格式的图片的像素点总数量;
待合并像素点确定模块,用于根据预设的质量控制参数值和所述像素点总数量确定所述第二格式的图片中待合并的像素点数量;
合并模块,用于根据所述待合并的像素点数量、所述每个像素点的位置和色值合并所述第二格式的图片中的相邻像素点,得到合并后的图片;
图片加载模块,用于将所述合并后的图片由所述第二格式转换成所述第一格式,并在网页中加载转换成所述第一格式的合并后的图片。
8.一种终端设备,其特征在于,包括存储器、处理器以及存储在所述存储器中并可在所述处理器上运行的计算机程序,所述处理器执行所述计算机程序时实现如下步骤:
获取网页中待加载的第一格式的图片,并将所述第一格式的图片转换成第二格式的图片;
获取所述第二格式的图片中的每个像素点的位置和色值以及所述第二格式的图片的像素点总数量;
根据预设的质量控制参数值和所述像素点总数量确定所述第二格式的图片中待合并的像素点数量;
根据所述待合并的像素点数量、所述每个像素点的位置和色值合并所述第二格式的图片中的相邻像素点,得到合并后的图片;
将所述合并后的图片由所述第二格式转换成所述第一格式,并在网页中加载转换成所述第一格式的合并后的图片。
9.如权利要求8所述的终端设备,其特征在于,所述根据所述待合并的像素点数量、所述每个像素点的位置和色值合并所述第二格式的图片中的相邻像素点,得到合并后的图片,包括:
确定待合并像素点占总像素点的比例,并确定所述待合并像素点占总像素点的比例对应的预设色差阈值;
根据所述每个像素点的位置和色值计算相邻像素点的色值差;
若在所述第二格式的图片中存在目标相邻像素点,则合并所述目标相邻像素点,得到中间图片,所述目标相邻像素点的色值差小于或等于所述预设色差阈值;
若已合并的目标相邻像素点的数量小于所述待合并的像素点数量,则确定在所述中间图片中,仍需合并的像素点数量;
根据所述仍需合并的像素点数量合并所述中间图片的相邻色块,得到所述合并后的图片,其中,将具有相同色值的相邻像素点称为一个色块。
10.一种计算机可读存储介质,所述计算机可读存储介质存储有计算机程序,其特征在于,所述计算机程序被处理器执行时实现如权利要求1至6任一项所述网页图片加载方法的步骤。
Priority Applications (1)
Application Number | Priority Date | Filing Date | Title |
---|---|---|---|
CN201811529039.7A CN109783746A (zh) | 2018-12-14 | 2018-12-14 | 网页图片加载方法及终端设备 |
Applications Claiming Priority (1)
Application Number | Priority Date | Filing Date | Title |
---|---|---|---|
CN201811529039.7A CN109783746A (zh) | 2018-12-14 | 2018-12-14 | 网页图片加载方法及终端设备 |
Publications (1)
Publication Number | Publication Date |
---|---|
CN109783746A true CN109783746A (zh) | 2019-05-21 |
Family
ID=66496188
Family Applications (1)
Application Number | Title | Priority Date | Filing Date |
---|---|---|---|
CN201811529039.7A Pending CN109783746A (zh) | 2018-12-14 | 2018-12-14 | 网页图片加载方法及终端设备 |
Country Status (1)
Country | Link |
---|---|
CN (1) | CN109783746A (zh) |
Citations (3)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
CN102831182A (zh) * | 2012-07-31 | 2012-12-19 | 北京天神互动科技有限公司 | 一种网页资源数据实时加载系统及方法 |
WO2018040342A1 (zh) * | 2016-08-31 | 2018-03-08 | 百度在线网络技术(北京)有限公司 | 用于识别图像中文字区域的方法和装置 |
CN107832359A (zh) * | 2017-10-24 | 2018-03-23 | 杭州群核信息技术有限公司 | 一种图片检索方法及系统 |
-
2018
- 2018-12-14 CN CN201811529039.7A patent/CN109783746A/zh active Pending
Patent Citations (3)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
CN102831182A (zh) * | 2012-07-31 | 2012-12-19 | 北京天神互动科技有限公司 | 一种网页资源数据实时加载系统及方法 |
WO2018040342A1 (zh) * | 2016-08-31 | 2018-03-08 | 百度在线网络技术(北京)有限公司 | 用于识别图像中文字区域的方法和装置 |
CN107832359A (zh) * | 2017-10-24 | 2018-03-23 | 杭州群核信息技术有限公司 | 一种图片检索方法及系统 |
Similar Documents
Publication | Publication Date | Title |
---|---|---|
CN109448089A (zh) | 一种渲染方法及装置 | |
CN110473242A (zh) | 一种纹理特征提取方法、纹理特征提取装置及终端设备 | |
CN110414149A (zh) | 一种基于AutoCAD图元图纸的解析方法及系统 | |
CN103778900B (zh) | 一种图像处理方法及系统 | |
CN109309826A (zh) | 一种图像色彩均衡方法及终端 | |
CN108337496A (zh) | 白平衡处理方法、处理装置、处理设备及存储介质 | |
CN105023234B (zh) | 基于嵌入式系统存储优化的图形加速方法 | |
CN105574808B (zh) | 一种流水线纹理贴图单元系统 | |
WO2016040716A1 (en) | Render-time linking of shaders | |
CN109472847A (zh) | 一种图片处理方法、系统及终端设备 | |
CN109949395A (zh) | 热力图渲染方法及装置 | |
CN110119733A (zh) | 书页识别方法及装置、终端设备、计算机可读存储介质 | |
CN102004974B (zh) | 流程展现方法和装置 | |
US20230074060A1 (en) | Artificial-intelligence-based image processing method and apparatus, electronic device, computer-readable storage medium, and computer program product | |
CN110070515A (zh) | 图像合成方法、装置和计算机可读存储介质 | |
CN110070495A (zh) | 图像的处理方法、装置和电子设备 | |
CN109887063B (zh) | 三维空间中虚拟流体的实现方法、装置、介质及电子设备 | |
CN103686110A (zh) | 一种rgb转rgbw的方法及装置 | |
CN109783746A (zh) | 网页图片加载方法及终端设备 | |
CN116453470B (zh) | 图像显示方法、装置、电子设备及计算机可读存储介质 | |
CN110070482A (zh) | 图像处理方法、装置和计算机可读存储介质 | |
CN111553962A (zh) | 一种图表显示方法、系统及显示设备 | |
CN104765599A (zh) | 一种终端 | |
WO2023169121A1 (zh) | 图像处理方法、游戏渲染方法、装置、设备、程序产品及存储介质 | |
US8203567B2 (en) | Graphics processing method and apparatus implementing window system |
Legal Events
Date | Code | Title | Description |
---|---|---|---|
PB01 | Publication | ||
PB01 | Publication | ||
SE01 | Entry into force of request for substantive examination | ||
SE01 | Entry into force of request for substantive examination |