CN103870561B - 网络图片处理方法及系统 - Google Patents
网络图片处理方法及系统 Download PDFInfo
- Publication number
- CN103870561B CN103870561B CN201410081018.9A CN201410081018A CN103870561B CN 103870561 B CN103870561 B CN 103870561B CN 201410081018 A CN201410081018 A CN 201410081018A CN 103870561 B CN103870561 B CN 103870561B
- Authority
- CN
- China
- Prior art keywords
- picture
- cutting
- network
- scanned
- gradual
- 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.)
- Active
Links
Classifications
-
- 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)
- Databases & Information Systems (AREA)
- Theoretical Computer Science (AREA)
- Data Mining & Analysis (AREA)
- Physics & Mathematics (AREA)
- General Engineering & Computer Science (AREA)
- General Physics & Mathematics (AREA)
- Information Transfer Between Computers (AREA)
- Facsimiles In General (AREA)
Abstract
本发明提供的网络图片处理方法及系统,通过接收来自网络的图片显示请求,将符合所述图片显示请求的图片转换为渐进式扫描图片格式,按预设图片显示比例对转换后的渐进式扫描图片作第一切分,并从所述第一切分处向后遍历所述渐进式扫描图片的字节流,以查找所述渐进式扫描图片每次扫描的开始扫描标记代码,在所查找到的各开始扫描标记代码前作第二切分,将第二切分后的渐进式扫描图片响应所述图片显示请求;从而在图片压缩的基础上进一步切割并减少图片的传输数据量,且不影响图片的显示轮廓并保证显示质量,有效提升用户上网体验。
Description
技术领域
本发明涉及网络技术领域,特别是涉及一种网络图片处理方法及系统。
背景技术
互联网络已经成为现代无论是商业还是日常生活中不可缺少的一部分,其发展也是日新月异,就单最常见的网页浏览来说,在服务器端提供客户端网页浏览之前,必然会先对要展现的内容进行前端优化,所谓前端优化技术,是针对HTML、CSS、Javascript、Image、Flash等各式各样的资源进行优化,从用户角度而言,前端优化目的在于让页面加载得更快、对用户的操作响应更及时,能够给用户提供更为友好的交互体验。
现有的前端优化中,关于图片的压缩优化是一个很重要的课题,图片压缩包括有损压缩和无损压缩。图片合理的压缩在不影响用户感知体验的情况下,能够大大减少用户加载显示页面所需要下载的资源数据量,提升用户上网体验,但目前的前段优化中,虽然已有一些极为高效的处理方式,但仍有可以改进的空间。
发明内容
鉴于以上所述现有技术的缺点,本发明的目的在于提供一种网络图片处理方法及系统。
为实现上述目标及其他相关目标,本发明提供一种网络图片处理方法,包括:接收来自网络的图片显示请求;将符合所述图片显示请求的图片转换为渐进式扫描图片格式;按预设图片显示比例对转换后的渐进式扫描图片作第一切分;从所述第一切分处向后遍历所述渐进式扫描图片的字节流,以查找所述渐进式扫描图片每次扫描的开始扫描标记代码;在所查找到的各开始扫描标记代码前作第二切分;将第二切分后的渐进式扫描图片响应所述图片显示请求。
优选的,所述从第一切分处向后遍历所述渐进式扫描图片的字节流,以查找所述渐进式扫描图片每次扫描的开始扫描标记代码,包括:判断是否查找到所述开始扫描标记代码的步骤;若是,则执行所述在所查找到的各开始扫描标记代码前作第二切分;若否,则直接将图片响应所述图片显示请求。
优选的,在所述将第二切分后的渐进式扫描图片响应客户端的图片显示请求之前,还包括:在各个第二切分处之前的字节流末尾添加结束标记代码的步骤。
优选的,所述预设图片显示比例是与发出所述图片显示请求的客户端的配置信息、所使用网络浏览器及网络流量中的一种或几种参数的组合关联而定。
优选的,所述图片包含于网页中。
为实现上述目标及其他相关目标,本发明还提供一种网络图片处理系统,包括:接收模块,用于接收来自网络的图片显示请求;格式转换模块,用于将符合所述图片显示请求的图片转换为渐进式扫描图片格式;查找模块,用于从所述第一切分处向后遍历所述渐进式扫描图片的字节流,以查找所述渐进式扫描图片每次扫描的开始扫描标记代码;切分模块,用于按预设图片显示比例对转换后的渐进式扫描图片作第一切分,以及用于在所查找到的各开始扫描标记代码前作第二切分;响应模块,用于将第二切分后的渐进式扫描图片响应所述图片显示请求。
优选的,所述查找模块还包括:判断模块,用于判断是否查找到所述开始扫描标记代码;若是,则执行所述在所查找到的各开始扫描标记代码前作第二切分;若否,则将直接将图片响应所述图片显示请求。
优选的,所述网络图片处理系统还包括:添加模块,用于在各个第二切分处之前的字节末尾添加结束标记代码。
优选的,所述预设图片显示比例是与发出所述图片显示请求的客户端的配置信息、所使用网络浏览器及网络流量中的一种或几种参数的组合关联而定。
优选的,所述图片包含于网页中。
为实现上述目标及其他相关目标,本发明还提供一种服务器端,包括:网络接口单元,用于接收来自于网络连接所述服务器端的至少一客户端的图片显示请求;存储器单元,用于存储对应所述图片显示请求的图片数据;处理器单元,连接于所述网络收发单元及存储器,用于将符合所述图片显示请求的图片转换为渐进式扫描图片格式;所述处理器单元还用于从所述第一切分处向后遍历所述渐进式扫描图片的字节流,以查找所述渐进式扫描图片每次扫描的开始扫描标记代码;所述处理器单元还用于按预设图片显示比例对转换后的渐进式扫描图片作第一切分,以及用于在所查找到的各开始扫描标记代码前作第二切分,并通过所述网络接口单元将第二切分后的渐进式扫描图片响应客户端的图片显示请求。
所述处理器单元,还用于判断是否查找到所述开始扫描标记代码;若是,则执行所述在所查找到的各开始扫描标记代码前作第二切分;若否,则将直接将图片响应所述图片显示请求。
优选的,所述处理器单元,还用于在各个第二切分处之前的字节末尾添加结束标记代码。
优选的,所述预设图片显示比例是与发出所述图片显示请求的客户端的配置信息、所使用网络浏览器及网络流量中的一种或几种参数的组合关联而定。
为实现上述目标及其他相关目标,本发明还提供一种网络系统,包括:所述的服务器端;以及连接所述服务器端的客户端。
如上所述,本发明提供的网络图片处理方法及系统,通过接收来自网络的图片显示请求,将符合所述图片显示请求的图片转换为渐进式扫描图片格式,按预设图片显示比例对转换后的渐进式扫描图片作第一切分,并从所述第一切分处向后遍历所述渐进式扫描图片的字节流,以查找所述渐进式扫描图片每次扫描的开始扫描标记代码,在所查找到的各开始扫描标记代码前作第二切分,将第二切分后的渐进式扫描图片响应所述图片显示请求;从而在图片压缩的基础上进一步切割并减少图片的传输数据量,且不影响图片的显示轮廓并保证显示质量,有效提升用户上网体验。
附图说明
图1显示为本发明的网络图片处理方法的一实施例的流程示意图。
图2显示为本发明的网络图片处理方法的另一实施例的流程示意图。
图3显示为本发明的网络图片处理方法的又一实施例的流程示意图。
图4显示为本发明的网络图片处理系统的一实施例的结构示意图。
图5显示为本发明的网络图片处理系统的另一实施例的结构示意图。
图6显示为本发明的网络图片处理系统的又一实施例的结构示意图。
元件标号说明
1,1’,1” 网络图片处理系统
11,11’,11” 接收模块
12,12’,12” 格式转换模块
13,13’,13” 查找模块
131’,131” 判断模块
14,14’,14” 切分模块
15,15’,15” 响应模块
16” 添加模块
S1~S6 实施例1方法步骤
S1’~S7’ 实施例2方法步骤
S1”~S8” 实施例3方法步骤
具体实施方式
以下通过特定的具体实例说明本发明的实施方式,本领域技术人员可由本说明书所揭露的内容轻易地了解本发明的其他优点与功效。本发明还可以通过另外不同的具体实施方式加以实施或应用,本说明书中的各项细节也可以基于不同观点与应用,在没有背离本发明的精神下进行各种修饰或改变。需说明的是,在不冲突的情况下,本申请中的实施例及实施例中的特征可以相互组合。
实施例1:
请参阅图1,本发明提供一种网络图片处理方法,包括如下步骤:
步骤S1:接收来自网络的图片显示请求。
在本实施例中,所述图片显示请求可以是来自于网络连接的客户端的设备,所述客户端包括:手机、平板电脑、笔记本电脑、台式机或其他连入网络的终端或中继设备,当用户在所述客户端设备进行如网页浏览时,若网页中包含图片且用户需要查看所述图片而并非将浏览器设置成“无图模式”,则客户端会生成对应所述图片的图片显示请求。
步骤S2:将符合所述图片显示请求的图片转换为渐进式扫描图片格式。
在本实施例中,所述渐进式扫描图片格式为Progressive JPEG格式,详细来说,JPEG(Joint Photographic Experts Group)是在国际标准化组织(ISO)领导之下制定静态图像压缩标准的委员会,由于JPEG优良的品质而被广泛应用于互联网和数码相机领域,网站上80%的图像都采用了JPEG压缩标准;JPEG本身只有描述如何将一个影像转换为字节的数据串流(streaming),但并没有说明这些字节如何在任何特定的储存媒体上被封存起来。.jpeg/.jpg是最常用的图像文件格式,是一种有损压缩格式,能够将图像压缩在很小的储存空间,图像中重复或不重要的资料会被丢失,因此容易造成图像数据的损伤。尤其是使用过高的压缩比例,将使最终解压缩后恢复的图像质量明显降低,如果追求高品质图像,不宜采用过高压缩比例。但是JPEG压缩技术十分先进,它用有损压缩方式去除冗余的图像数据,在获得极高的压缩率的同时能展现十分丰富生动的图像,换句话说,就是可以用最少的磁盘空间得到较好的图像品质。而且JPEG是一种很灵活的格式,具有调节图像质量的功能,允许用不同的压缩比例对文件进行压缩,支持多种压缩级别,压缩比率通常在10∶1到40∶1之间,压缩比越大,品质就越低;相反地,品质就越高。比如可以把1.37Mb的BMP位图文件压缩至20.3KB。当然也可以在图像质量和文件尺寸之间找到平衡点。JPEG格式压缩的主要是高频信息,对色彩的信息保留较好,适合应用于互联网,可减少图像的传输时间,可以支持24bit真彩色,也普遍应用于需要连续色调的图像。
JPEG格式有一个特殊的变种,即为“渐进式JPEG(Progressive JPEG)”,也就是本发明所采用的转换格式,在创建渐进式JPEG文件时,数据是这样安排的:在装入图像时,开始只显示一个模糊的图像,随着数据的装入,图像逐步变得清晰。它相当于交织的GIF格式的图片,当初渐进式JPEG的出现主要是考虑到使用调制解调器的慢速网络而设计的,本发明在此处采用此格式转换一方面是利用该格式的数据结构特点,此会在后文作详细描述;另一方面也是其较能匹配用户需求而在互联网网站中的广泛使用,在打开文件过程中,会先显示整个图片的模糊轮廓,随着扫描次数的增加,图片变得越来越清晰,主要优点是在网络较慢的情况下,可以让用户在没有下载完图片就可以看到最终图像的大致轮廓,一定程度上可以提升用户体验。
步骤S3:按预设图片显示比例对转换后的渐进式扫描图片作第一切分。
在本实施例中,所述预设图片显示比例是与发出所述图片显示请求的客户端的配置信息、所使用网络浏览器及网络流量中的一种或几种参数的组合关联而定;其中,所述客户端的配置信息,包括如显示屏幕大小尺寸、分辨率或处理器频率等;所述网络浏览器如UCWEB、Safari等;而所述网络流量则可以通过网络本身确定,如区别有线网络、还是无线网络如WiFi、或移动2G/3G/4G网络等,以制定预设图片显示比例,如2G网络则设置先切分显示20%,3G网络显示50%等等,以上皆为举例,本领域技术人员可以根据实际需求加以变更,并非以本实施例为限;所述第一切分,也即在图片数据中待切分的位置加入切分的标示代码即可,此本领域技术人员皆可实现。
步骤S4:从所述第一切分处向后遍历所述渐进式扫描图片的字节流,以查找所述渐进式扫描图片每次扫描的开始扫描标记代码。
在本实施例中,如前所述,由于渐进式JPEG格式存在多次扫描,因此采用遍历方式查找图片数据中的各次扫描的开始位置即对应每次扫描的开始扫描标记代码,也就是查找每次扫描的扫描边界。
步骤S5:在所查找到的各开始扫描标记代码前作第二切分。
在本实施例中,当查找到所述开始扫描标记代码(即相当于找到扫描边界)后则将每次扫描的图像数据(或称字节流)加以切分,一股切分的方式即加入切分符(代码),以提升之后图片传输及显示的速度,提升用户体验,举例来说,JPEG格式的文件中的开始扫描标记代码为字节符“0xFFDA”。
步骤S6:将第二切分后的渐进式扫描图片响应所述图片显示请求。
在本实施例中,即将经过上述切分处理后的图片响应客户端的请求,通过网络进行传输显示。
实施例2:
针对如果存在查找到没有开始扫描标记代码的情况,一股造成这种情况的可能是在第一切分的时候切分的部分比例太大;因此,再提供一本发明的网络图片处理方法的实施例:
请参阅图2,在本实施例中,本发明的网络图片处理方法,包括如下步骤:
步骤S1’:接收来自网络的图片显示请求。
在本实施例中,所述图片显示请求可以是来自于网络连接的客户端的设备,所述客户端包括:手机、平板电脑、笔记本电脑、台式机或其他连入网络的终端或中继设备,当用户在所述客户端设备进行如网页浏览时,若网页中包含图片且用户需要查看所述图片而并非将浏览器设置成“无图模式”,则客户端会生成对应所述图片的图片显示请求。
步骤S2’:将符合所述图片显示请求的图片转换为渐进式扫描图片格式。
在本实施例中,所述渐进式扫描图片格式为Progressive JPEG格式。
步骤S3’:按预设图片显示比例对转换后的渐进式扫描图片作第一切分。
在本实施例中,所述预设图片显示比例是与发出所述图片显示请求的客户端的配置信息、所使用网络浏览器及网络流量中的一种或几种参数的组合关联而定;其中,所述客户端的配置信息,包括如显示屏幕大小尺寸、分辨率或处理器频率等;所述网络浏览器如UCWEB、Safari等;而所述网络流量则可以通过网络本身确定,如区别有线网络、还是无线网络如WiFi、或移动2G/3G/4G网络等,以制定预设图片显示比例,如2G网络则设置先切分显示20%,3G网络显示50%等等,以上皆为举例,本领域技术人员可以根据实际需求加以变更,并非以本实施例为限;所述第一切分,也即在图片数据中待切分的位置加入切分的标示代码即可,此本领域技术人员皆可实现。
步骤S4’:从所述第一切分处向后遍历所述渐进式扫描图片的字节流,并判断是否查找到所述渐进式扫描图片每次扫描的开始扫描标记代码。
在本实施例中,如前所述,由于渐进式JPEG格式存在多次扫描,因此采用遍历方式查找图片数据中的各次扫描的开始位置即对应每次扫描的开始扫描标记代码,也就是查找每次扫描的扫描边界。
和实施例1的差别在于,所述查找中增加了判断查找结果的机制。
若查找到,则进至步骤S5’;若未查找到,则执行步骤S7’:直接将图片响应所述图片显示请求,而不作第二切分处理;在本实施例中,如此增加了判断机制,可以避免因没有查找到开始扫描标记代码而出现死循环等问题。
步骤S5’:在所查找到的各开始扫描标记代码前作第二切分。
在本实施例中,当查找到所述开始扫描标记代码(即相当于找到扫描边界)后则将每次扫描的图像数据(或称字节流)加以切分,一股切分的方式即加入切分符(代码),以提升之后图片传输及显示的速度,提升用户体验,举例来说,JPEG格式的文件中的开始扫描标记代码为字节符“0xFFDA”。
步骤S6’:将第二切分后的渐进式扫描图片响应所述图片显示请求。
在本实施例中,即将经过上述切分处理后的图片响应客户端的请求,通过网络进行传输显示。
实施例3:
针对第二切分可能存在的问题,本发明再提供一网络图片处理方法的实施例:
请参阅图3,在本实施例中,本发明的网络图片处理方法,包括如下步骤:
步骤S1”:接收来自网络的图片显示请求。
在本实施例中,所述图片显示请求可以是来自于网络连接的客户端的设备,所述客户端包括:手机、平板电脑、笔记本电脑、台式机或其他连入网络的终端或中继设备,当用户在所述客户端设备进行如网页浏览时,若网页中包含图片且用户需要查看所述图片而并非将浏览器设置成“无图模式”,则客户端会生成对应所述图片的图片显示请求。
步骤S2”:将符合所述图片显示请求的图片转换为渐进式扫描图片格式。
在本实施例中,所述渐进式扫描图片格式为Progressive JPEG格式。
步骤S3”:按预设图片显示比例对转换后的渐进式扫描图片作第一切分。
在本实施例中,所述预设图片显示比例是与发出所述图片显示请求的客户端的配置信息、所使用网络浏览器及网络流量中的一种或几种参数的组合关联而定;其中,所述客户端的配置信息,包括如显示屏幕大小尺寸、分辨率或处理器频率等;所述网络浏览器如UCWEB、Safari等;而所述网络流量则可以通过网络本身确定,如区别有线网络、还是无线网络如WiFi、或移动2G/3G/4G网络等,以制定预设图片显示比例,如2G网络则设置先切分显示20%,3G网络显示50%等等,以上皆为举例,本领域技术人员可以根据实际需求加以变更,并非以本实施例为限;所述第一切分,也即在图片数据中待切分的位置加入切分的标示代码即可,此本领域技术人员皆可实现。
步骤S4”:从所述第一切分处向后遍历所述渐进式扫描图片的字节流,并判断是否查找到所述渐进式扫描图片每次扫描的开始扫描标记代码。
在本实施例中,如前所述,由于渐进式JPEG格式存在多次扫描,因此采用遍历方式查找图片数据中的各次扫描的开始位置即对应每次扫描的开始扫描标记代码,也就是查找每次扫描的扫描边界。
若查找到,则进至步骤S5”;若未查找到,则执行步骤S8”:直接将图片响应所述图片显示请求;在本实施例中,如此增加了判断机制,可以避免因没有查找到开始扫描标记代码而出现死循环等问题。
步骤S5”:在所查找到的各开始扫描标记代码前作第二切分。
在本实施例中,当查找到所述开始扫描标记代码(即相当于找到扫描边界)后则将每次扫描的图像数据(或称字节流)加以切分,一股切分的方式即加入切分符(代码),以提升之后图片传输及显示的速度,提升用户体验,举例来说,JPEG格式的文件中的开始扫描标记代码为字节符“0xFFDA”。
步骤S6”:在各个第二切分处之前的字节流末尾添加结束标记代码。
在本实施例中,渐进式JPEG格式的文件中结束标记代码为“0xFFD9”,增加此结束标记代码可有效避免图片显示错误。
步骤S7”:将第二切分后的渐进式扫描图片响应所述图片显示请求。
在本实施例中,即将经过上述切分处理后的图片响应客户端的请求,通过网络进行传输显示。
当然,需说明的是本实施例中的步骤S6”同样可应用于上述实施例中,此实施例仅为例示而非限定。
实施例4:
请参阅图4,本发明还提供一种网络图片处理系统1,包括:接收模块11,用于接收来自网络的图片显示请求;格式转换模块12,用于将符合所述图片显示请求的图片转换为渐进式扫描图片格式;查找模块13,用于从所述第一切分处向后遍历所述渐进式扫描图片的字节流,以查找所述渐进式扫描图片每次扫描的开始扫描标记代码;切分模块14,用于按预设图片显示比例对转换后的渐进式扫描图片作第一切分,以及用于在所查找到的各开始扫描标记代码前作第二切分;响应模块15,用于将第二切分后的渐进式扫描图片响应所述图片显示请求。
所述网络图片处理系统的技术原理与上述网络图片处理方法大致相同,故部分技术实现细节不再重复赘述,但需说明的是,所述网络图片处理系统1既可软件实现,即所述各种模块(标号11~15)皆为软件模块;当然所述各模块亦可硬件实现,又或者软、硬件结合,举例来说,若硬件实现,则所述接收模块11或响应模块15可以通过例如网卡、射频天线及外围电路等实现;所述格式转换模块12、查找模块13及切分模块14可以通过客户端处理器中的集成电路、以及与处理器电性链接的存储器来实现。
实施例5:
请参阅图5,在另一实施例中,本发明的网络图片处理系统1’包括:接收模块11’,用于接收来自网络的图片显示请求;格式转换模块12’,用于将符合所述图片显示请求的图片转换为渐进式扫描图片格式;查找模块13’,用于从所述第一切分处向后遍历所述渐进式扫描图片的字节流,以查找所述渐进式扫描图片每次扫描的开始扫描标记代码;切分模块14’,用于按预设图片显示比例对转换后的渐进式扫描图片作第一切分,以及用于在所查找到的各开始扫描标记代码前作第二切分;响应模块15’,用于将第二切分后的渐进式扫描图片响应所述图片显示请求。
在本实施例中,所述查找模块13’还可以包括判断模块131’,用于判断是否查找到所述开始扫描标记代码;若是,则通知所述切分模块14’作第二切分;若否,则通知所述响应模块15’直接将图片响应所述图片显示请求。
所述网络图片处理系统1’的技术原理与上述实施例大致相同,故部分技术实现细节不再重复赘述,但需说明的是,所述网络图片处理系统1’既可软件实现,即所述各种模块(标号11’~15’)皆为软件模块;当然所述各模块亦可硬件实现,又或者软、硬件结合,举例来说,若硬件实现,则所述接收模块11’或响应模块15’可以通过例如网卡、射频天线及外围电路等实现;所述格式转换模块12’、查找模块13’(包括判断模块131’)、切分模块14’可以通过客户端处理器中的集成电路、以及与处理器电性链接的存储器来实现。
实施例6:
请参阅图6,在又一实施例中,本发明的网络图片处理系统1”包括:接收模块11”,用于接收来自网络的图片显示请求;格式转换模块12”,用于将符合所述图片显示请求的图片转换为渐进式扫描图片格式;查找模块13”,用于从所述第一切分处向后遍历所述渐进式扫描图片的字节流,以查找所述渐进式扫描图片每次扫描的开始扫描标记代码;切分模块14”,用于按预设图片显示比例对转换后的渐进式扫描图片作第一切分,以及用于在所查找到的各开始扫描标记代码前作第二切分;响应模块15”,用于将第二切分后的渐进式扫描图片响应所述图片显示请求。
在本实施例中,所述图片处理系统1”还包括:添加模块16”,用于在各个第二切分处之前的字节末尾添加结束标记代码,如此可避免图片显示错误,当然所述添加模块16”同样可用于上述实施例4中,在此仅作例示而非限定。
在本实施例中,所述查找模块13”包括判断模块131”,用于判断是否查找到所述开始扫描标记代码;若是,则通知所述切分模块14”作第二切分;若否,则通知所述响应模块15”直接将图片响应所述图片显示请求。
所述网络图片处理系统1”的技术原理与上述实施例大致相同,故部分技术实现细节不再重复赘述,但需说明的是,所述网络图片处理系统1”既可软件实现,即所述各种模块(标号11”~16”)皆为软件模块;当然所述各模块亦可硬件实现,又或者软、硬件结合,举例来说,若硬件实现,则所述接收模块11”或响应模块15”可以通过例如网卡、射频天线及外围电路等实现;所述格式转换模块12”、查找模块13”(包括判断模块131”)、切分模块14”及添加模块16”可以通过客户端处理器中的集成电路、以及与处理器电性链接的存储器来实现。
实施例7:
根据上述,因此,本发明还可以提供一种服务器端,其技术原理也相类似,其包括:网络接口单元,用于接收来自于网络连接所述服务器端的至少一客户端的图片显示请求,在本实施例中,所述网络接口单元可以是有线网络接口RJ45,连接网卡等,也可以是位于无线网络的射频接收器上;存储器单元,用于存储对应所述图片显示请求的图片数据,在本实施例中,所述存储器单元可以是ROM、RAM等常用存储器;处理器单元,连接于所述网络收发单元及存储器,用于将符合所述图片显示请求的图片转换为渐进式扫描图片格式;所述处理器单元还用于从所述第一切分处向后遍历所述渐进式扫描图片的字节流,以查找所述渐进式扫描图片每次扫描的开始扫描标记代码;所述处理器单元还用于按预设图片显示比例对转换后的渐进式扫描图片作第一切分,以及用于在所查找到的各开始扫描标记代码前作第二切分,并通过所述网络接口单元将第二切分后的渐进式扫描图片响应客户端的图片显示请求,在本实施例中,所述处理器单元可以是CPU,如台式电脑、笔记本电脑或服务器中使用的Intel处理器(x86,Xeon,Core2I7,I3,I5等型号)或AMD处理器(K10、K8等型号)以及外围电路,再或者嵌入式设备中的单片机芯片如ARM、MCU等及其外围电路。
优选的,所述处理器单元,还用于判断是否查找到所述开始扫描标记代码;若是,则执行所述在所查找到的各开始扫描标记代码前作第二切分;若否,则将直接将图片响应所述图片显示请求。
优选的,所述处理器单元,还用于在各个第二切分处之前的字节末尾添加结束标记代码。
优选的,所述预设图片显示比例是与发出所述图片显示请求的客户端的配置信息、所使用网络浏览器及网络流量中的一种或几种参数的组合关联而定。
实施例8:
因此,本发明还可提供一种网络系统,包括:所述服务器端;以及连接所述服务器端的客户端。
综上所述,本发明提供的网络图片处理方法及系统,通过接收来自网络的图片显示请求,将符合所述图片显示请求的图片转换为渐进式扫描图片格式,按预设图片显示比例对转换后的渐进式扫描图片作第一切分,并从所述第一切分处向后遍历所述渐进式扫描图片的字节流,以查找所述渐进式扫描图片每次扫描的开始扫描标记代码,在所查找到的各开始扫描标记代码前作第二切分,将第二切分后的渐进式扫描图片响应所述图片显示请求;从而在图片压缩的基础上进一步切割并减少图片的传输数据量,且不影响图片的显示轮廓并保证显示质量,有效提升用户上网体验。
上述实施例仅例示性说明本发明的原理及其功效,而非用于限制本发明。任何熟悉此技术的人士皆可在不违背本发明的精神及范畴下,对上述实施例进行修饰或改变。因此,举凡所屈技术领域中具有通常知识者在未脱离本发明所揭示的精神与技术思想下所完成的一切等效修饰或改变,仍应由本发明的权利要求所涵盖。
Claims (15)
1.一种网络图片处理方法,其特征在于,包括:
接收来自网络的图片显示请求;
将符合所述图片显示请求的图片转换为渐进式扫描图片格式;
按预设图片显示比例对转换后的渐进式扫描图片作第一切分;
从所述第一切分处向后遍历所述渐进式扫描图片的字节流,以查找所述渐进式扫描图片每次扫描的开始扫描标记代码;
在所查找到的各开始扫描标记代码前作第二切分;
将第二切分后的渐进式扫描图片响应所述图片显示请求。
2.根据权利要求1所述的网络图片处理方法,其特征在于,所述从第一切分处向后遍历所述渐进式扫描图片的字节流,以查找所述渐进式扫描图片每次扫描的开始扫描标记代码,包括:判断是否查找到所述开始扫描标记代码的步骤;若是,则执行所述在所查找到的各开始扫描标记代码前作第二切分;若否,则直接将图片响应所述图片显示请求。
3.根据权利要求1所述的网络图片处理方法,其特征在于,在所述将第二切分后的渐进式扫描图片响应客户端的图片显示请求之前,还包括:在各个第二切分处之前的字节流末尾添加结束标记代码的步骤。
4.根据权利要求1所述的网络图片处理方法,其特征在于,所述预设图片显示比例是与发出所述图片显示请求的客户端的配置信息、所使用网络浏览器、及网络流量中的一种或几种参数的组合关联而定。
5.根据权利要求1所述的网络图片处理方法,其特征在于,所述图片包含于网页中。
6.一种网络图片处理系统,其特征在于,包括:
接收模块,用于接收来自网络的图片显示请求;
格式转换模块,用于将符合所述图片显示请求的图片转换为渐进式扫描图片格式;
查找模块,用于从所述第一切分处向后遍历所述渐进式扫描图片的字节流,以查找所述渐进式扫描图片每次扫描的开始扫描标记代码;
切分模块,用于按预设图片显示比例对转换后的渐进式扫描图片作第一切分,以及用于在所查找到的各开始扫描标记代码前作第二切分;
响应模块,用于将第二切分后的渐进式扫描图片响应所述图片显示请求。
7.根据权利要求6所述的网络图片处理系统,所述查找模块还包括:判断模块,用于判断是否查找到所述开始扫描标记代码;若是,则执行所述在所查找到的各开始扫描标记代码前作第二切分;若否,则将直接将图片响应所述图片显示请求。
8.根据权利要求6所述的网络图片处理系统,其特征在于,还包括:添加模块,用于在各个第二切分处之前的字节末尾添加结束标记代码。
9.根据权利要求6所述的网络图片处理系统,其特征在于,所述预设图片显示比例是与发出所述图片显示请求的客户端的配置信息、所使用网络浏览器、及网络流量中的一种或几种参数的组合关联而定。
10.根据权利要求6所述的网络图片处理系统,其特征在于,所述图片包含于网页中。
11.一种服务器端,其特征在于,包括:
网络接口单元,用于接收来自于网络连接所述服务器端的至少一客户端的图片显示请求;
存储器单元,用于存储对应所述图片显示请求的图片数据;
处理器单元,连接于所述网络收发单元及存储器,用于将符合所述图片显示请求的图片转换为渐进式扫描图片格式;所述处理器单元还用于从所述第一切分处向后遍历所述渐进式扫描图片的字节流,以查找所述渐进式扫描图片每次扫描的开始扫描标记代码;所述处理器单元还用于按预设图片显示比例对转换后的渐进式扫描图片作第一切分,以及用于在所查找到的各开始扫描标记代码前作第二切分,并通过所述网络接口单元将第二切分后的渐进式扫描图片响应客户端的图片显示请求。
12.根据权利要求11所述的服务器端,其特征在于,所述处理器单元,还用于判断是否查找到所述开始扫描标记代码;若是,则执行所述在所查找到的各开始扫描标记代码前作第二切分;若否,则将直接将图片响应所述图片显示请求。
13.根据权利要求11所述的服务器端,其特征在于,所述处理器单元,还用于在各个第二切分处之前的字节末尾添加结束标记代码。
14.根据权利要求11所述的服务器端,其特征在于,所述预设图片显示比例是与发出所述图片显示请求的客户端的配置信息、所使用网络浏览器、及网络流量中的一种或几种参数的组合关联而定。
15.一种网络系统,其特征在于,包括:如权利要求11至14中任一项所述的服务器端;以及连接所述服务器端的客户端。
Priority Applications (1)
Application Number | Priority Date | Filing Date | Title |
---|---|---|---|
CN201410081018.9A CN103870561B (zh) | 2014-03-06 | 2014-03-06 | 网络图片处理方法及系统 |
Applications Claiming Priority (1)
Application Number | Priority Date | Filing Date | Title |
---|---|---|---|
CN201410081018.9A CN103870561B (zh) | 2014-03-06 | 2014-03-06 | 网络图片处理方法及系统 |
Publications (2)
Publication Number | Publication Date |
---|---|
CN103870561A CN103870561A (zh) | 2014-06-18 |
CN103870561B true CN103870561B (zh) | 2017-05-17 |
Family
ID=50909091
Family Applications (1)
Application Number | Title | Priority Date | Filing Date |
---|---|---|---|
CN201410081018.9A Active CN103870561B (zh) | 2014-03-06 | 2014-03-06 | 网络图片处理方法及系统 |
Country Status (1)
Country | Link |
---|---|
CN (1) | CN103870561B (zh) |
Families Citing this family (2)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
CN104053016B (zh) * | 2014-06-24 | 2018-09-28 | 深圳市江波龙电子有限公司 | 一种图像预览方法及装置 |
CN104954813B (zh) * | 2014-09-15 | 2017-06-06 | 深圳市腾讯计算机系统有限公司 | 图片的传输方法、装置和系统 |
Citations (4)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
US6281874B1 (en) * | 1998-08-27 | 2001-08-28 | International Business Machines Corporation | Method and system for downloading graphic images on the internet |
CN1324463A (zh) * | 1998-10-28 | 2001-11-28 | 国际商业机器公司 | 用于图象数据关键区的优先传输和显示的方法和装置 |
CN102915549A (zh) * | 2011-08-05 | 2013-02-06 | 联想(北京)有限公司 | 一种图像文件的处理方法及装置 |
CN102938792A (zh) * | 2012-11-26 | 2013-02-20 | 北京奇虎科技有限公司 | 向计算终端提供图片数据的方法及服务器 |
-
2014
- 2014-03-06 CN CN201410081018.9A patent/CN103870561B/zh active Active
Patent Citations (4)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
US6281874B1 (en) * | 1998-08-27 | 2001-08-28 | International Business Machines Corporation | Method and system for downloading graphic images on the internet |
CN1324463A (zh) * | 1998-10-28 | 2001-11-28 | 国际商业机器公司 | 用于图象数据关键区的优先传输和显示的方法和装置 |
CN102915549A (zh) * | 2011-08-05 | 2013-02-06 | 联想(北京)有限公司 | 一种图像文件的处理方法及装置 |
CN102938792A (zh) * | 2012-11-26 | 2013-02-20 | 北京奇虎科技有限公司 | 向计算终端提供图片数据的方法及服务器 |
Also Published As
Publication number | Publication date |
---|---|
CN103870561A (zh) | 2014-06-18 |
Similar Documents
Publication | Publication Date | Title |
---|---|---|
US10360694B2 (en) | Methods and devices for image loading and methods and devices for video playback | |
CN109670427B (zh) | 一种图像信息的处理方法、装置及存储介质 | |
US8849953B2 (en) | Terminal device, data receiving method, data receiving program, and recording medium | |
CN106911943B (zh) | 一种视频展示方法、装置及存储介质 | |
US20170083487A1 (en) | Webpage data processing method and device | |
CN103412928A (zh) | 一种在移动终端实现浏览器页面智能响应式布局的方法与装置 | |
US20170351713A1 (en) | Image processing systems and/or methods | |
US20110066678A1 (en) | Webpage browsing system, server, webpage browsing method, program and recording medium for the same | |
CN102938792B (zh) | 向计算终端提供图片数据的方法及服务器 | |
CN106817391A (zh) | 文件断点续传方法和装置 | |
CN106713689A (zh) | 一种图片上传方法和装置 | |
CN111104631A (zh) | 一种Webp图片格式转换方法 | |
CN104104995A (zh) | 图片显示方法和装置 | |
CN103870561B (zh) | 网络图片处理方法及系统 | |
US7503051B1 (en) | Broadcast data receiving device and method for receiving a plurality of multimedia data | |
CN112752107B (zh) | 网页图片预处理方法、系统、存储介质及计算机设备 | |
CN103002026B (zh) | 向计算终端提供图片数据的方法及服务器 | |
CN112926009A (zh) | 图片资源的处理方法、装置、电子设备和介质 | |
KR20090064486A (ko) | 이동통신망에서의 인터넷 웹페이지 제공 시스템 및 방법 | |
CN104580783A (zh) | 控制图像传输的信息处理设备及其控制方法 | |
CN109710783B (zh) | 一种图片加载方法、装置、存储介质及服务器 | |
JPH11175425A (ja) | サービス中継装置 | |
CN103853790A (zh) | 移动终端浏览器的上传信息处理方法及装置 | |
CN113497967B (zh) | 基于浏览器的视频帧切换方法、装置和存储介质 | |
CN105657070A (zh) | 向计算终端提供图片数据的方法及服务器 |
Legal Events
Date | Code | Title | Description |
---|---|---|---|
C06 | Publication | ||
PB01 | Publication | ||
C10 | Entry into substantive examination | ||
SE01 | Entry into force of request for substantive examination | ||
C53 | Correction of patent for invention or patent application | ||
CB02 | Change of applicant information |
Address after: 200030 Shanghai Xuhui District Xietu Road No. 2899 Building 5 floor A Kuangchi Cultural Square Applicant after: ChinaNetCenter Co., Ltd. Address before: 201800 No. 200, Huan Cheng Road, Shanghai, Jiading District Applicant before: ChinaNetCenter Co., Ltd. |
|
GR01 | Patent grant | ||
GR01 | Patent grant |