切图工具:又一个处理大图的例子

版权声明:本文为博主原创文章,未经博主允许不得转载。 https://blog.csdn.net/bq_cui/article/details/85041503

工具下载

 

有些同学对处理大图还是不太明白,这里再仔细写一个例子,希望能有所帮助。

基本情况:

1、使用高德地图;

2、朋友使用12级地图截屏做底图,制作的源图为17级,分辨率为40960*40960;

 

由于我的电脑配置很低,ps根本不能处理大图。我用ps把图片尺寸调到10240*10240,这样就生成了15级的源图。下面详细介绍怎样对Photoshop分割后的图片,再用切图工具进行切图。

其实基本的操作就是前面介绍的顺序法操作,不同点和难点是确定分割后每个图片分别对应的左上角坐标。

实际操作中,基本上分2种情况:

第一种情况,沿着当前级别底图上显示的部分线用Photoshop进行分割。

第二种情况,沿着在当前级别底图上没有显示,但是在更高级别底图上存在的线,用Photoshop进行分割。

1、先说第一种情况,沿着当前级别底图上已有的部分线用Photoshop进行分割。

1.1 截屏制作底图:

在12级截屏生成底图。可以看到这图大小宽高都是256*5=1280。

 

1.2 制作源图:

因为我的电脑配置很低,最高只能制作15级源图,可以算出,15级源图宽高都是:1280*2^(15-12)=10240。

1.3 在Photoshop中分割图片:

用切片工具,垂直平均划分为5个切片。重要:切片宽度,要256*2^n倍。这个例子中,源图宽度为10240,平均分为5个切片,每个切片宽度为2048,256*2^3=2048。如果源图宽度不合适,平均分割就不对了。在以前说过,顺序法源图宽度不一定是256的2^n倍,所以一定不能机械照搬。

用其他划分方法应该也可以,比如垂直方向分为5个,甚至划分为水平3个、垂直3个。但是我感觉用上面这种划分方法,后面比较容易操作,相对来说不易出错。

把上面的5个切片保存为png图片:

1.4 选坐标、切图:

写到这里,才发现这次选的是最简单的一种类型。

因为上面的五个图片,左上角坐标分别对应12级切图已经显示出来的5个十字。

实际操作中,经常会遇到,我们需要的坐标(就是箭头所指的十字),并不在底图中显示。后面再说。

这五个图,分别选择上面这5个对应坐标点(点击方法,前面顺序法切图中说了,不能自作主张乱点击,尤其不能对准十字点击),分别顺序切图,就能在12级以上的地图中正确显示。如果没有选择这几个坐标,就会出现跳图。

用这方法,12级到15级,都能准确无误匹配到地图。如果不在乎图片质量,那么16级及以上也可以直接生成,也是可以准确匹配到地图的。

12级:

13级:

14级:

15级:

 

16级:

17级:

源图是15级,到17级的时候,放大了4倍,图片质量已经不好了。

 

2. 第二种情况,沿着在当前级别底图上没有显示,但是在更高级别底图上存在的线,用Photoshop进行分割。

待续。。。

 

 

 

 

 

展开阅读全文

没有更多推荐了,返回首页