CN106886549A - 一种网络图片的加载方法、装置和系统 - Google Patents
一种网络图片的加载方法、装置和系统 Download PDFInfo
- Publication number
- CN106886549A CN106886549A CN201610780851.1A CN201610780851A CN106886549A CN 106886549 A CN106886549 A CN 106886549A CN 201610780851 A CN201610780851 A CN 201610780851A CN 106886549 A CN106886549 A CN 106886549A
- Authority
- CN
- China
- Prior art keywords
- data block
- data
- network picture
- image data
- picture
- 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 39
- 238000000034 method Methods 0.000 claims abstract description 44
- 230000009467 reduction Effects 0.000 claims abstract description 24
- 238000001228 spectrum Methods 0.000 claims description 39
- 238000006243 chemical reaction Methods 0.000 claims description 23
- 238000011084 recovery Methods 0.000 claims description 12
- 238000000926 separation method Methods 0.000 claims description 10
- 230000009466 transformation Effects 0.000 description 13
- 238000003860 storage Methods 0.000 description 12
- 230000008569 process Effects 0.000 description 10
- 238000004590 computer program Methods 0.000 description 9
- 238000010586 diagram Methods 0.000 description 8
- 230000002045 lasting effect Effects 0.000 description 6
- 238000012545 processing Methods 0.000 description 6
- 230000000694 effects Effects 0.000 description 4
- 230000006870 function Effects 0.000 description 4
- 230000003287 optical effect Effects 0.000 description 4
- 230000011218 segmentation Effects 0.000 description 4
- 238000005516 engineering process Methods 0.000 description 3
- 230000005540 biological transmission Effects 0.000 description 2
- 230000009977 dual effect Effects 0.000 description 2
- 238000003306 harvesting Methods 0.000 description 2
- 238000012986 modification Methods 0.000 description 2
- 230000004048 modification Effects 0.000 description 2
- 230000006399 behavior Effects 0.000 description 1
- 230000009286 beneficial effect Effects 0.000 description 1
- 230000008901 benefit Effects 0.000 description 1
- 230000015572 biosynthetic process Effects 0.000 description 1
- 238000004422 calculation algorithm Methods 0.000 description 1
- 238000004364 calculation method Methods 0.000 description 1
- 230000008859 change Effects 0.000 description 1
- 238000007796 conventional method Methods 0.000 description 1
- 238000005520 cutting process Methods 0.000 description 1
- 238000011161 development Methods 0.000 description 1
- 230000018109 developmental process Effects 0.000 description 1
- 239000000284 extract Substances 0.000 description 1
- 238000003780 insertion Methods 0.000 description 1
- 230000037431 insertion Effects 0.000 description 1
- 230000014759 maintenance of location Effects 0.000 description 1
- 238000004519 manufacturing process Methods 0.000 description 1
- 239000000203 mixture Substances 0.000 description 1
- 238000011017 operating method Methods 0.000 description 1
- 230000003068 static effect Effects 0.000 description 1
- 238000012546 transfer Methods 0.000 description 1
- 230000007704 transition Effects 0.000 description 1
Classifications
-
- G—PHYSICS
- G06—COMPUTING; CALCULATING OR COUNTING
- G06F—ELECTRIC DIGITAL DATA PROCESSING
- G06F16/00—Information retrieval; Database structures therefor; File system structures therefor
-
- G—PHYSICS
- G06—COMPUTING; CALCULATING OR COUNTING
- G06F—ELECTRIC DIGITAL DATA PROCESSING
- G06F16/00—Information retrieval; Database structures therefor; File system structures therefor
- G06F16/90—Details of database functions independent of the retrieved data types
- G06F16/95—Retrieval from the web
- G06F16/957—Browsing optimisation, e.g. caching or content distillation
- G06F16/9577—Optimising the visualization of content, e.g. distillation of HTML documents
-
- G—PHYSICS
- G06—COMPUTING; CALCULATING OR COUNTING
- G06F—ELECTRIC DIGITAL DATA PROCESSING
- G06F16/00—Information retrieval; Database structures therefor; File system structures therefor
- G06F16/90—Details of database functions independent of the retrieved data types
- G06F16/95—Retrieval from the web
- G06F16/957—Browsing optimisation, e.g. caching or content distillation
- G06F16/9574—Browsing optimisation, e.g. caching or content distillation of access to content, e.g. by caching
Landscapes
- Engineering & Computer Science (AREA)
- Theoretical Computer Science (AREA)
- Databases & Information Systems (AREA)
- Data Mining & Analysis (AREA)
- Physics & Mathematics (AREA)
- General Engineering & Computer Science (AREA)
- General Physics & Mathematics (AREA)
- Information Transfer Between Computers (AREA)
Abstract
本申请公开了一种网络图片的加载方法,用于提高网络图片的显示速度,该方法包括:接收网络服务器发送的网络图片的数据块,所述网络图片包含至少两个数据块,所述数据块为根据所述网络图片的图片数据生成得到的;将已接收到的数据块还原为所述网络图片的相应图片数据;将还原的图片数据加载到显示页面进行显示。本申请还公开了一种网络图片的加载装置和系统、另一种网络图片的加载方法和装置。
Description
技术领域
本申请涉及数字图像处理技术领域,尤其涉及一种网络图片的加载方法、装置和系统
背景技术
随着网页技术的发展,网页中所包含的信息量越来越大,图片在网页中所占的比重也越来也大,然而图片与网页中的其它文本信息相比其数据量较大,尤其是一些高质量的大图片。此外,用户在使用数据流量网络浏览图片时,由于基站数量、终端所处位置的影响,信号强度差别较大,可能一些地方数据网络信号比较强,有些地方信号就很弱。基于图片的数据量大以及终端网络速度慢的双重制约,图片通过网络传输到终端的时间通常会比较长,此时,用户需要在页面上等待很长时间才能看到图片内容。
对于商品展示页面,页面上的商品图片加载速度能够在很大程度影响用户是否留在这个页面继续浏览,如果商品图片不能快速展示,则很有可能会丧失潜在用户。针对这一问题,目前一种较为常见的方法是预先加载一张与商品图片无关的LOGO图片,同时接收商品图片的图片数据,等待图片数据接收完之后再显示商品图片。由于LOGO图片与商品本身并无任何关联,这样会可能导致用户在一个无用的页面停留过多时间,未在商品图片显示之前已经离开该页面,同样会加大用户流失的机会。因此有必要提供一种网络图片的加载方法,在不改变图片数据量大小以及网络传输速度的前提下尽可能快速地显示出网络图片的图片内容。
发明内容
本申请实施例提供一种网络图片的加载方法、装置和系统,用于提高网络图片的显示速度。
为实现上述目的,本申请实施例提供一种网络图片的加载方法,所述方法包括:接收网络服务器发送的网络图片的数据块,所述网络图片包含至少两个数据块,所述数据块为根据所述网络图片的图片数据生成得到的;将已接收到的数据块还原为所述网络图片的相应图片数据;将还原的图片数据加载到显示页面进行显示。
优选地,根据所述网络图片的图片数据生成得到数据块,包括:将所述网络图片的图片数据进行频谱变换;根据频谱变换之后的频谱数据的频率高低形成所述数据块,其中,不同的频率区间对应不同的数据块。
优选地,所述网络图片包含的数据块为N块,则所述将已接收到的数据块还原为所述网络图片的相应图片数据,将还原的图片数据加载到显示页面进行显示,包括:当接收到第i个数据块时,将第i个数据块及已接收的第i个之前的数据块还原为网络图片的相应图片数据,将还原的图片数据加载到显示页面进行显示,其中,1≤i≤N。
优选地,所述N为3,当i为1时,第i个数据块为低频数据块,当i为2时,第i个数据块为中频数据块,当i为3时,第i个数据块为高频数据块;则当接收到第i个数据块时,将第i个数据块及已接收的第i个之前的数据块还原为网络图片的相应图片数据,将还原的图片数据加载到显示页面进行显示,具体包括:当接收到低频数据块时,将低频数据块还原为网络图片的相应图片数据,将还原的图片数据加载到显示页面进行显示;当接收到中频数据块时,将低频数据块以及中频数据块还原为网络图片的相应图片数据,将还原的图片数据加载到显示页面进行显示;当接收到高频数据块时,将低频数据块、中频数据块以及高频数据块还原为网络图片的相应图片数据,将还原的图片数据加载到显示页面进行显示。
优选地,所述数据块尾部具有结束标识,则当接收到结束标识符时,确定接收到所述数据块。
优选地,所述至少两个数据块的数量根据组成所述网络图片的图片数据的数据量确定。
为实现上述目的,本申请实施例提供一种网络图片的加载方法,所述方法包括:接收网络服务器发送的网络图片的数据块,所述网络图片包含至少两个数据块,所述数据块是对所述网络图片的图片数据进行划分得到的;将已接收到的数据块确定为待加载的图片数据;将待加载的图片数据加载到显示页面进行显示。
为实现上述目的,本申请实施例提供一种网络图片的加载装置,所述装置包括接收模块、还原模块和加载模块,其中:所述接收模块,接收网络服务器发送的网络图片的数据块,所述网络图片包含至少两个数据块,所述数据块为根据所述网络图片的图片数据生成得到的;所述还原模块,将已接收到的数据块还原为所述网络图片的相应图片数据;所述加载模块,将还原的图片数据加载到显示页面进行显示。
优选地,所述接收模块接收的所述数据块为根据所述网络图片的图片数据生成得到,其中:所述数据块是将所述网络图片的图片数据进行频谱变换;根据频谱变换之后的频谱数据的频率高低形成,其中,不同的频率区间对应不同的数据块。
优选地,所述网络图片包含的数据块为N块,则所述还原模块将已接收到的数据块还原为所述网络图片的相应图片数据,以及,所述加载模块将还原的图片数据加载到显示页面进行显示,包括:当接收到第i个数据块时,所述还原模块将第i个数据块及已接收的第i个之前的数据块还原为网络图片的相应图片数据,所述加载模块将还原的图片数据加载到显示页面进行显示,其中,1≤i≤N。
为实现上述目的,本申请实施例提供一种网络图片的加载系统,所述系统包括网络服务器和客户端,其中:所述网络服务器,向客户端发送网络图片的数据块,所述网络图片包含至少两个数据块,所述数据块为根据所述网络图片的图片数据生成得到的;所述客户端将已接收到的数据块还原为所述网络图片的相应图片数据;以及,将还原的图片数据加载到显示页面进行显示。
优选地,所述网络服务器中具体包括有数据块生成模块,其中,所述数据块生成模块,将所述网络图片的图片数据进行频谱变换;根据频谱变换之后的频谱数据的频率高低形成所述数据块,其中,不同的频率区间对应不同的数据块。
为实现上述目的,本申请实施例提供一种网络图片的加载装置,所述装置包括接收模块、确定模块和加载模块,其中:所述接收模块,接收网络服务器发送的网络图片的数据块,所述网络图片包含至少两个数据块,所述数据块是对所述网络图片的图片数据进行划分得到的;所述确定模块,将已接收到的数据块确定为待加载的图片数据;所述加载模块,将待加载的图片数据加载到显示页面进行显示。
本申请实施例采用的上述至少一个技术方案能够达到以下有益效果:接收的网络图片的数据块为根据网络图片的图片数据生成得到,网络图片包含至少两个数据块,因此客户端在持续接收网络服务器发送的数据块时可以分步显示网络图片,快速地显示网络图片的局部图片内容,等所有的数据块接收完成时再显示完整的网络图片,从而提高了网络图片的显示速度。
附图说明
此处所说明的附图用来提供对本申请的进一步理解,构成本申请的一部分,本申请的示意性实施例及其说明用于解释本申请,并不构成对本申请的不当限定。在附图中:
图1为本申请实施例1提供的网络图片的加载方法的实现流程示意图;
图2为本申请实施例2提供的网络图片的加载方法的实施实例流程示意图;
图3为本申请实施例3提供的网络图片的加载系统的工作流程示意图;
图4为本申请实施例4提供的网络图片的加载方法的流程示意图;
图5为本申请实施例5提供的网络图片的加载装置的结构示意图;
图6为本申请实施例6提供的网络图片的加载系统的结构示意图;
图7为本申请实施例7提供的网络图片的加载装置的结构示意图。
具体实施方式
为使本申请的目的、技术方案和优点更加清楚,下面将结合本申请具体实施例及相应的附图对本申请技术方案进行清楚、完整地描述。显然,所描述的实施例仅是本申请一部分实施例,而不是全部的实施例。基于本申请中的实施例,本领域普通技术人员在没有做出创造性劳动前提下所获得的所有其他实施例,都属于本申请保护的范围。
如前所述,用户在网页上浏览网络图片(简称图片)时,通常是直接从网站服务器接收图片数据且接收完才显示出来,以下实施例中提到的图片数据可以为图片中包含每个像素点的RGB强度及位置的相关数据。由于图片数据大及终端网络速度慢的双重制约,通常用户需要在页面上等待很长时间才能看到该图片内容。如果在包含多个图片的页面中,每一个图片都在图片数据完全接收完之后在显示出来,则用户在浏览该包含多个图片的页面时,需要等待很长时间才能显示出该图片内容。
实施例1
为解决上述技术问题,本申请实施例1提供一种网络图片的加载方法,用于提高网络图片的显示速度。该方法的具体流程示意图如图1所示,包括下述步骤:
步骤S11:接收网络服务器发送的网络图片的数据块,所述网络图片包含至少两个数据块,所述数据块为根据所述网络图片的图片数据生成得到的。
该步骤中接收的数据块可以是对组成网络图片的图片数据经过傅里叶变换、小波变换等算法运算后、对运算后的数据进行处理得到的,且数据块的数量为至少两个。
另外,该步骤的执行主体可以是与上述网络服务器(简称服务器)相对应的客户端,例如网页浏览器,即时通信软件等,如果执行主体为网页浏览器,在步骤S11之前当然还可以向服务器发送包含有接收数据块的请求。此外,该步骤中提到的网络图片以及组成网络图片的图片数据,可以是针对网页中一个待显示的图片而言,网页中有多个待显示的图片时,可以对每一个待显示的图片分别执行该实施例1提供的操作方法。
步骤S12:将已接收到的数据块还原为所述网络图片的相应图片数据。
已接收到的数据块,可以为上述至少两个数据块中的一个,两个,……,或者是网络图片包含的全部的数据块,具体地,已接收到的数据块可以是当前时刻所有的、已经接收到的所述网络图片的数据块。
将已接收到的数据块还原为所述网络图片的相应图片数据时,如果利用傅里叶变换将图片数据变换到频域形成频谱数据,对频谱数据按照频率值的排序分割得到上述数据块时,该步骤则可以对已接收到的单个数据块,或者是已接收到的多个数据块的组合进行傅里叶反变换,进而得到所述网络图片的相应图片数据。
在确定单独的一个数据块是否接收完成时,可以通过读取结束标识的方法,根据读取结果判断接收数据块的过程中单个数据块是否接收完成。例如读取到一个结束标识,表明有一个数据块接收完成,其中所述数据块的结束位置存在有结束标识,以便判断数据块是否接收完成。此外,每当接收到一个数据块时,还可以将该数据块缓存起来,以便后续步骤中使用到该数据块时方便读取。上述数据块的总量是一定的,每个数据块的尾部插入有结束标识,根据读取到的结束标识的总个数还可以确定上述的至少两个数据块是否全部接收完成。
步骤S13:将还原的图片数据加载到显示页面进行显示。
无论是对于上述的至少两个数据块中的全部数据块,还是对于单独的一个数据块中包含的数据而言,步骤S11的接收过程均是一个持续的过程,在该步骤中的显示过程则体现为:每接收完一个数据块,则可以表现为一次显示过程的改变,直至最终接收完所有的数据块并显示完整的图片内容。例如一共有三个数据块,接收到第一个数据块时则可以显示与该数据块对应的图片内容;接收到第二个数据块时,显示与第一数据块和第二数据块的组合相对应的图片内容;接收到第三个数据块时,则显示与所有数据块组合对应的图片内容。
采用实施例1提供的该方法,接收的网络图片的数据块为根据网络图片的图片数据生成得到,网络图片包含至少两个数据块,因此客户端在持续接收网络服务器发送的数据块时可以分步显示网络图片,快速地显示网络图片的局部图片内容,等所有的数据块接收完成时再显示完整的网络图片,从而提高了网络图片的显示速度。
采用实施例1提供的方法应用在商品展示页面时,由于商品的信息主要是通过图片传达给用户,用户通过浏览图片而了解商品时,对于一些商品,用户侧重关心商品的外观结构,而这些外观结构通过商品图片的大致轮廓信息即能展现给用户;另外,从用户通过图片了解商品的角度而言,用户会首先关心商品的大致外观轮廓,其次才是局部的细节内容,在这种情况下,对于实施例1中所提到的数据块的生成过程如下:
将组成所述网络图片的图片数据进行频谱变换后,根据频谱变换之后的频谱数据的频率高低形成所述数据块,其中,不同的频率区间对应不同的数据块。此时,步骤S11中的接收数据块的顺序可以为:依次接收从小到大的所述频率值的区间顺序所对应的数据块。
例如网络服务器利用傅里叶变换将图片中提取出的图片数据变换到频域构成频谱数据,进而根据频谱数据的频率值从低到高顺序将频谱数据分为不同的数据块,例如分割为低频数据块、中频数据块和高频数据块三个数据块,具体分割时可以采用低通滤波、高通滤波等相关技术。则客户端在接收数据块时,可以首先接收低频数据块,然后接收中频数据块,最后接收高频数据块。
此时在实施例1的步骤S12中将已接收到的数据块还原为所述网络图片的相应图片数据时,例如数据块为傅里叶变换之后的图片数据分割得到,此处还原图片数据时可以利用傅里叶反变换对已接收到的数据块进行操作;数据块为小波变换之后的图片数据分割得到,此处还原图片数据时可以利用小波变换的反变换对已接收到的数据块进行操作。
由于低频数据块能够体现图片的大致轮廓信息,高频数据块体现图片的具体细节信息以及边缘信息,这样在客户端的网页上则可以体现出首先显示出图片的轮廓信息,然后按照数据块的个数分阶段逐渐由模糊到清晰,最后显示出完整的图片信息。
通过上述方式的实现,由于接收完成全部的数据块时的时间和现有技术中接收图片的图片数据时间的时间差可以忽略不计,因此在客户端的网页页面上则体现为:同样的接收时间,现有技术中则为上述接收时间走完之后才能显示出图片内容,而采用本方案则可以逐步显示,例如先显示图片的轮廓信息,逐步显示细节信息,等全部接收完之后显示完整的图片内容。
如前所述,在商品展示页面时,由于商品的信息主要是通过商品的图片传达给用户,商品的图片的显示速度能够在一定程度上影响用户是否留在这个页面继续浏览,如果商品图片不能快速展示,很有可能会丧失潜在用户。采用本申请实施例1提供的方法,则可以对图片内容逐步显示,先显示图片的轮廓信息,逐步显示细节信息,等全部接收完之后显示完整的图片内容,从而提高了图片的显示速度,不仅提升了用户体验,而且在一定程度上能够保留甚至是吸引更多的潜在客户。
实施例1提供的网络图片的加载的方法,不仅可以利用在网页上的图片显示,实际上,只要是具有网络图片显示功能的应用程序上均可,例如在即时通信的聊天窗口接收并显示好友发送的图片。当实施例1提供的方法利用在网页上的图片显示时,在步骤S11之前,还可以包括以下步骤:向服务器发送包含接收数据块的请求。
实施例1提到将已接收到的数据块还原为所述网络图片的相应图片数据,将还原的图片数据加载到显示页面进行显示,当所述网络图片包含的数据块为N块,则上述步骤可以为:当接收到第i个数据块时,将第i个数据块及已接收的第i个之前的数据块还原为网络图片的相应图片数据,将还原的图片数据加载到显示页面进行显示,其中,1≤i≤N。当i为1时,即接收第1个数据块之前没有接收有数据块,则直接将第1个数据块还原为网络图片的相应图片数据;当i为2时,即接收第2个数据块之前接收有第1个数据块,则直接将第1个数据块和第2个数据块的组合还原为网络图片的相应图片数据;后续接收到数据块时以此类推,直至接收到第N个数据块时,将第1个数据块、第2个数据块、……、第N个数据块的组合还原为网络图片的相应图片数据。
实施例1提到数据块的数量至少为两个(包括两个),所述至少两个数据块的数量根据组成所述网络图片的图片数据的数据量确定。当然服务器中存储有对应的规则,例如将图片的数据量小于1M时分为两个数据块,将图片的数据量大于1M小于3M时分为三个数据块,将图片的数据量大于3M时分为四个数据块等等。
实施例2
为更透切地描述本申请提供的网络图片的加载方法,下面以一个具体的实施实例进行说明,如图2所示。在实施例2的步骤执行之前,服务器端将原始的图片数据进行傅里叶变换,根据傅里叶变换之后的频谱数据的频率值的排序将所述频谱数据进行分割为低频数据块,中频数据块和高频数据块,其中,低频数据块对应低频率的频谱数据,中频数据块对应中频率的频谱数据,高频数据块对应于高频率的频谱数据。
客户端接收数据块的接收顺序为依次接收从小到大的所述频率值区间所对应的数据块,即首先接收低频数据块,然后接收中频数据块,最后接收高频数据块,每个数据块的结尾都会有结束符以在接收数据块时判断一个数据块是否接收完成。当服务器向客户端发送数据块时,客户端将持续接收数据,并实时读取接收到的数据。该实施例中提到的结束符的作用与实施例1中的提到的结束标识相同。
当客户端读取到低频数据块结束符后,说明低频数据块已经接收完毕,从而将其缓存下来,便于与后续的中频数据块,高频数据块拼接,然后将其进行傅里叶反变换,从而还原为所述网络图片的相应图片数据,最后加载到显示页面进行显示,此时只是显示图片内容的大致轮廓。如果客户端未读取到低频数据块结束符,则说明低频数据块数据还未接收完成,此时将继续读取接收到的数据。
当客户端继续读取到中频数据块结束符后,说明中频数据块也已经接收完毕,从而将中频数据块缓存,便于与后续的高频数据块拼接。然后把中频数据块和低频数据块拼接后进行傅里叶反变换,加载反变换之后的数据以显示图片,此时显示的图片包含更多的图片部分细节。
当客户端继续读取到高频数据块结束符后,说明高频数据块也已经接收完毕,这时,将低频、中频、高频数据拼接后进行傅里叶反变换,最后加载反变换之后的数据形成可显示图片并显示,此时则显示完整的图片内容。
采用实施例2提供的该方法,客户端在持续接收服务器发送的数据块时可以分步加载并显示图片,快速地显示图片的轮廓信息,然后显示图片的部分细节信息,最后等所有的数据块接收完成时再显示完整图片。
实施例3
在上述实施例2中,服务器中的原始网络图片的来源可以是由服务器利用网络爬虫在网络上收集得到,也可以是由其它的客户端上传得到。当服务器中的图片来源为其他客户端上传得到时,本申请实施例还提供一种网络图片显示系统。如图3所示,该系统包括有第一客户端,第二客户端以及服务器。该系统的工作原理为:
第一客户端上传图片并由服务器接收,服务器对接收到的图片进行数据提取操作,并将提取出的图片数据进行频谱变换,根据频谱变换之后的频谱数据的频率值的排序将所述频谱数据进行分割为低频数据块,中频数据块及高频数据块,不同的频率区间对应不同的数据块,并且在每个数据块的结尾位置插入结束符,同时将包含结束符的三个数据块组成一个文件,等待第二客户端请求数据。
第二客户端向服务器请求数据时,这时服务器向第二客户端将发送数据,此处的数据包括上述数据块以及结束符,当第二客户端读取完毕低频数据块后,即将低频数据块缓存并反变换转化为可显示的图片,此处将已接收到的数据块还原为所述网络图片的相应图片数据的操作,即上述频谱变换的反变换,以下类同,此时会显示图片的大致轮廓信息;当读取完中频数据块后,将低频与中频数据块拼接反变换转化为可显示的图片,并缓存中频数据块,由于中频数据块包含更多的细节,所以图片会更加清晰;当读取完高频数据块后,将低频、中频及高频数据块拼接反变换转化为可显示的图片并进行显示,至此,完整图片显示完毕。
采用实施例3提供的该方法,第二客户端在持续接收服务器发送的数据块时可以分步加载并显示图片,快速地显示图片的轮廓信息,然后显示图片的部分细节信息,最后等所有的数据块接收完成时再显示完整图片。
实施例4
基于相同的发明构思,实施例4提供了一种网络图片的加载方法,用于提高网络图片的显示速度,如图4所示,该方法包括以下几个步骤:
步骤S41:接收网络服务器发送的网络图片的数据块,所述网络图片包含至少两个数据块,所述数据块是对所述网络图片的图片数据进行划分得到的;
该实施例中的数据块可以是直接对组成所述网络图片的图片数据进行分割得到。
例如当所述网络图片为位图时,将位图分割为长度与原始图片相等,宽度为原始图片宽度的1/N的N个子图片,N为正整数,每一个子图片对应一个数据块。
又例如,以像素为单位,尺寸为1024×768的原图片,可以将其按左右顺序均分为两个512×768的子图片,每一个子图片对应一个数据块而将图片数据分割为两个数据块,且每个数据块分别对应于原图片上不同的位置的图片内容;或按上下左右顺序分为四个512×384的子图片,每一个子图片对应一个数据块而将图片数据分割为四个数据块,且每个数据块分别对应于原图片上不同的位置的图片内容。
当所述网络图片为矢量图时,将矢量图分割为不同的几个子图片,每一个子图片对应一个数据块,且每个数据块分别对应于原图片上不同的位置的图片内容。
步骤S42:将已接收到的数据块确定为待加载的图片数据;
步骤S41的接收过程是一个持续的过程,因此,当收完第一个数据块,则可以将第一个数据块确定为待加载的图片数据;当接收完第二个数据块,则可以将第一个数据块和第二个数据块组合确定为待加载的图片数据……直至接收完网络图片包括的全部数据块。
步骤S43:将待加载的图片数据加载到显示页面进行显示。
这样客户端在接收到一个数据块时,即可显示出包含所有接收到的数据块的图片内容。在客户端上则体现为,对图块分区域并逐步进行显示,等所有的数据块接收完成时显示完整的图片内容。
实施例5
基于相同的发明构思,实施例5提供了一种网络图片的加载装置,用于提高网络图片的显示速度。如图5所示,该装置包括:接收模块51、还原模块52和加载模块53,其中:
所述接收模块51,可以用于接收网络服务器发送的网络图片的数据块,所述网络图片包含至少两个数据块,所述数据块为根据所述网络图片的图片数据生成得到的;
所述还原模块52,可以用于将已接收到的数据块还原为所述网络图片的相应图片数据;
所述加载模块53,可以用于将还原的图片数据加载到显示页面进行显示。
采用实施例5提供的该装置能够达到与实施例1相同或者类似的技术效果,在此不再赘述。
另外,所述接收模块51接收的所述数据块为根据所述网络图片的图片数据生成得到,其中:所述数据块是将所述网络图片的图片数据进行频谱变换;根据频谱变换之后的频谱数据的频率高低形成,其中,不同的频率区间对应不同的数据块。
另外,所述网络图片包含的数据块为N块时,则所述还原模块52将已接收到的数据块还原为所述网络图片的相应图片数据,以及,所述加载模块53将还原的图片数据加载到显示页面进行显示,包括:当接收到第i个数据块时,所述还原模块52将第i个数据块及已接收的第i个之前的数据块还原为网络图片的相应图片数据,所述加载模块53将还原的图片数据加载到显示页面进行显示,其中,1≤i≤N。
实施例6
基于相同的发明构思,实施例6提供了一种网络图片的加载系统,用于提高网络图片的显示速度。如图6所示,所述系统包括网络服务器61和客户端62,其中:
所述网络服务器61,可以用于向客户端发送网络图片的数据块,所述网络图片包含至少两个数据块,所述数据块为根据所述网络图片的图片数据生成得到的;
所述客户端62,可以用于将已接收到的数据块还原为所述网络图片的相应图片数据;以及,
将还原的图片数据加载到显示页面进行显示。
采用实施例6提供的该系统能够达到与实施例3相同或者类似的技术效果,在此不再赘述。
可选地,网络服务器61中具体还可以包括有数据块生成模块,其中,所述数据块生成模块,可以用于将所述网络图片的图片数据进行频谱变换;根据频谱变换之后的频谱数据的频率高低形成所述数据块,其中,不同的频率区间对应不同的数据块。
实施例7
基于相同的发明构思,实施例7提供了一种网络图片的加载装置,用于提高网络图片的显示速度。如图7所示,该装置包括:接收模块71、确定模块72和加载模块73,其中:
所述接收模块71,可以用于接收网络服务器发送的网络图片的数据块,所述网络图片包含至少两个数据块,所述数据块是对所述网络图片的图片数据进行划分得到的;
所述确定模块72,可以用于将已接收到的数据块确定为待加载的图片数据;
所述加载模块73,可以用于将待加载的图片数据加载到显示页面进行显示。
采用实施例7提供的该装置能够达到与实施例4相同或者类似的技术效果,在此不再赘述。
本领域内的技术人员应明白,本申请的实施例可提供为方法、系统、或计算机程序产品。因此,本申请可采用完全硬件实施例、完全软件实施例、或结合软件和硬件方面的实施例的形式。而且,本申请可采用在一个或多个其中包含有计算机可用程序代码的计算机可用存储介质(包括但不限于磁盘存储器、CD-ROM、光学存储器等)上实施的计算机程序产品的形式。
本申请是参照根据本申请实施例的方法、设备(系统)、和计算机程序产品的流程图和/或方框图来描述的。应理解可由计算机程序指令实现流程图和/或方框图中的每一流程和/或方框、以及流程图和/或方框图中的流程和/或方框的结合。可提供这些计算机程序指令到通用计算机、专用计算机、嵌入式处理机或其他可编程数据处理设备的处理器以产生一个机器,使得通过计算机或其他可编程数据处理设备的处理器执行的指令产生用于实现在流程图一个流程或多个流程和/或方框图一个方框或多个方框中指定的功能的装置。
这些计算机程序指令也可存储在能引导计算机或其他可编程数据处理设备以特定方式工作的计算机可读存储器中,使得存储在该计算机可读存储器中的指令产生包括指令装置的制造品,该指令装置实现在流程图一个流程或多个流程和/或方框图一个方框或多个方框中指定的功能。
这些计算机程序指令也可装载到计算机或其他可编程数据处理设备上,使得在计算机或其他可编程设备上执行一系列操作步骤以产生计算机实现的处理,从而在计算机或其他可编程设备上执行的指令提供用于实现在流程图一个流程或多个流程和/或方框图一个方框或多个方框中指定的功能的步骤。
在一个典型的配置中,计算设备包括一个或多个处理器(CPU)、输入/输出接口、网络接口和内存。
内存可能包括计算机可读介质中的非永久性存储器,随机存取存储器(RAM)和/或非易失性内存等形式,如只读存储器(ROM)或闪存(flash RAM)。内存是计算机可读介质的示例。
计算机可读介质包括永久性和非永久性、可移动和非可移动媒体可以由任何方法或技术来实现信息存储。信息可以是计算机可读指令、数据结构、程序的模块或其他数据。计算机的存储介质的例子包括,但不限于相变内存(PRAM)、静态随机存取存储器(SRAM)、动态随机存取存储器(DRAM)、其他类型的随机存取存储器(RAM)、只读存储器(ROM)、电可擦除可编程只读存储器(EEPROM)、快闪记忆体或其他内存技术、只读光盘只读存储器(CD-ROM)、数字多功能光盘(DVD)或其他光学存储、磁盒式磁带,磁带磁磁盘存储或其他磁性存储设备或任何其他非传输介质,可用于存储可以被计算设备访问的信息。按照本文中的界定,计算机可读介质不包括暂存电脑可读媒体(transitory media),如调制的数据信号和载波。
还需要说明的是,术语“包括”、“包含”或者其任何其他变体意在涵盖非排他性的包含,从而使得包括一系列要素的过程、方法、商品或者设备不仅包括那些要素,而且还包括没有明确列出的其他要素,或者是还包括为这种过程、方法、商品或者设备所固有的要素。在没有更多限制的情况下,由语句“包括一个……”限定的要素,并不排除在包括要素的过程、方法、商品或者设备中还存在另外的相同要素。
本领域技术人员应明白,本申请的实施例可提供为方法、系统或计算机程序产品。因此,本申请可采用完全硬件实施例、完全软件实施例或结合软件和硬件方面的实施例的形式。而且,本申请可采用在一个或多个其中包含有计算机可用程序代码的计算机可用存储介质(包括但不限于磁盘存储器、CD-ROM、光学存储器等)上实施的计算机程序产品的形式。
以上仅为本申请的实施例而已,并不用于限制本申请。对于本领域技术人员来说,本申请可以有各种更改和变化。凡在本申请的精神和原理之内所作的任何修改、等同替换、改进等,均应包含在本申请的权利要求范围之内。
Claims (13)
1.一种网络图片的加载方法,其特征在于,所述方法包括:
接收网络服务器发送的网络图片的数据块,所述网络图片包含至少两个数据块,所述数据块为根据所述网络图片的图片数据生成得到的;
将已接收到的数据块还原为所述网络图片的相应图片数据;
将还原的图片数据加载到显示页面进行显示。
2.根据权利要求1所述的方法,其特征在于,根据所述网络图片的图片数据生成得到数据块,包括:
将所述网络图片的图片数据进行频谱变换;
根据频谱变换之后的频谱数据的频率高低形成所述数据块,其中,不同的频率区间对应不同的数据块。
3.根据权利要求2所述的方法,其特征在于,所述网络图片包含的数据块为N块,则所述将已接收到的数据块还原为所述网络图片的相应图片数据,将还原的图片数据加载到显示页面进行显示,包括:
当接收到第i个数据块时,将第i个数据块及已接收的第i个之前的数据块还原为网络图片的相应图片数据,将还原的图片数据加载到显示页面进行显示,其中,1≤i≤N。
4.根据权利要求3所述的方法,其特征在于,所述N为3,当i为1时,第i个数据块为低频数据块,当i为2时,第i个数据块为中频数据块,当i为3时,第i个数据块为高频数据块;
则当接收到第i个数据块时,将第i个数据块及已接收的第i个之前的数据块还原为网络图片的相应图片数据,将还原的图片数据加载到显示页面进行显示,具体包括:
当接收到低频数据块时,将低频数据块还原为网络图片的相应图片数据,将还原的图片数据加载到显示页面进行显示;
当接收到中频数据块时,将低频数据块以及中频数据块还原为网络图片的相应图片数据,将还原的图片数据加载到显示页面进行显示;
当接收到高频数据块时,将低频数据块、中频数据块以及高频数据块还原为网络图片的相应图片数据,将还原的图片数据加载到显示页面进行显示。
5.根据权利要求1至4任一项所述的方法,其特征在于,所述数据块尾部具有结束标识,则当接收到结束标识符时,确定接收到所述数据块。
6.根据权利要求1至4任一项所述的方法,其特征在于,
所述至少两个数据块的数量根据组成所述网络图片的图片数据的数据量确定。
7.一种网络图片的加载方法,其特征在于,所述方法包括:
接收网络服务器发送的网络图片的数据块,所述网络图片包含至少两个数据块,所述数据块是对所述网络图片的图片数据进行划分得到的;
将已接收到的数据块确定为待加载的图片数据;
将待加载的图片数据加载到显示页面进行显示。
8.一种网络图片的加载装置,其特征在于,所述装置包括接收模块、还原模块和加载模块,其中:
所述接收模块,接收网络服务器发送的网络图片的数据块,所述网络图片包含至少两个数据块,所述数据块为根据所述网络图片的图片数据生成得到的;
所述还原模块,将已接收到的数据块还原为所述网络图片的相应图片数据;
所述加载模块,将还原的图片数据加载到显示页面进行显示。
9.根据权利要求8所述的装置,其特征在于,所述接收模块接收的所述数据块为根据所述网络图片的图片数据生成得到,其中:
所述数据块是将所述网络图片的图片数据进行频谱变换;
根据频谱变换之后的频谱数据的频率高低形成,其中,不同的频率区间对应不同的数据块。
10.根据权利要求8所述的装置,其特征在于,所述网络图片包含的数据块为N块,则所述还原模块将已接收到的数据块还原为所述网络图片的相应图片数据,以及,所述加载模块将还原的图片数据加载到显示页面进行显示,包括:
当接收到第i个数据块时,所述还原模块将第i个数据块及已接收的第i个之前的数据块还原为网络图片的相应图片数据,所述加载模块将还原的图片数据加载到显示页面进行显示,其中,1≤i≤N。
11.一种网络图片的加载系统,其特征在于,所述系统包括网络服务器和客户端,其中:
所述网络服务器,向客户端发送网络图片的数据块,所述网络图片包含至少两个数据块,所述数据块为根据所述网络图片的图片数据生成得到的;
所述客户端将已接收到的数据块还原为所述网络图片的相应图片数据;以及,
将还原的图片数据加载到显示页面进行显示。
12.根据权利要求11所述的系统,其特征在于,所述网络服务器具体包括有数据块生成模块,其中,
所述数据块生成模块,将所述网络图片的图片数据进行频谱变换;
根据频谱变换之后的频谱数据的频率高低形成所述数据块,其中,不同的频率区间对应不同的数据块。
13.一种网络图片的加载装置,其特征在于,所述装置包括接收模块、确定模块和加载模块,其中:
所述接收模块,接收网络服务器发送的网络图片的数据块,所述网络图片包含至少两个数据块,所述数据块是对所述网络图片的图片数据进行划分得到的;
所述确定模块,将已接收到的数据块确定为待加载的图片数据;
所述加载模块,将待加载的图片数据加载到显示页面进行显示。
Priority Applications (3)
Application Number | Priority Date | Filing Date | Title |
---|---|---|---|
CN201610780851.1A CN106886549A (zh) | 2016-08-30 | 2016-08-30 | 一种网络图片的加载方法、装置和系统 |
TW106119857A TW201807667A (zh) | 2016-08-30 | 2017-06-14 | 網路圖片的載入方法、裝置和系統 |
PCT/CN2017/098226 WO2018040964A1 (zh) | 2016-08-30 | 2017-08-21 | 一种网络图片的加载方法、装置和系统 |
Applications Claiming Priority (1)
Application Number | Priority Date | Filing Date | Title |
---|---|---|---|
CN201610780851.1A CN106886549A (zh) | 2016-08-30 | 2016-08-30 | 一种网络图片的加载方法、装置和系统 |
Publications (1)
Publication Number | Publication Date |
---|---|
CN106886549A true CN106886549A (zh) | 2017-06-23 |
Family
ID=59176256
Family Applications (1)
Application Number | Title | Priority Date | Filing Date |
---|---|---|---|
CN201610780851.1A Pending CN106886549A (zh) | 2016-08-30 | 2016-08-30 | 一种网络图片的加载方法、装置和系统 |
Country Status (3)
Country | Link |
---|---|
CN (1) | CN106886549A (zh) |
TW (1) | TW201807667A (zh) |
WO (1) | WO2018040964A1 (zh) |
Cited By (4)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
CN107454094A (zh) * | 2017-08-23 | 2017-12-08 | 北京明朝万达科技股份有限公司 | 一种数据交互方法和系统 |
WO2018040964A1 (zh) * | 2016-08-30 | 2018-03-08 | 阿里巴巴集团控股有限公司 | 一种网络图片的加载方法、装置和系统 |
CN110517196A (zh) * | 2019-08-12 | 2019-11-29 | 西安电子科技大学 | 一种sar图像降噪方法及系统 |
CN111435527A (zh) * | 2019-01-11 | 2020-07-21 | 北京京东尚科信息技术有限公司 | 页面图片显示方法、装置、存储介质及电子设备 |
Families Citing this family (1)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
CN111488536B (zh) * | 2019-01-25 | 2023-09-15 | 阿里巴巴集团控股有限公司 | 图片显示方法、装置与系统 |
Citations (7)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
US20040212619A1 (en) * | 2003-04-28 | 2004-10-28 | Kabushiki Kaisha Toshiba | Image rendering device and image rendering method |
CN101388157A (zh) * | 2008-09-25 | 2009-03-18 | 炬力集成电路设计有限公司 | 一种电子地图显示方法、装置及设备 |
CN102768662A (zh) * | 2011-05-05 | 2012-11-07 | 阿里巴巴集团控股有限公司 | 一种加载图片的方法和装置 |
CN103514241A (zh) * | 2012-12-07 | 2014-01-15 | Tcl集团股份有限公司 | 图片加载方法及系统 |
CN104134214A (zh) * | 2014-07-29 | 2014-11-05 | 杭州卓腾信息技术有限公司 | 一种基于影像金字塔分层的数字切片图像存储及显示方法 |
CN104391890A (zh) * | 2014-11-10 | 2015-03-04 | 广东欧珀移动通信有限公司 | 图片加载方法及系统 |
CN104679570A (zh) * | 2015-03-24 | 2015-06-03 | 新余兴邦信息产业有限公司 | 图片的加载显示方法、设备和系统 |
Family Cites Families (4)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
KR101171819B1 (ko) * | 2010-06-30 | 2012-08-14 | 주식회사 케이티 | 데이터 은닉을 이용하여 영상 오류를 복원하는 방법 및 시스템 |
CN105023285B (zh) * | 2014-04-25 | 2018-12-18 | 腾讯科技(深圳)有限公司 | 图片拆分方法和装置、图片加载方法和装置 |
CN104899060B (zh) * | 2015-05-20 | 2017-12-15 | 天脉聚源(北京)教育科技有限公司 | 一种图片加载处理方法和装置 |
CN106886549A (zh) * | 2016-08-30 | 2017-06-23 | 阿里巴巴集团控股有限公司 | 一种网络图片的加载方法、装置和系统 |
-
2016
- 2016-08-30 CN CN201610780851.1A patent/CN106886549A/zh active Pending
-
2017
- 2017-06-14 TW TW106119857A patent/TW201807667A/zh unknown
- 2017-08-21 WO PCT/CN2017/098226 patent/WO2018040964A1/zh active Application Filing
Patent Citations (7)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
US20040212619A1 (en) * | 2003-04-28 | 2004-10-28 | Kabushiki Kaisha Toshiba | Image rendering device and image rendering method |
CN101388157A (zh) * | 2008-09-25 | 2009-03-18 | 炬力集成电路设计有限公司 | 一种电子地图显示方法、装置及设备 |
CN102768662A (zh) * | 2011-05-05 | 2012-11-07 | 阿里巴巴集团控股有限公司 | 一种加载图片的方法和装置 |
CN103514241A (zh) * | 2012-12-07 | 2014-01-15 | Tcl集团股份有限公司 | 图片加载方法及系统 |
CN104134214A (zh) * | 2014-07-29 | 2014-11-05 | 杭州卓腾信息技术有限公司 | 一种基于影像金字塔分层的数字切片图像存储及显示方法 |
CN104391890A (zh) * | 2014-11-10 | 2015-03-04 | 广东欧珀移动通信有限公司 | 图片加载方法及系统 |
CN104679570A (zh) * | 2015-03-24 | 2015-06-03 | 新余兴邦信息产业有限公司 | 图片的加载显示方法、设备和系统 |
Non-Patent Citations (4)
Title |
---|
XIANGSHU888: "图片渐进显示的概念以及相关知识", 《HTTPS://BLOG.CSDN.NET/XIANGSHU888/ARTICLE/DETAILS/48574887》 * |
唐贵进: "渐进式图像传输技术的研究与仿真", 《数据通信》 * |
大河龙乡: "涨姿势:什么是渐进式图片", 《HTTP://WWW.360DOC.COM/CONTENT/16/0701/18/22602571_572241242.SHTML》 * |
酸罗卜不酸II: "图像细节是高频,轮廓是低频", 《HTTPS://WWW.CNBLOGS.COM/QSIR/P/5814666.HTML》 * |
Cited By (5)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
WO2018040964A1 (zh) * | 2016-08-30 | 2018-03-08 | 阿里巴巴集团控股有限公司 | 一种网络图片的加载方法、装置和系统 |
CN107454094A (zh) * | 2017-08-23 | 2017-12-08 | 北京明朝万达科技股份有限公司 | 一种数据交互方法和系统 |
CN111435527A (zh) * | 2019-01-11 | 2020-07-21 | 北京京东尚科信息技术有限公司 | 页面图片显示方法、装置、存储介质及电子设备 |
CN110517196A (zh) * | 2019-08-12 | 2019-11-29 | 西安电子科技大学 | 一种sar图像降噪方法及系统 |
CN110517196B (zh) * | 2019-08-12 | 2022-04-22 | 西安电子科技大学 | 一种sar图像降噪方法及系统 |
Also Published As
Publication number | Publication date |
---|---|
WO2018040964A1 (zh) | 2018-03-08 |
TW201807667A (zh) | 2018-03-01 |
Similar Documents
Publication | Publication Date | Title |
---|---|---|
CN106886549A (zh) | 一种网络图片的加载方法、装置和系统 | |
CN107644209A (zh) | 人脸检测方法和装置 | |
CN107147939A (zh) | 用于调整视频直播封面的方法和装置 | |
TWI697866B (zh) | 色彩補間動畫的實現方法和裝置 | |
CN111553362B (zh) | 一种视频处理方法、电子设备和计算机可读存储介质 | |
CN111399956A (zh) | 应用于显示设备的内容展示方法、装置和电子设备 | |
CN105306495B (zh) | 用户识别方法和装置 | |
CN107889070A (zh) | 图片处理方法、装置、终端及计算机可读存储介质 | |
CN107066609A (zh) | 图片显示方法和装置 | |
CN106899856A (zh) | 用于输出主播信息的方法和装置 | |
US20140317517A1 (en) | Commerce oriented uniform resource locater (url) shortener | |
CN105786207B (zh) | 信息输入方法和装置 | |
US20190391780A1 (en) | Display method and device | |
CN108540508A (zh) | 用于推送信息的方法、装置和设备 | |
CN106886544A (zh) | 一种数据处理方法及装置 | |
CN105786896A (zh) | 一种页面侧边栏的颜色渲染方法及装置 | |
CN105589631B (zh) | 信息展示方法和装置 | |
CN108733317A (zh) | 数据存储方法和装置 | |
CN107330091A (zh) | 信息处理方法和装置 | |
CN102497580B (zh) | 基于音频特征信息的视频信息合成方法 | |
CN106326403A (zh) | 网页生成方法及装置 | |
CN107729931A (zh) | 图片评分方法和装置 | |
CN107729573A (zh) | 信息推送方法和装置 | |
CN104572000B (zh) | 拼接墙开机logo显示方法以及装置 | |
US20180121049A1 (en) | Terminal device and method for displaying image by same, and web server and method for providing web page by same |
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 | ||
REG | Reference to a national code |
Ref country code: HK Ref legal event code: DE Ref document number: 1237939 Country of ref document: HK |
|
RJ01 | Rejection of invention patent application after publication | ||
RJ01 | Rejection of invention patent application after publication |
Application publication date: 20170623 |
|
REG | Reference to a national code |
Ref country code: HK Ref legal event code: WD Ref document number: 1237939 Country of ref document: HK |