工具下载

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

基本情况：

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进行分割。

待续。。。

切图工具：又一个处理大图的例子相关推荐

百度、高德、腾讯、天地图、谷歌、必应地图切片切图工具 MapCutter（旧名MapTiler），支持超大图、高清切片、webgl、leaflet、maptalk、openlayers、cesium等
# MapCutter 地图覆盖图瓦片地图(金字塔图)切图工具,支持百度.腾讯.高德.天地图.谷歌.必应地图等,是市面上最易使用的同类软件.. 百度.高德.腾讯.天地图.谷歌.必应等自定义地图/图片叠 ...
android在线切图工具,9Cut切图工具
9Cut切图工具由西西给大家带来,这款软件也是能够把一张完整的照片切成九小张,最近的朋友圈特别火爆的九宫格照片就是由这个来制作的,非常的完美,赶紧来下载9Cut切图工具试试吧! 9Cut切图工具介绍 ...
android ui 切图工具,APP切图标注教程：UI设计切图标注的小工具实用技巧
分享关于一篇UI设计师必须要懂的切图标注的小工具实用技巧,让你在跟开发工程师协作的时候更加得心应手. 设计师必备的UI切图小工具如下3大常用工具: 1.切图工具 Assistor PS 也是一款PS的 ...
切图工具：输出512*512切片大小的切片
原来切图工具仅能输出256*256大小的切片,已经逐渐不满足高清屏幕的需求,结果就是在Retina显示屏或者4K.8K显示屏中,会显示比较模糊.这样就需要生成512*512像素的切片,在原来256*2 ...
Mac下的plist纹理图切图工具（命令行）
Mac下的plist纹理图切图工具(命令行) 经常用Mac,开发需要经常切拼好的plist纹理图,找了好久都没什么合适的软件:拼图的有不少(TexturePacker.PlistEditor等),拆图 ...
百度地图切图工具的应用实例
使用之前要获取一个切图工具,切图工具的使用流程简单易懂,牵涉的代码使用如下(选择不生成相应代码时). GPS转百度 <body> <div id="allmap" ...
前端必备 PS三种切图方法 Cutterman最好用的切图工具
文章目录 1.常见的图片格式方法1. PS图层切图方法2. 切片切图方法3.Cutterman插件切图(最简单.最好用的切图工具) 准备工作:一个非绿色版的PS软件,如果还没安装好PS的,建议在 ...
如何使用Leaflet加载QGIS切图工具生成的瓦片
1.首先需要看一下QGIS切图工具的使用方法点这里 2.新建一个html文件写入如下内容 <!DOCTYPE html> <html> <head><titl ...
9图工具 android,在线自动生成.9png图的Android设计切图工具推荐
当我们完成了一套iOS的切图的时候,当android开发人员让你切几个版本的dpi切图时,你是不是一下子崩溃了! 我想大家都会崩溃,切一套APP设计稿已经够麻烦了. 因为在Android的设计过程中 ...
android ps切图工具下载,移动APP设计之PS切图插件大汇总，值得收藏
移动APP界面设计切图和标注是一项必不可少的步骤.所以,设计界也涌现出了很多切图神器和标注神器. 包括25学堂之前介绍过的很多切图工具和切图教程. 今天25学堂的小编为大家精选了几个不错的移动APP设 ...

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