CN107194975A - 提高手机app下载图片的速度的方法 - Google Patents

Abstract

本发明涉及一种提高手机app下载图片的速度的方法,其特征在于，包括以下步骤：步骤(1)服务器通过http请求发送到客户端；步骤(2)由客户端将JPEG体附加到预定义的JPEG头上，生成一个普通的JPEG图片；步骤(3)经过标准的JPEG解码后，客户端运行预定的高斯模糊，并拉伸JPEG图片的尺寸以适应窗口大小。优点是：在网速缓慢的情况下，图片加载时间得以缩短。而在网速非常快的情况下，这可以确保用户立即看到封面照片预览，提升了整体体验。

Description

提高手机app下载图片的速度的方法

技术领域

本发明涉及一种提高手机app下载图片的速度的方法,该方法适用范围ios和android手机设备图片读取。

背景技术

现在手机相机像素越来越大，图片越来越清晰，app读取图片时间越来越长，现有的技术主要是利用缓冲机制来加载图片，客户端读取图片后，缓冲在内存和手机磁盘存储空间中，下次加载先从缓冲中读取，缓冲中没有再从磁盘读取，磁盘中没有再网络加载。

现有技术的缺点：没有解决网络加载图片的时间问题。例如，app加载一张图片，首次还是从网络加载，这时受网络环境和图片大小的影响，用户会出现等待加载图片的过程，而这个过程大大降低了用户体验。

发明内容

为克服现有技术的缺陷，本发明提供一种提高手机app下载图片的速度的方法，本发明的技术方案是：

一种提高手机app下载图片的速度的方法，包括以下步骤：

步骤(1)服务器通过http请求发送到客户端；

步骤(2)由客户端将JPEG体附加到预定义的JPEG头上，生成一个普通的JPEG图片；

步骤(3)经过标准的JPEG解码后，客户端运行预定的高斯模糊，并拉伸JPEG图片的尺寸以适应窗口大小。

所述的步骤(1)为在http请求中返回一段{…,“huffman”:“01 2a 2a 11 00 0202 00 05 01 06…”},其中，第一字节01为tag值，表示不同的标准huffman，第二字节2a为宽度，第三字节2a为高度，其余为有效负荷。

所述的步骤(2)的具体方法为客户端读取数据后，存储tag标记内表示的信息，包括图像宽度、高度和哈夫曼表。

所述的步骤(3)通过读出哈夫曼表，建立哈夫曼树后对图片进行解码。

所述建立哈夫曼树的具体方法为：

1)第一个码字必定为0，如果第一个码字位数为1，则码字为0；如果第一个码字位数为2，则码字为00，如此类推；

2)从第二个码字开始，如果它和它前面的码字位数相同，则当前码字为它前面的码字加1；如果它的位数比它前面的码字位数大，则当前码字是前面的码字加1后再在后边添若干个0，直至满足位数长度为止。

本发明的优点是：在网速缓慢的情况下，图片加载时间得以缩短。而在网速非常快的情况下，这可以确保用户立即看到封面照片预览，提升了整体体验。

具体实施方式

下面结合具体实施例来进一步描述本发明，本发明的优点和特点将会随着描述而更为清楚。但这些实施例仅是范例性的，并不对本发明的范围构成任何限制。本领域技术人员应该理解的是，在不偏离本发明的精神和范围下可以对本发明技术方案的细节和形式进行修改或替换，但这些修改和替换均落入本发明的保护范围内。

本发明涉及一种提高手机app下载图片的速度的方法，包括以下步骤：

步骤(1)服务器通过http请求发送到客户端；

步骤(2)由客户端将JPEG体附加到预定义的JPEG头上，生成一个普通的JPEG图片；

步骤(3)经过标准的JPEG解码后，客户端运行预定的高斯模糊，并拉伸JPEG图片的尺寸以适应窗口大小。

所述的步骤(1)为在http请求中返回一段{…,“huffman”:“01 2a 2a 11 00 0202 00 05 01 06…”},其中，第一字节01为tag值，表示不同的标准huffman，第二字节2a为宽度，第三字节2a为高度，其余为有效负荷。

所述的步骤(2)的具体方法为客户端读取数据后，存储tag标记内表示的信息，包括图像宽度、高度和哈夫曼表。

所述的步骤(3)通过读出哈夫曼表，建立哈夫曼树后对图片进行解码。

所述建立哈夫曼树的具体方法为：

1)第一个码字必定为0，如果第一个码字位数为1，则码字为0；如果第一个码字位数为2，则码字为00，如此类推；

2)从第二个码字开始，如果它和它前面的码字位数相同，则当前码字为它前面的码字加1；如果它的位数比它前面的码字位数大，则当前码字是前面的码字加1后再在后边添若干个0，直至满足位数长度为止。

建立哈夫曼树的过程：

a)读取哈夫曼表：

以下面一段哈夫曼表数据举例说明(数据全部以16进制表示)：11 00 02 02 0005 01 06 01 00 00 00 00 00 00 00 00 00 01 11 02 21 03 31 41 12 51 61 71 81 9122 13 32

第1字节：11为哈夫曼表ID和表类型，其值0x11表示此部分数据描述的是AC交流1号表。

第2-17字节：

00 02 02 00 05 01 06 01 00 00 00 00 00 00 00 00

为不同位数的码字的数量。这16个数值实际意义为：没有1位和4位的哈夫曼码字；2位和3位的码字各有2个；5位码字有5个；6位和8位码字各有1个；7位码字各有6个；没有9位或以上的码字。

第18-34字节：00 01 11 02 21 03 31 41 12 51 61 71 81 91 22 13 32为编码内容，此哈夫曼树有0+2+2+0+5+1+6+1＝17个叶子结点，即本字段有17个字节，这段数据表示17个叶子结点按从小到大排列，其权值依次为0、1、11、2、21、3、31、41……。

b)建立哈夫曼树

n：由于没有1位的码字，所以第一个码字的位数为2，即码字为00；

n：由于2位的码字有两个，所以第二个码字位数仍为2，即码字为00+1＝01；

n:第三个码字为3位，比第二个码字长1位，所以第三个码字为：

01+1＝10，然后再添1个“0”，得100；

N:……

如此类推，最后得到这个哈夫曼树如下：

特别注意的是，如果中间有某个位数的码字缺失，例如没有4位码字，则应该在3位码字加1后，添加“00”补足5位，形成下一个5位码字。

最终，我们获得一种可以满足需求的格式。在网速缓慢的情况下，图片加载时间缩短了30％。而在网速非常快的情况下，这可以确保用户立即看到封面照片预览，提升了整体体验。

Claims (5)

1.一种提高手机app下载图片的速度的方法,其特征在于，包括以下步骤：

步骤(1)服务器通过http请求发送到客户端；

步骤(2)由客户端将JPEG体附加到预定义的JPEG头上，生成一个普通的JPEG图片；

步骤(3)经过标准的JPEG解码后，客户端运行预定的高斯模糊，并拉伸JPEG图片的尺寸以适应窗口大小。

2.根据权利要求1所述的提高手机app下载图片的速度的方法,其特征在于，所述的步骤(1)为在http请求中返回一段{…,“huffman”:“01 2a 2a 11 00 02 02 00 05 0106…”},其中，第一字节01为tag值，表示不同的标准huffman，第二字节2a为宽度，第三字节2a为高度，其余为有效负荷。

3.根据权利要求1所述的提高手机app下载图片的速度的方法,其特征在于，所述的步骤(2)的具体方法为客户端读取数据后，存储tag标记内表示的信息，包括图像宽度、高度和哈夫曼表。

4.根据权利要求3所述的提高手机app下载图片的速度的方法,其特征在于，所述的步骤(3)通过读出哈夫曼表，建立哈夫曼树后对图片进行解码。

5.根据权利要求4所述的提高手机app下载图片的速度的方法,其特征在于，所述建立哈夫曼树的具体方法为：

1)第一个码字必定为0，如果第一个码字位数为1，则码字为0；如果第一个码字位数为2，则码字为00，如此类推；

2)从第二个码字开始，如果它和它前面的码字位数相同，则当前码字为它前面的码字加1；如果它的位数比它前面的码字位数大，则当前码字是前面的码字加1后再在后边添若干个0，直至满足位数长度为止。