CN105550301B - 一种高清图片切割及展示方法 - Google Patents

Abstract

本发明公开了一种高清图片切割及展示方法，根据不同的级数将图片压缩成不同的大小；将不同的级数的图片切割成同一矩形块；保存不同的级数的矩形块。此切割方法完成的图片是用于特殊的图片显示，涉及信息技术领域。图片的展示以多张相同矩形的方式同时展示图片。本发明能够将亿级像素以上的大型高清图片展示在网络质量较差的环境中，提高了网页的响应时间并且节省了访问流量。

Description

一种高清图片切割及展示方法

技术领域

本发明涉及一种高清图片切割方法及展示方法，属于信息技术领域。

背景技术

近年来由于拍照质量的提升，人们对于图片的质量要求越来越高，所以图片的大小会越来越大。而在网页上以传统的方式加载高清图片会导致网络响声时间过长，甚至在网络质量较差的环境下会丢失数据。

GUTTMAN于1984年提出了一种支持扩展对象存取方法的数据结构R-Tree。R-Tree目前多用于空间数据库，R树的每一个结点都对应着磁盘页D和区域I，如果结点不是叶结点，则该结点的所有子结点的区域都在区域I的范围之内，而且存储在磁盘页D中。如果结点是叶结点，那么磁盘页D中存储的将是区域I范围内的一系列子区域，子区域紧紧围绕空间对象，一般为空间对象的外接矩形。

发明内容

本发明所要解决的技术问题是提供一种高清图片切割与展示方法，借鉴了R-Tree的思想，建立一颗金字塔形状的空间树，根结点表示一个巨大的矩形区域，同时拥有多个子节点，每个子结点都代表着父结点的一部分区域，并且拥有对该区域更详细的描述。每一层所有的结点描述的区域相加就是一副完整的图片，即原图。随着层级的增加，组合的原图便越大，细节描述将越清晰。同时，每一个区域都使用同样尺寸的矩形进行切割。

本发明为解决上述技术问题采用以下技术方案：

一方面，本发明提供一种高清图片切割方法，包括以下步骤：

步骤1，根据上传图片的尺寸及预定义的最小矩形尺寸，计算上传图片压缩的最大级数，具体为：

lv = ceil(log₂( max(width_pic/width_i,height_pic/height_i)))

其中，lv是最大级数，width_pic、height_pic分别是上传图片的宽、高，width_i、height_i分别是预定义最小矩形的宽、高， ceil(·)表示向上取整；

步骤2，置当前级数now_lv为0；

步骤3，根据当前级数计算当前所需压缩的尺寸(width,height)，(width,height)= (width_i * 2 ^ now_lv, height_i * 2 ^ now_lv ) ，其中2^now_lv表示2的now_lv次方；

步骤4，根据步骤3中计算得到的尺寸，对上传图片进行压缩；

步骤5，按照预定义的最小矩形尺寸，对压缩后的图片进行切割；

步骤6，对切割得到的矩形块进行命名，矩形块的名称中包括该矩形块的级数、坐标；

步骤7，置当前级数now_lv=now_lv+1，若此时now_lv不大于最大级数，则返回步骤3；否则将命名后的矩形块按照级数的不同进行分组存储。

作为本发明的进一步优化方案，步骤5中对压缩后的图片进行切割时，对最小矩形超出上传图片的部分作透明处理。

作为本发明的进一步优化方案，对步骤6中切割得到的矩形块进行加密处理。

另一方面，本发明还提供一种高清图片展示方法，高清图片采用上述的切割方法进行切割后存储，首先，根据展示需求选定级数，加载对应该级数的一组矩形块；其次，根据该组中矩形的各自坐标，对矩形块进行拼接；最后，得到符合展示需求的图片。

作为本发明的进一步优化方案，根据该组中矩形的各自坐标，对矩形块进行无缝拼接。

本发明采用以上技术方案与现有技术相比，具有以下技术效果：采用本发明的技术方案，将原本很大的图片进行不同级别的压缩和切割，当需要展示的时候，只加载所需要显示的图片区域，可以提高网页的响应时间及节省访问流量；而且展示的并不是一张完整的图片，而是多张图片组合显示，在视觉上是一张完整的图片，实际是多张图片紧凑的排列在一起展示。通过这种方法，减少的图片加载的时间，降低了访问流量；因为展示的图片已经进行了切割，所以防止整张图片非法盗用，提高了安全性。

附图说明

图1为本发明的图片切割整体流程图。

图2为本发明相邻层级图片的映射图。

具体实施方式

下面结合附图对本发明的技术方案做进一步的详细说明：

如图1所示，本发明提供一种高清图片切割方法，包括以下步骤：

步骤1，根据上传图片的尺寸及预定义的最小矩形尺寸，计算上传图片压缩的最大级数，具体为：

lv = ceil(log₂( max(width_pic/width_i,height_pic/height_i)))

其中，lv是最大级数，width_pic、height_pic分别是上传图片的宽、高，width_i、height_i分别是预定义最小矩形的宽、高， ceil(·)表示向上取整；

步骤2，置当前级数now_lv为0；

步骤3，根据当前级数计算当前所需压缩的尺寸(width,height)，(width,height)= (width_i * 2 ^ now_lv, height_i * 2 ^ now_lv ) ，其中2^now_lv表示2的now_lv次方；

步骤4，根据步骤3中计算得到的尺寸，对上传图片进行压缩；

步骤5，按照预定义的最小矩形尺寸，对压缩后的图片进行切割；

步骤6，对切割得到的矩形块进行命名，矩形块的名称中包括该矩形块的级数、坐标；

步骤7，置当前级数now_lv=now_lv+1，若此时now_lv不大于最大级数，则返回步骤3；否则将命名后的矩形块按照级数的不同进行分组存储。

本发明中，步骤5中对压缩后的图片进行切割时，会出现矩形块超出图片边界的情况，此时需要对超出的部分作透明处理，确保切割后的矩形块能够重新组合形成完整的图片。

如图2所示，本发明中，上一级数每一块矩形块对应下一层级四块矩形块，以此来实现图片的放大。

另一方面，本发明还提供一种高清图片展示方法，对采用上述的切割方法进行切割的高清图片进行展示。首先，根据展示需求选定级数，加载对应该级数的一组矩形块；其次，根据该组中矩形的各自坐标，对矩形块进行无缝拼接，在视觉上形成一张完整的图片；从而，得到符合展示需求的图片。另，若想更详细的了解某一区域的内容，则可以加载更高级数的矩形块进行展示，通过这样的展示方式，每次只需请求固定数量矩形块即可完成图片展示。

采用本发明的技术方案，将原本很大的图片进行不同级别的压缩和切割，当需要展示的时候，只加载所需要显示的图片区域，可以提高网页的响应时间及节省访问流量；而且展示的并不是一张完整的图片，而是多张图片组合显示，在视觉上是一张完整的图片，实际是多张图片紧凑的排列在一起展示。通过这种方法，减少的图片加载的时间，降低了访问流量；因为展示的图片已经进行了切割，所以防止整张图片非法盗用，提高了安全性。

以上所述，仅为本发明中的具体实施方式，但本发明的保护范围并不局限于此，任何熟悉该技术的人在本发明所揭露的技术范围内，可理解想到的变换或替换，都应涵盖在本发明的包含范围之内，因此，本发明的保护范围应该以权利要求书的保护范围为准。

Claims (5)

1.一种高清图片切割方法，其特征在于，包括以下步骤：

步骤1，根据上传图片的尺寸及预定义的最小矩形尺寸，计算上传图片压缩的最大级数，具体为：

lv＝ceil(log₂(max(width_pic/width_i,height_pic/height_i)))

其中，lv是最大级数，width_pic、height_pic分别是上传图片的宽、高，width_i、height_i分别是预定义最小矩形的宽、高，ceil(·)表示向上取整；

步骤2，置当前级数now_lv为0；

步骤3，根据当前级数计算当前所需压缩的尺寸(width,height)，(width,height)＝(width_i*2^now_lv,height_i*2^now_lv)，其中2^now_lv表示2的now_lv次方；

步骤4，根据步骤3中计算得到的尺寸，对上传图片进行压缩；

步骤5，按照预定义的最小矩形尺寸，对压缩后的图片进行切割；

步骤6，对切割得到的矩形块进行命名，矩形块的名称中包括该矩形块的级数、坐标；

步骤7，置当前级数now_lv＝now_lv+1，若此时now_lv不大于最大级数，则返回步骤3；否则将命名后的矩形块按照级数的不同进行分组存储。

2.根据权利要求1所述的一种高清图片切割方法，其特征在于，步骤5中对压缩后的图片进行切割时，对最小矩形超出上传图片的部分作透明处理。

3.根据权利要求1所述的一种高清图片切割方法，其特征在于，对步骤6中切割得到的矩形块进行加密处理。

4.一种高清图片展示方法，高清图片采用如权利要求1所述的切割方法进行切割后存储，其特征在于，首先，根据展示需求选定级数，加载对应该级数的一组矩形块；其次，根据该组中矩形的各自坐标，对矩形块进行拼接；最后，得到符合展示需求的图片。

5.根据权利要求4所述的一种高清图片展示方法，其特征在于，根据该组中矩形的各自坐标，对矩形块进行无缝拼接。